厳選・オープン・無料

Dae

遊び心と温かみを感じさせる、砂漠をインスピレーションにしたヘアケア。

01

デザイン DNA

お気に入りのヘアプロダクトと共に、晴れた砂漠をドライブするような体験

02

カラー

クリーミーなベースを基調とし、エネルギッシュなピンクアクセントで彩った、アースな砂漠の温かみ。

03

タイポグラフィ

didone-serif · geometric-sans · mono-sans

• display56px · 400
• heading24px · 700
• body15px · 400

セカンダリーコールトゥアクションやプロモーションバッジには、すべて大文字を使用します。 · ブランドバリューのスクロールマーキーには、大文字の等幅フォントを使用します。

04

余白

セクション内の贅沢な padding と、コンテンツブロック間の明確な垂直方向の余白。

05

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

ボタンとマーキー区切りには、1px solid アクセントブラウン。

none

06

レイアウト

フルワイドヒーローの後に、記述用の左カラムと、右侧に水平プロダクトグリッドを配置。

07

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

バリューマーキーのための連続水平スクロール。

ナビゲーションリンクやボタンの、精妙な透明度や色のシフト。 · 標準的なボタン押下エフェクト。

08

コンポーネント

• button 薄い実線ボーダーと大文字テキストを用いた、ピル形状。
• card 画像中心で、微かな丸みのある角と、absolute ポジショニングされたバッジを採用。
• chip ピンクの実色で absolute ポジショニングされた「NEW!」バッジ。
• input ミニマルで、薄いボーダーまたはボーダーレスと推定。
• hero 左側にテキストと CTA ボタンをオーバーレイした、大きなシネマティック写真。

09

文体と禁止事項

• トーン 温かく、親しみやすく、少し詩的。
• 見出し プロダクト名には大きくエレガントなセリフフォント。
• CTA 明確なコールトゥアクションには、クリーンな大文字サンセリフ。

• スクリーンショットでは、無機質な白背景ではなく、暖かいクリーム色 (#FFFDF5) を使用しています。
• スクリーンショットでは、ネオンや純粋にデジタルなアクセントカラーではなく、ネイチャー系のウォームピンク (#DDA69D, #E92C5B) を使用しています。
• スクリーンショットでは、角のとがったボックス型ボタンではなく、細いボーダーの丸みのあるピル形状ボタンを使用しています。
• スクリーンショットでは、テキストの詰まったレイアウトではなく、広い余白と写真を多用しています。
• ヒーローテキストにモダンなミニマルサンセリフを使用せず、プロダクト名には顕著なディドン・セリフを使用しています。
• 硬直した、エッジの効いたグリッドコンテナを使用せず、より柔らかくオーガニックなグリッド配置を使用しています。
• 避ける: 臨床的、または技術的なヘアケア用語の多用。
• 避ける: 刺々しい、ネオン、あるいは純粋にデジタルなカラーパレット。
• 避ける: 硬直した、グリッド重視のコーポレートレイアウト。

10

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

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

11

System Prompt

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