精選 · 開放 · 免費

Redbrick Coffee

一個精緻的咖啡品牌，將優雅的襯線字體與醒目的紅色品牌標識結合在乾淨的白色基底上。

01

設計氣質 DNA

一家具有精緻編輯美學的精品咖啡烘焙商。

02

色彩

將主導性的品牌紅與乾淨的白色和淺灰色基底進行高對比配對。

03

字型

didone-serif · geometric-sans

• display105px · 400
• heading30px · 400
• body20px · 400

展示字型使用高對比度的 Didone 襯線字體，以產生優雅、傳統的衝擊力。 · 內文字型使用乾淨的幾何無襯線字體，以達成現代的可讀性。 · 導航連結與內文使用標準字重，營造精緻感。

04

間距

基於 4px 網格，搭配充裕的內距，營造出通風、高端的感覺。

05

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

使用品牌紅或淺灰色的細 1px 邊框來定義區塊。

06

版面

一個乾淨的、基於網格的佈局，擁有充裕的留白與交替的全寬區塊。

07

動效與互動

互動元素上的流暢顏色與背景過渡效果。 · 動態內容的漸進式淡入。

連結上的細微顏色或文字裝飾變化。 · 標準的連結導航與產品選擇。

08

組件

• button 以紅色文字連結為導航；幾乎沒有或完全沒有實體按鈕樣式。
• card 產品卡片帶有柔和的灰色背景和突出的圓角圖片。
• hero 一個大膽的分割畫面主視覺，一側為大型襯線字體，另一側為圓角圖片。

09

文案語氣與禁用清單

• 語氣 自信、親切且略帶手工藝感。
• 標題風格 大型、優雅的襯線字體聲明，定義品牌的高端定位。
• 按鈕文案 簡單、直接的文字連結，引導使用者而不壓倒設計。

• 不要使用小寫品牌名稱 — 截圖顯示 'REDBRICK' 為全大寫。
• 不要使用霓虹或高飽和度的強調色 — 截圖顯示為受控的、傳統的紅色。
• 不要使用過於複雜的幾何圖案 — 截圖顯示為乾淨的留白與純色背景。
• 不要在元素上使用厚重的框線陰影 — 截圖顯示為平面、由邊框或背景定義的表面。
• 不要使用隨意、圓潤的無襯線展示字體 — 截圖顯示標題使用優雅的 Didone 襯線字體。
• 不要用許多小圖示使介面雜亂 — 截圖顯示為極簡、以文字為導向的導航。
• 避免: 厚重的陰影效果
• 避免: 明亮、衝突的霓虹色
• 避免: 過於擁擠的佈局
• 避免: 激進的大寫文字

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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