厳選・オープン・無料

Leifproducts

広大な写真と抑制されたタイポグラフィを使用し、落ち着いた自然のラグジュアリーを喚起する、洗練されたオーストラリアのボタニカルブランド。

01

デザイン DNA

厳選された植物学のジャーナルと、コースタルなラグジュアリーリトリートの融合。

02

カラー

高コントラストのニュートラルカラー（黒、オフホワイト、マットグレー）が、土の色を帯びた自然の写真を主役とするためのクリーンなキャンバスとして機能します。

03

タイポグラフィ

geometric-sans · grotesque-sans · monospaced

• display52px · 500
• body16px · 500
• caption12px · 500

ナビゲーションとカテゴリーラベルには、幅広いトラッキングの大文字を使用します。 · 大きなディスプレイ見出しには、タイトなネガティブトラッキングを維持します。 · 香りの説明や分類には、モノスペースタイポグラフィを使用します。

04

余白

4pxの基本インクリメントと、ゆったりとした113pxの垂直パディングを組み合わせることで、独特の息の長いリズムを生み出しています。

05

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

1px solid rgb(214, 209, 199) または rgb(38, 37, 37)

rgba(0, 0, 0, 0.1) 0px 2px 20px 0px

06

レイアウト

大きな写真ブロックとゆったりとした余白、タイトなテキストブロックを組み合わせた、クリーンで非対称なマルチカラムグリッド。

07

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

ホバーステートとインタラクティブ要素には0.3秒のトランジション。 · より広範なUIの状態変化には0.5秒のトランジション。

インタラクティブ要素の微細な不透明度や色の変化。 · 埋め/空のラジオボタンで示される状態の変化。

08

コンポーネント

• button 大文字の白テキストを持つ、ソリッドブラックの長方形ボタン。
• card 最小限のテキストオーバーレイと微細なボーダーを持つ、画像中心のカード。
• chip 大文字のテキストラベルを持つ、ラジオスタイルの円形セレクター。
• input 微細なボトムボーダーとモノスペーステキストを持つ、最小限のインプット。
• hero 主役となるフルハイトの画像と専用のテキストカラムを持つ、分割画面レイアウト。

09

文体と禁止事項

• トーン 落ち着いた、喚起的で洗練されたトーン。
• 見出し 雰囲気や場所を設定する、短く喚起的なフレーズ。
• CTA 直接的、大文字、行動を促す命令形。

• 明るく彩度の高いアクセントカラーを使用しない — スクリーンショットは厳格にニュートラルなモノクロパレットを示しています。
• 装飾的、または非常にスタイリッシュなフォントを使用しない — スクリーンショットはクリーンなジオメトリックおよびグロテスクsans-serifを示しています。
• レイアウトを過密にしない — スクリーンショットはゆったりとした余白と、要素間の大きな息の間を示しています。
• すべての角を大きく丸めない — スクリーンショットはシャープなエッジ、または非常に微細な6-8pxのボーダーラディウスを示しています。
• 複雑で複数色のグラデーションを使用しない — スクリーンショットはフラットなソリッド背景を示しています。
• 深みのために重いドロップシャドウに依存しない — スクリーンショットは、主にフラットデザインと最小限の微細なシャドウを使用しています。
• 避ける: 騒がしいプロモーション言語
• 避ける: 雑然とした、またはごちゃごちゃしたレイアウト
• 避ける: 鮮やかなネオンカラー
• 避ける: 遊び心がある、または幻想的なタイポグラフィ

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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