Made Studio · Neutral Luxe
Fluid Bear Visual Design Language
Core Palette
8 colors · Neutral Luxe#d4b896
Milk Tea
primary · gradient start
#e8cdd0
Dusty Pink
secondary · accent surface
#a89887
Taupe
accent · gradient end
#faf5ef
Cream
page background
#fffaf3
Ivory
surface / card
#faf2e8
Snow Powder
inner highlight
#3a2a20
Ink Brown
text ink · high contrast
#6a584a
Mocha
muted text / outline
Semantic Color Tokens
CSS custom properties · Light / Dark| Variable | Light | Dark | Usage |
|---|---|---|---|
| --background | #faf5ef | #1a1410 | Page / section background |
| --foreground | #3a2a20 | #f0e8de | Primary text |
| --brand | #a89887 | #d4b896 | Brand primary |
| --brand-dark | #6a584a | #a89887 | CTA / active |
| --brand-soft | #faf2e8 | #2a1f18 | Soft background / highlight |
| --brand-tint | #e8cdd0 | #3d2d24 | badge / tag / border |
| --grad-cream | #d4b896 | #d4b896 | Gradient start |
| --grad-blush | #e8cdd0 | #e8cdd0 | Gradient middle |
| --grad-mocha | #a89887 | #a89887 | Gradient end |
Primary Gradient
135° · cream → blush → mochaMilk-tea sediment · coffee-cream bloom · caramel macchiato
linear-gradient(135deg, #d4b896 0%, #e8cdd0 50%, #a89887 100%)Typography
Geist · next/font/googleMade Studio
Handmade Art × Cocktails · East District, Taipei
The primary typeface is Geist (a geometric sans-serif), exposed via the CSS variable --font-geist-sans. Headings can use gradient text (.text-fluid-gradient); body copy stays solid ink brown. Always use lucide-react for icons.
Usage Principles
Do this- 1Use Milk Tea / Cream for large areas: page bg, section bg, card bg.
- 2Use Dusty Pink as highlight: badge, tag, subtle accent.
- 3Use Taupe / Mocha for CTA / active state: button, active link.
- 4Ink Brown is for text only — don't use it for large color blocks (too heavy).
- 5Use gradients only for decoration (hero blob, bullet, gradient text), never as a button fill (too busy).
Plain-Text Spec for AI
Copy the whole block and paste it to your poster AIbrand-spec.txt
Made Studio — Fluid Bear Visual Design Language (Neutral Luxe) Positioning: a boutique "handmade art × cocktails" experience by Zhongxiao Dunhua Station, East District, Taipei. Tone: low-saturation, milk-tea / apricot / dusty pink; refined lifestyle / boutique — not candy-pop cute. Core palette: - Milk Tea #d4b896 primary, largest area, gradient start - Dusty Pink #e8cdd0 secondary, accent surface / gradient middle - Taupe #a89887 accent, gradient end, high contrast - Cream #faf5ef page background (instead of pure white) - Ivory #fffaf3 card / surface - Snow Powder #faf2e8 inner highlight - Ink Brown #3a2a20 text (high contrast) - Mocha #6a584a secondary text / border Primary gradient: linear-gradient(135deg, #d4b896 0%, #e8cdd0 50%, #a89887 100%) Imagery: milk-tea sediment settling, coffee-cream blooming, caramel macchiato. Typeface: Geist (geometric sans-serif). Headings can use gradient text; body copy stays solid ink brown. Usage principles: 1. Use Milk Tea / Cream for large areas. 2. Use Dusty Pink as highlight (badge / tag). 3. Use Taupe / Mocha for CTA / active. 4. Ink Brown for text only, not large blocks. 5. Gradients for decoration only, not button fills.