<!-- Generated by ExtractVibe — https://extractvibe.com/brand/beljouhotel.com -->
<!-- Extracted: 2026-08-21T20:35:12.655Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "St. Lucia All Inclusive Adults Only Retreat | Bel Jou Hotel"
description: "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."
colors:
  primary: "#e11664"
  secondary: "#cb145a"
  tertiary: "#cc0000"
  neutral: "#716c64"
  surface: "#ffffff"
  on-surface: "#716c64"
  on-surface-secondary: "#716c64"
  border: "#71b1d6"
  link: "#242424"
typography:
  display-lg:
    fontFamily: "Dancing Script"
    fontSize: "62px"
    fontWeight: "400"
  headline-lg:
    fontFamily: "Kumbh Sans"
    fontSize: "32px"
    fontWeight: "300"
    letterSpacing: "1px"
  body-md:
    fontFamily: "Kumbh Sans"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "24px"
rounded:
  md: "4px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-outline:
    textColor: "#ffffff"
    rounded: "0px"
    padding: "0px 15px"
    fontSize: "30px"
    fontWeight: "300"
    borderColor: "#ffffff"
    borderWidth: "0px 0px 4px"
  button-primary:
    backgroundColor: "#e11664"
    textColor: "#ffffff"
    rounded: "0px"
    padding: "13px 24px 12px"
    fontSize: "15px"
    fontWeight: "600"
    borderColor: "#ffffff"
  button-secondary:
    backgroundColor: "#f4f7fc"
    textColor: "#252019"
    rounded: "0px"
    padding: "20px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#252019"
---

# St. Lucia All Inclusive Adults Only Retreat | Bel Jou Hotel — Design System

## Overview

The visual identity of St. Lucia All Inclusive Adults Only Retreat | Bel Jou Hotel establishes a serene, sophisticated atmosphere that balances formal elegance with casual Caribbean comfort. Drawing inspiration from Aman Resorts and The Ritz-Carlton Reserve, the design prioritizes a calm, unhurried experience through sharp, modern elements and restrained high-contrast aesthetics. This is not a chaotic or overly decorative tropical theme; it is a curated, minimalist sanctuary. The design IS NOT loud, cluttered, or family-oriented. It IS quiet, intentional, and luxurious, reflecting the archetypes of The Lover and The Sage. Every pixel serves to reduce cognitive load and enhance tranquility, using negative space as a primary structural element. The interface feels expensive through simplicity, avoiding visual noise to let the content breathe. This approach ensures that the user feels immediately transported to a private, exclusive retreat, where the focus remains on relaxation and refined service. The aesthetic is grounded in reality, avoiding fantasy tropes in favor of authentic, high-end hospitality cues that signal safety, privacy, and superior taste.

**Key characteristics:**

- Vibe — serene, adults-only, sharp, minimalist, luxury, tropical
- Archetypes — The Lover, The Sage
- Comparable to — Aman Resorts, Four Seasons, The Ritz-Carlton Reserve
- 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.
- Visual energy — 4/10 (moderate)

## Colors

The palette relies on a high-contrast interplay between the vibrant primary pink (#e11664) and pure white surfaces (#ffffff). This stark combination signals clarity, energy, and modern luxury without overwhelming the senses. The pink acts as a precise accent, guiding attention to interactive elements and key information, while the white background maintains the serene, airy feel essential to the retreat’s identity. This restrained approach ensures the brand feels sophisticated and calm, avoiding the visual noise of multi-color schemes.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#e11664` | Crimson |
| secondary | `#cb145a` | Crimson |
| accent / tertiary | `#cc0000` | Red |
| surface | `#ffffff` | White |
| background | `#ffffff` | White |
| text | `#716c64` | Dim Gray |
| secondary text | `#716c64` | Dim Gray |
| border | `#71b1d6` | Cornflower Blue |
| link | `#242424` | Near-Black |
| muted | `#716c64` | Dim Gray |

## Typography

The type system pairs the geometric, humanist Kumbh Sans for structural clarity with the elegant Dancing Script for personal, luxurious touches. Kumbh Sans provides a sharp, modern foundation for readability and hierarchy, ensuring information is digestible and clean. Dancing Script is reserved for headlines and emotional cues, introducing a handwritten, intimate quality that reflects The Lover archetype. This combination communicates precision and warmth, balancing the rational needs of navigation with the emotional desire for comfort. The hierarchy is strict, using weight and size to guide the eye without relying on excessive decoration.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Kumbh Sans | body | google-fonts | 300, 400, 600, 700 |
| Dancing Script | heading | google-fonts | 400 |
| Kumbh Sans | heading | google-fonts | 300 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Dancing Script | 62px | 400 | — | — |
| Heading 2 | Kumbh Sans | 32px | 300 | — | 1px |
| Body | Kumbh Sans | 16px | 400 | 24px | — |

### Conventions

- Heading case — title-case
- Body line-height — 24px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Gradients

- `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))`

## Shapes

Border-radius scale:

- `md` — 4px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Outline**

- Text — `#ffffff`
- Radius — `0px`
- Padding — `0px 15px`
- Font size — `30px`
- Font weight — `300`
- Border — `0px 0px 4px solid #ffffff`
- Sample copy — "More Menu"

**Primary**

- Background — `#e11664`
- Text — `#ffffff`
- Radius — `0px`
- Padding — `13px 24px 12px`
- Font size — `15px`
- Font weight — `600`
- Border — ` solid #ffffff`
- Sample copy — "Book now"

**Secondary**

- Background — `#f4f7fc`
- Text — `#252019`
- Radius — `0px`
- Padding — `20px`
- Font size — `16px`
- Font weight — `400`
- Border — ` solid #252019`
- Sample copy — "close"

## Do's and 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.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 6/10 | balanced |
| Playful ↔ Serious | 3/10 | playful |
| Enthusiastic ↔ Matter-of-fact | 4/10 | enthusiastic |
| Respectful ↔ Irreverent | 2/10 | respectful |
| Technical ↔ Accessible | 9/10 | accessible |

### Copywriting style

- Avg. sentence length — 22 words
- Vocabulary — moderate
- Jargon — none
- CTA style — direct action verbs and clear destination labels
- Rhetorical devices — alliteration, imagery, parallelism

### Sample copy

> Set on a lush hillside above Castries, we welcome guests to Bel Jou Hotel, a quiet, elevated escape with sweeping views of the Caribbean Sea.

> Surrounded by tropical gardens and cooled by gentle island breezes, our atmosphere feels calm and unhurried from the moment of arrival.

> As a St. Lucia all inclusive adults only retreat, we invite guests to settle in, reconnect, and enjoy a stay shaped by comfort, care, and a true sense of place.

> Bel Jou days unfold with ease between two pools, open-air spaces, and dining experiences that celebrate both local flavor and international favorites.

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | ico | [link](brands/beljouhotel.com/logo-0.ico) | 95% |
| primary | color | svg | [link](brands/beljouhotel.com/logo-1.svg) | 85% |
| primary | color | svg | [link](brands/beljouhotel.com/logo-2.svg) | 85% |

## Sources

- Live brand page — https://extractvibe.com/brand/beljouhotel.com
- Raw JSON — https://extractvibe.com/api/brand/beljouhotel.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/beljouhotel.com/design.md
- Extracted — 2026-08-21T20:35:12.655Z
- Generator — ExtractVibe vv1
- Quality score — 90/100