精選 · 開放 · 免費
Dae
溫暖、靈感源自沙漠的頭髮護理,既趣味又宜人。
beautyhaircare
01
設計氣質 DNA
溫暖趣味自然沙漠宜人
與你最愛的頭髮產品共度陽光沙漠公路旅行
02
色彩
#E92C5BAccent
#BE6A14Ink
#6A6C77Ink soft
#FFFDF5BG
#EDD6C4BG soft
#DDA69DMuted
rgba(190,106,20,1)Line
以奶油白為基底的沙漠溫暖色調,並以活力粉色點綴。
03
字型
didone-serif · geometric-sans · mono-sans
- display
56px · 400 - heading
24px · 700 - body
15px · 400
次要行動呼籲與促銷標籤使用全大寫。 · 品牌價值滾動 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
組件
- button 藥丸形狀,帶有細實線邊框與大寫文字。
- card 以影像為核心,帶有細微圓角與絕對定位的標籤。
- chip 絕對定位的「全新!」實心粉色標籤。
- input 極簡,可能為細邊框或無邊框。
- hero 大型電影感照片,左側覆蓋文字與行動呼籲按鈕。
09
文案語氣與禁用清單
- 語氣 溫暖、平易近人且略帶詩意。
- 標題風格 產品名稱使用優雅的大型襯線字體。
- 按鈕文案 行動呼籲使用簡潔、大寫、無襯線字體。
- 勿使用刺眼、臨床感的白色背景——截圖顯示為溫暖的奶油白(#FFFDF5)。
- 勿使用霓虹或純數位感的強調色——截圖使用自然暖粉色(#DDA69D, #E92C5B)。
- 勿使用生硬、方正的按鈕——截圖使用圓角、藥丸形按鈕與細邊框。
- 勿使用密集、文字過多的佈局——截圖大量依賴寬裕的留白與攝影。
- 勿用於首頁主文字的現代、極簡無襯線字體——截圖為產品名稱使用顯著的 didone-serif。
- 勿使用嚴謹、硬邊的格線容器——截圖使用較柔和、更自然的格線對齊。
- 避免: 臨床或過於技術性的頭髮護理術語。
- 避免: 刺眼、霓虹或純數位感的色彩配置。
- 避免: 嚴謹、過度依賴格線的企業化佈局。
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個溫暖、面向消費者的頭髮護理品牌網站。使用靈感源自沙漠的色調,包含奶油白(#FFFDF5)、棕褐(#EDD6C4)與大地棕(#BE6A14),並以活力粉色(#E92C5B)作為促銷元素的強調色。字體結合優雅的 didone-serif 標題與簡潔的幾何無襯線內文。關鍵禁忌:切勿使用刺眼的白色背景、避免霓虹色,並勿使用生硬方正的 UI 元件。佈局寬敞且以影像為主,大量運用電影感攝影。
en · zh-CN · zh-TW · ja · ko