厳選・オープン・無料

Le Labo

雰囲気のある写真と鮮明なタイポグラフィを通じて、生の、編集的美学を提示するプレミアム香水ブランド。

01

デザイン DNA

生素材がモダンなミニマリズムと出会う、洗練された暗い薬局のラボラトリー。

02

カラー

暗くテクスチャーのある写真上に白いテキストを配置する、ハイコントラストのモノクロームパレットに依存。

03

タイポグラフィ

grotesque-sans

• display30px · 900
• heading18px · 700
• body14px · 400

見出しとラベルに大文字を多用。 · 小さな大文字テキストに広めの文字間隔を適用。

04

余白

プライマリコンテナに適度な余白を設けた中程度のリズム。

05

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

1px solid rgba(51, 51, 51, 1.0)

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

06

レイアウト

フルワイドの背景画像を多用した中央カラムレイアウト。

07

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

ホバー時の高速な不透明度遷移。 · 複雜な入场アニメーションは確認できません。

インタラクティブ要素の不透明度変化。 · 複雑なフィードバックなしの即時状態変化。

08

コンポーネント

• button 白い大文字テキストを含む、フルワイドの暗い長方形ブロック。
• card 写真に依存し、最小限のボーダーを持つ画像ベースのカード。
• chip このビューでは確認できません。
• input 黒いテキストと微妙なボーダーを持つ、白い背景のドロップダウン。
• hero 中央にオーバーレイテキストを配置した、フルスクリーンで雰囲気のある写真背景。

09

文体と禁止事項

• トーン 直接的、権威があり、控えめ。
• 見出し 短く、力強い大文字のステートメント。
• CTA 注目を集める、全角大文字のハイコントラストボタン。

• 鮮やかなアクセントカラーを使用しない — スクリーンショットは厳格なモノクロームパレットを示しています。
• プライマリボタンに角丸を使用しない — スクリーンショットは鋭い長方形のエッジを示しています。
• プライマリ见出しにセリフフォントを使用しない — スクリーンショットは太字の幾何学的なグロテスクサン（geometrical grotesque-sans）を示しています。
• 多くの小さなアイコンでインタフェースを雑然とさせない — スクリーンショットはミニマリストなアプローチを示しています。
• 明るく軽やかな背景を使用しない — スクリーンショットは暗く、雰囲気があり、テクスチャーのある写真を特徴としています。
• プライマリCTAボタンに小文字を使用しない — スクリーンショットは全角大文字のテキストを示しています。
• 避ける: 遊び心のある言葉
• 避ける: 明るい色
• 避ける: 装飾的な要素

10

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

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

11

System Prompt

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