Druid AI
druidai.com“Agentic AI orchestration with AI agents and intelligent apps - Druid AI presents a professional web presence.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
Satoshi
arial, sans-serif
Satoshi
arial, sans-serif
The quick brown fox
18pxThe quick brown fox
40pxThe quick brown fox
48pxThe quick brown fox
10pxThe quick brown fox
10pxThe quick brown fox
24pxThe quick brown fox
18pxComponents
Design System
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/druidai.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.