Urban Exotics
urban-exotics.com“Urban Exotics projects a high-octane, aggressive, and urgent brand personality centered on luxury car giveaways. The design is stark and functional, utilizing sharp geometry and high-contrast red accents to drive immediate action without visual clutter or softness.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
Instrument Sans
sans-serif
Jost
sans-serif
Jost
sans-serif
The quick brown fox
16pxThe quick brown fox
48pxThe quick brown fox
40pxThe quick brown fox
18pxThe quick brown fox
14pxThe quick brown fox
20pxComponents
Design System
linear-gradient(rgb(163, 0, 0) 0%, rgb(112, 0, 0) 25%, rgb(48, 0, 0) 60%, rgb(0,...
linear-gradient(0deg, rgb(255, 59, 59) 0%, rgb(255, 255, 255) 70%)...
linear-gradient(135deg, rgba(0, 0, 0, 0) 30%, rgba(249, 255, 231, 0.55) 45%, rgb...
Voice & Tone
Personality
Visual Energy
Design Era
neo-brutalism-flat
Emotional Tone
urgent-bold
Target Audience
Young to middle-aged males interested in luxury automotive culture, high-risk/high-reward opportunities, and direct-response marketing.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Jost 900 for all body text and Jost 500-900 for headings; ensure headings are Title-Case.
- Apply Instrument Sans 400 for standard body copy with a fixed 24px line-height.
- Primary CTA buttons must use #d71d0c background, #ffffff text, 0px border-radius, and 15px 28px padding.
- Secondary buttons must use #ffffff background, #000000 text, 0px border-radius, and 1px #000000 border.
- Maintain a strictly flat design aesthetic: do not apply any box-shadows to any element.
- Utilize linear gradients in hero sections or backgrounds, specifically using red-to-black or red-to-white transitions.
- Keep all UI elements (buttons, inputs, cards) with 0px border-radius for a sharp, aggressive look.
- Use #1e2a38 for secondary text and borders, and #ffffff for main backgrounds to maintain high contrast.
Don't
- Do not use rounded corners (border-radius > 0px) on any interactive elements or containers.
- Do not use emojis in any marketing copy or UI text.
- Do not use exclamations marks in headings; keep punctuation minimal and rare.
- Do not apply box-shadows or drop-shadows to buttons, cards, or text.
- Do not use serif fonts; the brand is strictly sans-serif (Jost and Instrument Sans).
- Do not use soft pastel colors; stick to the high-contrast primary red (#d71d0c) and black.
- Do not use sentence case for headings; always use Title-Case.
- Do not use playful or whimsical tones; maintain a matter-of-fact, urgent, and hyperbolic voice.
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/urban-exotics.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.