株式会社Tokyo Tea Trading 公式サイト(https://tokyoteatrading.com/)分析
株式会社Tokyo Tea Tradingのwebサイトは、開くと大きな画像に文字が重なっていて、画像からはみ出した部分が黒文字になっていてとてもお洒落なサイトです。
今回は勉強のために、デザインを分析しました。
font
“Helvetica Neue”, Arial, “游ゴシック体”, YuGothic, “游ゴシック”, “Yu Gothic”, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif
白・黒系（#0f0f0f）・グレー系（#7e807c）
color
白・黒系（#0f0f0f）・グレー系（#ededed・#7e807c）
メニュー
PCは上部にメニューがあり、マウスを乗せるとふわっとボックスが開くリンクもあります。スマートフォンは右上にハンバーガーメニューがあり、タップするとハンバーガーメニューがふわっと開きます。
右側にフローティング画像が表示されています。
まとめ
株式会社Tokyo Tea Tradingのwebサイトは、白とグレーのシンプルな背景色で、スクロールすると文字や画像が下から上にふわっと表示されるサイトです。
初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。
