#1日1サイトレビュー Day46 Su5 スー
【概要】
独自の技術で作られた、5層三面体マスク「スー」の商品サイト
https://www.grust.co.jp/
【サイト全体の印象】
・写真が大胆に使われていて目をひく
・落ち着いた色合いで洗練されたイメージ
・波模様のあしらいがシンプルだけどおしゃれ
・余白の使い方が上手く、ストレスなくサイトをみれる
【ターゲット(仮定)】
・マスクに何かしらの悩みを持ち、質の良いマスクを求めている人
→丁寧な暮らし、無印良品好きそう、量よりも質、シンプル、素材にこだわる イメージ
【文字のサイズ】
大見出し:36px
見出し:22px
本文:13px
使用フォント:Garanond、Noto Sans JP
【配色ルールの適用方法】
→ベース:白に近いグレー#f4f4f4
メイン:薄いグレーe#9e9e9
アクセントカラー:黒#202020
・ベース、メイン、アクセントはそれぞれどんな箇所で使われているか
ベース:背景色
メイン:背景色の一部、フッター
アクセントカラー:文字の色、ロゴ、見出し文字色
・トップページの配色の印象を下層ではどんな形で生かしてるのか
→基本的に構成がTOPと似ている。TOPと同じように、セクションごとに色を分ける(白と薄いグレーが交互になる)使われかたをしている。
・気づいたこと
◎あしらいは少ないが、あしらいを使う場面では波模様(風?)モチーフが使われ統一感がある
◎見出し縦組み×本文横組み=洗練されたイメージになる、あしらいがわりになる
◎文字は小さめだが、余白を上手く使うことで読みやすくなる