Comme’N TOKYO公式サイト(https://commen.jp/)分析
Comme’N TOKYOのwebサイトは、ページを開くと動画が流れ、全画面の画像でショップのイメージを短く伝えています。トップページは縦が短めです。今回は勉強のために、デザインを分析しました。
font
見出し”Marcellus”, serif、文章”Zen Kaku Gothic New”, sans-serif
見出しfont-size：44pxくらい、文章font-size：18pxくらい
文字色：白
color
白
背景色：白・黒・ベージュ系（#9e9891）
メニュー
PCもスマートフォンも右上にハンバーガーメニューがあります。二本並んだ線は、上が37px、下が::afterで50%で表示されています。クリックすると下の線が大きく回転して×になります。お洒落です。
まとめ
Comme’N TOKYOのwebサイトは、デザインも動画使いも参考にしたいサイトです。とても格好良く、画像を見るたびにおいしそうなパンを買いに行きたくなります。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
