なめらかプリンのパステル 公式サイト(https://pastel-pudding.com/)分析
パステルのサイトは、水色の爽やかなデザインのブランドサイトです。プリンの形の画像やプリンの動きが取り入れられていて、とてもかわいいサイトです。今回は勉強のために、動きやデザインを分析しました。
font
“Montserrat”, sans-serif
見出し：61px・22px・20px・2.4rem
文章：1.4remくらい
文字：水色（#3C9CD4）・黒・白
読みやすい文字です。
color
水色・白
メニュー
PCもスマートフォンも右上にハンバーガーメニューがあります。
クリックすると全画面でメニューが開き、中央配置でリンクが並んでいます。
動きについて
shopページのリンクにマウスオーバーでプリンの形の画像が横に動きます。
PAGE TOPの画像は、マウスオーバーをしないでも横に動いています。
まとめ
サイトはシンプルなデザインで、とても画像がきれいです。プリンの形の画像や動き等の表現がとても参考になるブランドサイトです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
