精選 · 開放 · 免費
Ashleyandco
一家現代香氛公司，運用柔和的中性色調與攝影極簡主義，營造平靜、高級的購物體驗。
CalmPhotographicCleanProductPremium
01
設計氣質 DNA
香氛現代簡潔精緻極簡
一間依賴氛圍攝影和靜謐字體排印的高級極簡精品店。
02
色彩
#3C3C3CInk
#F6F3F0BG
#939393Muted
rgba(3C3C3C, 0.1)Line
溫暖、低飽和度的中性色，退居幕後讓生活風格攝影成為主導。
03
字型
transitional-serif · grotesque-sans
- display
42px · 400 - body
12px · 400
標題使用襯線字體，與簡潔的無襯線內文形成優雅對比。 · 導覽與次要文字使用大字間距的全大寫，以維持簡潔、有節奏感的基線。 · 內文保持小巧且不引人注目，以最大化負空間。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
容器內使用寬裕的內邊距，以維持高級、無雜亂的感覺。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 10px
pill · 999px
極簡，通常以深色或柔和灰色的 1px 單線來定義。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
不對稱分割佈局和全寬氛圍攝影。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
平滑的淡入效果與輕柔的緩動，帶來平靜的瀏覽體驗。
細微的透明度變化或色彩過渡。 · 透過狀態變化提供即時視覺回饋。
08
組件
- button 高對比的實心矩形，搭配全大寫文字和銳利邊角。
- card 圖片優先的卡片，邊框極簡且字體排印簡潔。
- chip 簡約的膠囊形或矩形標籤。
- input 極簡的僅底線輸入框。
- hero 全視窗或大型攝影背景，疊加襯線字體標題。
09
文案語氣與禁用清單
- 語氣 精緻、平靜且具啟發性。
- 標題風格 簡短、具啟發性的短語，使用過渡襯線字體。
- 按鈕文案 直接、全大寫且功能性強。
- 不要使用鮮豔或高飽和度的色彩 — 螢幕截圖顯示的是嚴格的溫暖、低飽和度中性色調。
- 不要使用裝飾性或厚重的字體 — 螢幕截圖顯示內文使用簡潔的 grotesque-sans，標題使用精緻的過渡襯線字體。
- 不要添加陰影或厚重邊框 — 螢幕截圖顯示平面、無邊框的表面，依賴負空間。
- 不要使用圓角按鈕或卡片 — 螢幕截圖顯示銳利的矩形邊角（即使 10px 的圓角也僅偶爾使用）。
- 不要使用狹小、擁擠的佈局 — 螢幕截圖顯示寬裕的內邊距和元素之間寬大的間距。
- 不要使用激進或促銷式的語氣 — 螢幕截圖顯示平靜、精緻的語言，專注於生活風格。
- 避免: 鮮豔色彩
- 避免: 厚重陰影
- 避免: 密集的文字區塊
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此設計 DNA 適用於一家採用平靜、極簡、攝影手法的高級香氛公司。它使用溫暖的中性色調（#F6F3F0、#3C3C3C、#939393）和簡潔的字體層次，將過渡襯線字體標題與 grotesque-sans 無襯線內文字體配對。佈局依賴寬裕的負空間和高品質的生活風格影像。關鍵禁忌：避免鮮豔色彩、避免厚重陰影或邊框、避免裝飾性字體、避免圓角 UI 元素、避免密集文字、避免激進或促銷式語言。此風格適合高端消費品牌、編輯類網站或高級產品展示，其中氛圍至關重要。
en · zh-CN · zh-TW · ja · ko