studio CLIP | Adastria 70th Special Year “studio CLIP meets ART OF GARDEN-ATSURO TAYAMA-” 特設サイト(https://www.dot-st.com/studioclip/cp/70th_garden/)分析
ART OF GARDEN × studio CLIPの特設サイトは、コレクションのストーリーを表現したサイトです。画像の配置や動きを参考にしたいサイトです。
今回は勉強のために、デザインを分析しました。
font
‘Poppins’, sans-serif;
‘Noto Sans JP’, ‘ヒラギノ角ゴ ProN W3’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック’, YuGothic, ‘メイリオ’, Meiryo, sans-serif
白系・茶系（#373021）・オレンジ系（#e64027）・モスグリーン（#668056）
color
白系・ベージュ系（rgba(119,153,80,0.15)）・水色系（rgba(186,209,227,0.3)）
メニュー
PCは右上にハンバーガーメニューがあり、クリックするとふわっとMENUが開きます。ページ内リンクの画像が並んでいて、オンラインショップへのリンクがあります。
フッターはオンラインショップへのリンクがあり、SNSのリンクが並んでいます。
まとめ
ART OF GARDEN × studio CLIPの特設サイトは、画像の配置や動き、文章でコレクションのストーリーを表現していて、とても素敵なサイトです。表現を参考にしたいサイトです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
