Cheers Presso
cheerspresso.com“Cheers Presso - Nitro-Infused Espresso Martini aus der Dose presents a professional web presence.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
Karrik
sans-serif
Karrik
sans-serif
The quick brown fox
14pxThe quick brown fox
60pxThe quick brown fox
28pxThe quick brown fox
13pxThe quick brown fox
14pxComponents
Design System
rgba(43, 26, 18, 0.18) 0px 24px 48px 0px
rgba(215, 193, 141, 0.15) 0px 4px 20px 0px
rgba(0, 0, 0, 0.15) 0px 5px 30px 0px
rgba(43, 26, 18, 0.25) 0px 24px 48px 0px
rgb(215, 193, 141) 0px 0px 0px 0px inset
Voice & Tone
Personality
Visual Energy
Design Era
contemporary
Emotional Tone
professional
Target Audience
general audience
Design Assets
Visual Elements
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/cheerspresso.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.