St. Lucia All Inclusive Adults Only Retreat | Bel Jou Hotel
beljouhotel.com“A serene, sophisticated adults-only retreat that balances formal elegance with casual Caribbean comfort. The brand exudes a calm, unhurried atmosphere through sharp, modern design elements and a restrained, high-contrast color palette.”
Color Palette
Colors
Typography
Fonts
Kumbh Sans
sans-serif
Dancing Script
Kumbh Sans
sans-serif
The quick brown fox
16pxThe quick brown fox
62pxThe quick brown fox
32pxComponents
Design System
linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.91))...
linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6))...
Voice & Tone
Personality
Visual Energy
Design Era
contemporary-minimal
Emotional Tone
calm-premium
Target Audience
Affluent adults seeking a quiet, high-end tropical escape with a focus on relaxation and exclusivity.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use Dancing Script (400 weight) for primary headings to convey elegance, and Kumbh Sans (300 weight) for secondary headings.
- Apply Kumbh Sans (300-600 weights) for all body copy, ensuring a line-height of 24px for readability.
- Style primary CTA buttons with #e11664 background, #ffffff text, 0px border-radius, and padding of 13px 24px 12px.
- Use sharp, 0px border-radius for all interactive elements and containers to maintain a modern, clean aesthetic.
- Implement linear gradients (rgba(0,0,0,0) to rgba(0,0,0,0.91)) over imagery to ensure text legibility against photos.
- Maintain a flat design approach with no box-shadows on any elements.
- Use title-case for all headings and avoid emojis or excessive exclamations in copy.
- Utilize #716c64 for body text and #e11664/#cb145a for primary accents against a #ffffff background.
Don't
- Do not use border-radius greater than 0px for buttons or primary UI elements.
- Do not apply box-shadows to cards, buttons, or overlays.
- Do not use serif fonts other than Dancing Script for headings.
- Do not use sentence case for headings; the brand strictly uses title-case.
- Do not use emojis in marketing copy or UI labels.
- Do not use bright, saturated colors outside the defined palette (#e11664, #cb145a, #cc0000, #252019, #f4f7fc).
- Do not use rounded corners (e.g., 4px or more) on primary action buttons.
- Do not use playful or jargon-heavy language; keep copy moderate and accessible.
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/beljouhotel.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.