精選 · 開放 · 免費

Dae

溫暖、靈感源自沙漠的頭髮護理,既趣味又宜人。

beautyhaircare
Dae 網站截圖
↓ 下載設計系統包 (46 MB)在 OpenDesign 中開啟

原站: https://daehair.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

溫暖趣味自然沙漠宜人

與你最愛的頭髮產品共度陽光沙漠公路旅行

02

色彩

#E92C5BAccent
#BE6A14Ink
#6A6C77Ink soft
#FFFDF5BG
#EDD6C4BG soft
#DDA69DMuted
rgba(190,106,20,1)Line

以奶油白為基底的沙漠溫暖色調,並以活力粉色點綴。

03

字型

didone-serif · geometric-sans · mono-sans

次要行動呼籲與促銷標籤使用全大寫。 · 品牌價值滾動 marquee 使用大寫等寬文字。

04

間距

4px
8px
16px
24px
32px
48px
64px
96px

區塊內留有寬裕的 padding,內容區塊之間有清晰的垂直間距。

05

表面 (圓角 / 陰影 / 邊線)

sm · 3px
md · 10px
lg · 0px
pill · 999px

按鈕與 marquee 分隔線使用 1px 實線棕色邊框。

none

06

版面

1440container
12columns
24pxgutter
768 / 1024breakpoints

全版寬首頁主視覺後,接續左側描述欄位與右側橫向產品網格。

07

動效與互動

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

品牌價值 marquee 使用連續橫向滾動。

導覽連結與按鈕具備細微的 opacity 或色彩變化。 · 標準按鈕點擊效果。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是一個溫暖、面向消費者的頭髮護理品牌網站。使用靈感源自沙漠的色調,包含奶油白(#FFFDF5)、棕褐(#EDD6C4)與大地棕(#BE6A14),並以活力粉色(#E92C5B)作為促銷元素的強調色。字體結合優雅的 didone-serif 標題與簡潔的幾何無襯線內文。關鍵禁忌:切勿使用刺眼的白色背景、避免霓虹色,並勿使用生硬方正的 UI 元件。佈局寬敞且以影像為主,大量運用電影感攝影。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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