精選 · 開放 · 免費
Facciabruttospirits
為義大利工藝利口酒打造的大膽圖形化電商。
ProductPhotographicCleanBold TypographyConsumer
01
設計氣質 DNA
工藝義大利布魯克林大膽頂級
源自布魯克林、具有大膽圖形識別性的工藝烈酒品牌。
02
色彩
#181313Ink
#FEFEFEBG
#4A4A4AMuted
rgba(24, 19, 19, 0.2)Line
以攝影為驅動的高對比黑白配色。
03
字型
geometric-sans
- display
50px · 700 - body
16px · 400
導覽與標籤使用全大寫字體 · 所有介面元件嚴格使用幾何無襯線字體族
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
基於 8px 基礎網格的標準節奏,類似 Tailwind 的縮放比例。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
按鈕使用 1px 黑色實心邊框
0px 10px 40px 0px rgba(0, 0, 0, 0.3)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬區塊搭配置中內容。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0, 0, 0.2, 1)easing
標準的透明度與變形過渡效果
連結與按鈕的色彩過渡效果。 · 標準互動回饋。
08
組件
- button 帶有 1px 黑色邊框與黑色文字的矩形按鈕。
- card 極簡的圖片與文字組合。
- chip 帶底線的全大寫文字連結。
- input 帶有底線邊框的簡約文字輸入框。
- hero 全寬攝影背景上的大型粗體標題。
09
文案語氣與禁用清單
- 語氣 大膽、自信,略帶不羈。
- 標題風格 簡短有力,常使用全大寫。
- 按鈕文案 直接且帶底線,常使用全大寫。
- 不要使用圓角 — 截圖顯示為銳利的矩形按鈕。
- 不要使用多彩的介面色板 — 截圖主要顯示黑、白及攝影衍生的色彩。
- 不要使用複雜的漸層背景 — 截圖顯示為純色或全出血攝影。
- 不要使用輕盈細瘦的字體 — 截圖顯示為粗體幾何無襯線字體。
- 不要使用過多的投影陰影 — 截圖顯示為平面設計且陰影極簡。
- 不要將長段落文字區塊置中對齊 — 截圖顯示為明確的對齊方式。
- 避免: 避免使用過度裝飾或手寫字體。
- 避免: 避免使用沒有呼吸空間的雜亂佈局。
11
System Prompt
定位為具有大膽圖形識別性的頂級工藝烈酒品牌,此網站採用以高品質攝影為驅動的極簡黑白配色。主要字體為幾何無襯線字體,標題粗大且常為全大寫。關鍵色彩為黑色(#181313)與白色(#FEFEFE)。重要禁忌:不要使用裝飾性手寫字體;不要建立雜亂的佈局;不要在主要按鈕上使用圓角。設計依賴強烈的排版與全出血影像來傳達頂級、布魯克林製造的美學。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko