厳選・オープン・無料

Arket

クリーンでエディトリアルな美学を持つ、プレミアム・ミニマル・ファッション＆ホームウェアのリテールサイト。

01

デザイン DNA

高級スカンジナビアンのリテールギャラリー

02

カラー

暖かみのあるニュートラル色に、高コントラストの黒タイポグラフィとミュートな赤のアクセント

03

タイポグラフィ

geometric-sans · humanist-sans

• display48px · 500
• heading16px · 500
• body14px · 400

ディスプレイおよびUI要素にはクリーンで幾何学的なサンセリフ · 黒テキストと暖かみのあるニュートラル背景の間の高コントラスト

04

余白

大胆な余白を用いた、一貫した4pxベースグリッド

05

サーフェス (角丸 / 影 / 罫線)

細く、明るい実線のボーダー

0 4px 12px rgba(0,0,0,0.05)

06

レイアウト

標準的な12カラムグリッドを持つ、固定幅のセンタリングコンテナ

07

モーションとインタラクション

モーダルのスムーズなフェードイン · 控えめなホバーステート

控えめな色の変化や透明度の変化 · 即座の視覚的フィードバック

08

コンポーネント

• button 白テキストを持つ高コントラストの黒ボタン。四角い角。
• card 最小限のスタイリングを施したシンプルな矩形コンテナ。
• chip シンプルなカテゴリタグ。
• input 最小限のアンダーラインスタイルの検索入力欄。
• hero 高コントラストの大タイポグラフィ駆動のヒーローセクション。

09

文体と禁止事項

• トーン 直接的でクリーン、かつ権威あるトーン
• 見出し 太字、大文字、または大きな幾何学サンセリフ
• CTA 明確で直接的なテキストを持つ高コントラストの黒ボタン

• 角丸を使用しない — スクリーンショットでは、すべてのボタンとコンテナが四角で鋭い角を示しています
• 鮮やかまたは彩度の高い背景を使用しない — スクリーンショットでは、暖かみのあるミュートなベージュ (#F2EFEB) の背景を示しています
• 装飾的または筆記体のフォントを使用しない — スクリーンショットでは、クリーンで幾何学的なサンセリフタイポグラフィを示しています
• 過度のドロップシャドウを使用しない — スクリーンショットでは、非常に最小限で控えめなエレベーションを示しています
• テキストに低コントラストを使用しない — スクリーンショットでは、明るい背景に高コントラストの黒 (#1A1A1A) テキストを示しています
• 雑然としたレイアウトを使用しない — スクリーンショットでは、大胆な余白と明確でミニマルな構造を示しています
• 避ける: 角丸
• 避ける: 遊び心のある色
• 避ける: 筆記体タイポグラフィ

11

System Prompt

en · zh-CN · zh-TW · ja · ko