見出し画像

#1日1サイトレビュー Day46 Su5 スー

【概要】
独自の技術で作られた、5層三面体マスク「スー」の商品サイト
https://www.grust.co.jp/

【サイト全体の印象】
・写真が大胆に使われていて目をひく
・落ち着いた色合いで洗練されたイメージ
・波模様のあしらいがシンプルだけどおしゃれ
・余白の使い方が上手く、ストレスなくサイトをみれる

【ターゲット(仮定)】
・マスクに何かしらの悩みを持ち、質の良いマスクを求めている人
→丁寧な暮らし、無印良品好きそう、量よりも質、シンプル、素材にこだわる イメージ

【文字のサイズ】


大見出し:36px
見出し:22px
本文:13px
使用フォント:Garanond、Noto Sans JP

【配色ルールの適用方法】
→ベース:白に近いグレー#f4f4f4
 メイン:薄いグレーe#9e9e9
 アクセントカラー:黒#202020

・ベース、メイン、アクセントはそれぞれどんな箇所で使われているか

ベース:背景色
メイン:背景色の一部、フッター
アクセントカラー:文字の色、ロゴ、見出し文字色

・トップページの配色の印象を下層ではどんな形で生かしてるのか

→基本的に構成がTOPと似ている。TOPと同じように、セクションごとに色を分ける(白と薄いグレーが交互になる)使われかたをしている。

・気づいたこと
◎あしらいは少ないが、あしらいを使う場面では波模様(風?)モチーフが使われ統一感がある
◎見出し縦組み×本文横組み=洗練されたイメージになる、あしらいがわりになる
◎文字は小さめだが、余白を上手く使うことで読みやすくなる

画像1

画像2


この記事が気に入ったらサポートをしてみませんか?