精選 · 開放 · 免費
Fallengrape
一個精緻的葡萄酒品牌年齡驗證門檻，採用溫暖、自然的大地色調與襯線字體排版。
WarmRefinedCurationPhotographicConsumer
01
設計氣質 DNA
葡萄酒年齡驗證高級有機
一個質樸的高級酒窖，搭配溫暖的紙質纹理
02
色彩
#573D21Ink
rgba(87,61,33,0.75)Ink soft
#E3A36EBG
#E1C6ABBG soft
#F3F3F3BG quiet
rgba(87,61,33,0.1)Muted
rgba(87, 61, 33, 0.1)Line
透過自然大地色調與高對比襯線字體排版，營造自然的溫暖感。
03
字型
transitional-serif · grotesque-sans
- display
48px · 400 - body
14px · 400 - caption
16px · 400
展示元素使用 Romie · 內文與 UI 文字使用 Arial Narrow
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
中央對話框內使用寬裕的垂直間距
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(87, 61, 33, 0.1)
rgba(0, 0, 0, 0.1) 0px 4px 30px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
單個置中的對話框覆蓋層，位於全幅帶有質感的背景之上
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
hover 時的簡單 opacity 過渡
按鈕上的色彩變化或 opacity 變化 · 直接的狀態變更或對話框關閉
08
組件
- button 扁平、矩形的色塊，無邊框
- card 半透明的矩形對話框，帶有細微的陰影
- hero 全螢幕背景圖片搭配置中的對話框覆蓋層
09
文案語氣與禁用清單
- 語氣 正式、直接且合規
- 標題風格 大型、優雅的襯線體問題
- 按鈕文案 直接、大寫的無襯線體標籤
- 避免使用明亮、高彩度的強調色——截圖顯示的是柔和的大地色調
- 避免在標題使用純幾何的無襯線體——截圖使用的是過渡襯線體
- 避免使用窄小、擁擠的間距——截圖顯示對話框內有寬裕的垂直內距
- 避免使用厚重的陰影——截圖使用的是非常細微、柔和的陰影
- 避免在對話框上使用銳利、圓潤的角落——截圖顯示的是銳利、未圓角的邊緣
- 避免在主要容器使用白色背景——截圖使用的是半透明的米色
- 避免: playful 語言
- 避免: 明亮、霓虹色
- 避免: 過度裝飾
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
此設計是一個精緻的葡萄酒品牌年齡驗證覆蓋層，定位為高級且有機。調色盤大量依賴溫暖的大地色調，特別是柔和的橘色背景（#E3A36E）和米色半透明對話框（#E1C6AB），搭配深棕色文字（#573D21）。字體排版上，主要問題採用優雅的過渡襯線體（Romie），與 UI 元素使用的簡潔、窄版幾何無襯線體（Arial Narrow）形成對比。佈局為單個、置中的對話框，具有寬裕的垂直間距。關鍵禁忌包括：絕不使用明亮、高彩度的強調色；避免在展示文字中使用純幾何的無襯線體；並確保寬裕的間距而非擁擠的佈局。整體氛圍是冷靜、質樸且精緻的。
en · zh-CN · zh-TW · ja · ko