厳選・オープン・無料

Dsanddurga

大胆なブラタリスト風タイポグラフィとグリッド重視のエディトリアル・レイアウトを用いる、プレミアム・フレグランス＆ライフスタイル・ブランド。厳格でアバンギャルドな美学を構築します。

01

デザイン DNA

ハイエンド・雑誌のレイアウトとブラタリストの工業倉庫が融合した空間。

02

カラー

ハイコントラストなクリーム地に黒のタイポグラフィと、大きな写真要素を配置。明るいアクセントカラーを避け、洗練されたユーティリタリアンな印象を維持します。

03

タイポグラフィ

grotesque-sans

• display64px · 700
• headline28px · 700
• body14px · 400

ナビゲーションと小さなラベルにはすべてキャピタルを使用 · 大きなディスプレイ・テキストにはタイトな行間（0.9〜1.0）を使用 · フォント・ファミリーを変えるのではなく、ウェイトと大文字／小文字で厳格なタイポグラフィ階層を維持

04

余白

写真レイアウトと大きなタイポグラフィ・ブロックに依存した不規則なグリッドベースのリズム。厳格な垂直リズムよりも、ビジュアル・インパクトを優先します。

05

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

グリッドセルとボーダーを定義するために使用される、薄い1pxの実線（黒）。厳格で構造的なレイアウトを生み出します。

06

レイアウト

大きな高インパクト写真要素とオーバーレイ・タイポグラフィ・ブロックを用いた、厳格なグリッドベースのレイアウト。ハードボーダーで分割されたフルブリード・画像が頻繁に使用されます。

07

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

テキスト・オーバーレイのための繊細なフェードイン · カルーセルのためのスムーズなスライディング

リンクとボタンの繊細な透明度の変化。 · スケールまたは透明度をわずかに下げた即座のフィードバック。

08

コンポーネント

• button シンプルなテキスト・リンク、またはカプセル型ボタン（大文字の場合が多い）。
• card ハードボーダーで定義されたグリッドセル。イメージとオーバーレイ・タイポグラフィを含みます。
• chip シンプルなテキスト・タグまたはバッジ（例：'LIMITED EDITION COLLAB'）
• input 細いボーダーを持つミニマルなテキスト・フィールド。
• hero 大胆なタイポグラフィをオーバーレイした、大きなフルワイド写真イメージ。

09

文体と禁止事項

• トーン 自信に満ち、直接的で、やや神秘的。
• 見出し 短く、力強く、概念的または挑発的な場合が多い。
• CTA ミニマルで機能的。単純な矢印やテキスト・リンクの場合が多い。

• ドロップ・シャドウやソフトなグラデーションは使用しない。スクリーンショットでは、ハードボーダーによるフラットでブラタリストな美学が示されている。
• 複数のフォント・ファミリーは使用しない。スクリーンショットでは、単一で一貫したサンセリフ・タイプ・ファミリーに依存している。
• 明るく鮮やかなアクセントカラーは使用しない。スクリーンショットでは、黒、クリーム、写真によるミュートされたパレットが示されている。
• コンテナの角丸は使用しない。スクリーンショットでは、グリッドセルに鋭い90度の角が示されている。
• 大きなテキスト・ブロックの中央揃えは使用しない。スクリーンショットでは、頻繁に左揃えまたはフラッシュ・レフトのタイポグラフィが使用されている。
• ナビゲーションを複雑な階層で隠さない。スクリーンショットでは、フラットで視認性の高いトップ・ナビゲーション・バーが示されている。
• 避ける: 過度な感嘆符
• 避ける: 過度に説明的な形容詞
• 避ける: 汎用的なマーケティング用語

11

System Prompt

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