デザイン参考
薄いドットの格子を敷いた黒地に、赤い差し色のある濃い灰色の Headphone (1) Pro を縦に配置。中央に小さな HEADPHONE (1) PRO とセリフ体の英文見出し、白い DISCOVER ボタン。上に NOTHING (R) ロゴとメニュー、カートのアイコンを収めた灰色の丸いナビゲーション
黒いヒーローから薄い灰色の Shop by category へ切り替わる画面。黄色を添えた透明なイヤホン、白・黄・ピンク・灰色のヘッドホン、ピンク・銀・黒の電話、オレンジのストラップの CMF の時計を四つのタイルに並べ、下に小さな下線付きのカテゴリ名
左揃えのセリフ体の Pack your sound と、カスタム EQ、18時間の再生、防水についての小さな説明。二つの大きな灰色のカードに、青緑・オレンジ・白・黒の CMF Speaker M を傾けて並べ、同じ色の CMF Speaker S をブロック状に積む
セリフ体の Why buy on nothing.tech の下に、Free delivery、30-day returns、Flexible payments、Price match、Warranty included の五つのピクセル風アイコン。下は Join the community で始まる黒いブロック

REFERENCE

Nothing(日本)

サイトを見る
日本語/プロダクト/EC/モーションjp.nothing.tech

Nothing の日本向けサイト。黒と白の広い余白にセリフ体の見出しと小さなラベルを置き、製品の色をカテゴリと大きなカードで見せる。

Nothing の第一画面は、薄いドットの格子を敷いた黒地に、濃い灰色の Headphone (1) Pro を縦に置く。赤い小さな差し色を残し、中央には等幅の小さな HEADPHONE (1) PRO と、セリフ体の「Studio-level precision for our most advanced headphone ever.」。その下に白い DISCOVER ボタンを置く。上に浮く灰色の丸いナビゲーションは、NOTHING (R) のロゴとメニュー、カートのアイコンを一つに収める。黒から薄い灰色に切り替わる Shop by category は、透明なイヤホンと黄色、重ねた白・黄・ピンク・灰色のヘッドホン、ピンク・銀・黒の電話、オレンジのストラップの CMF の時計を四つのタイルにする。下線付きの EARBUDS、HEADPHONES、PHONES、CMF は小さく揃え、製品の形と色に面積を渡す。

この画面を残しているのは、大きな製品写真とセリフ体の見出しを、広い余白と小さな案内でつないでいるからだ。Pack your sound は左に見出しを置き、カスタム EQ、18時間の再生、防水についての説明を小さなサンセリフで添える。二つの大きな灰色のカードでは、青緑・オレンジ・白・黒の CMF Speaker M を傾けて並べ、CMF Speaker S は同じ色のブロックを積む。製品名はセリフ体、短い説明はサンセリフに戻す。Why buy on nothing.tech は五つのピクセル風アイコンに Free delivery、30-day returns、Flexible payments、Price match、Warranty included を添え、その下を Join the community で始まる黒いブロックへつなぐ。flenteが画面を組むときも、見出しと製品には広い面積を渡し、案内は小さく揃え、背景の明暗と製品の色で節の切り替わりをつくる。

相談