Made Studio · Neutral Luxe
東區流體熊 視覺設計風格
核心色票
8 色 · Neutral Luxe#d4b896
奶茶
primary · 漸層起點
#e8cdd0
灰粉
secondary · accent surface
#a89887
灰褐
accent · 漸層終點
#faf5ef
奶霜
page background
#fffaf3
象牙
surface / card
#faf2e8
雪粉
inner highlight
#3a2a20
墨棕
text ink · 強對比
#6a584a
摩卡
muted text / outline
語意色彩變數
CSS custom properties · Light / Dark| 變數 | Light | Dark | 用途 |
|---|---|---|---|
| --background | #faf5ef | #1a1410 | 頁面底 / section 底 |
| --foreground | #3a2a20 | #f0e8de | 主要文字 |
| --brand | #a89887 | #d4b896 | 品牌主色 |
| --brand-dark | #6a584a | #a89887 | CTA / active |
| --brand-soft | #faf2e8 | #2a1f18 | 柔和底 / highlight |
| --brand-tint | #e8cdd0 | #3d2d24 | badge / tag / border |
| --grad-cream | #d4b896 | #d4b896 | 漸層起點 |
| --grad-blush | #e8cdd0 | #e8cdd0 | 漸層中段 |
| --grad-mocha | #a89887 | #a89887 | 漸層終點 |
主漸層
135° · cream → blush → mocha奶茶杯底沉澱 · 咖啡奶霜暈染 · 焦糖瑪奇朵
linear-gradient(135deg, #d4b896 0%, #e8cdd0 50%, #a89887 100%)字型
Geist · next/font/googleMade Studio
手作藝術 × 調酒 · 台北東區
主要字型為 Geist（geometric sans-serif），CSS 變數 --font-geist-sans。標題可搭配漸層文字（.text-fluid-gradient），內文用墨棕實心。Icon 一律用 lucide-react。
使用原則
Do this- 1大面積用奶茶 / 奶霜：page bg、section bg、card bg。
- 2灰粉用作 highlight：badge、tag、subtle accent。
- 3灰褐 / 摩卡用作 CTA / active state：button、active link。
- 4墨棕只用於文字，不要拿來做大面積色塊（會太重）。
- 5漸層只用於裝飾（hero blob、bullet、gradient text），不要用於 button 底（會太花）。
給 AI 的純文字規格
複製整段貼給做海報的 AIbrand-spec.txt
Made Studio — 東區流體熊視覺設計風格（Neutral Luxe） 定位：台北東區忠孝敦化站「手作藝術 × 調酒」精品體驗。 調性：低飽和度、奶茶／杏色／灰粉，質感 lifestyle / boutique，不要 candy-pop 甜美風。 核心色票： - 奶茶 #d4b896 主色，最大面積，漸層起點 - 灰粉 #e8cdd0 次要色，accent surface / 漸層中段 - 灰褐 #a89887 accent，漸層終點，強對比 - 奶霜 #faf5ef 頁面背景（取代純白） - 象牙 #fffaf3 卡片 / surface - 雪粉 #faf2e8 inner highlight - 墨棕 #3a2a20 文字（強對比） - 摩卡 #6a584a 次要文字 / 邊框 主漸層：linear-gradient(135deg, #d4b896 0%, #e8cdd0 50%, #a89887 100%) 意象：奶茶杯底沉澱、咖啡奶霜暈染、焦糖瑪奇朵。 字型：Geist（無襯線 geometric sans）。標題可用漸層文字，內文用墨棕實心。 使用原則： 1. 大面積用奶茶／奶霜。 2. 灰粉作 highlight（badge / tag）。 3. 灰褐／摩卡作 CTA／active。 4. 墨棕只用於文字，不做大色塊。 5. 漸層只用於裝飾，不用於 button 底。