Color Palette
Colors
Typography
Fonts
Assistant
sans-serif
Clifton
Domaine
Pitch
Pitch
Domaine
The quick brown fox
16pxThe quick brown fox
35pxThe quick brown fox
35pxThe quick brown fox
12pxThe quick brown fox
26pxThe quick brown fox
87pxComponents
Design System
rgba(0, 0, 0, 0.13) 1px 0px 0px 0px inset, rgba(0, 0, 0, 0.13) -1px 0px 0px 0px inset, rgba(0, 0, 0, 0.17) 0px -1px 0px 0px inset, rgba(204, 204, 204, 0.5) 0px 1px 0px 0px inset, rgba(26, 26, 26, 0.24) 0px 12px 20px -8px
rgba(0, 0, 0, 0.2) 0px 2px 8px 0px
rgb(255, 255, 255) 0px 0px 0px 0px
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/cecejewellery.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.









