Exquisite Bookings
Brand style guide
Our look is warm African luxury: terracotta and clay on ivory, deep green accents, an editorial serif for headlines and a calm sans for everything else. Follow these rules so every screen, email and social post feels like one product.
Logo
The mark combines an acacia tree, a rising sun and the letter E. Use it on ivory or sand backgrounds. Keep clear space around the logo equal to half its height on every side, and never show it smaller than 32px tall.


Do
- Use the logo at 40px or larger in headers and marketing pages.
- Pair it with the wordmark "Exquisite Bookings" in Fraunces semibold.
- Give it generous clear space on every side.
Don't
- Don't stretch, rotate, recolor or add drop shadows to the mark.
- Don't place it on busy photos without the ivory tile.
- Don't use it below 32px tall; use the favicon instead.
Colors
Colors are semantic tokens, always referenced by name (for example bg-primary), never as raw hex values in components. Each color pairs with its own foreground for accessible contrast.
Core palette
--primary
oklch(0.55 0.14 41)
--background
oklch(0.985 0.008 85)
--foreground
oklch(0.24 0.02 55)
--accent
oklch(0.38 0.055 155)
Supporting tones
--sand
oklch(0.93 0.028 78)
--clay
oklch(0.72 0.09 45)
--muted
oklch(0.945 0.014 82)
--border
oklch(0.89 0.018 75)
Feedback
--success
oklch(0.5 0.09 150)
--destructive
oklch(0.53 0.19 27)
Usage: terracotta drives action (buttons, links, prices). Ivory and sand carry surfaces. Deep green signals trust and eco features like solar power. Charcoal is for text only.
Typography
Fraunces (font-display) is our editorial voice for headlines and listing names. Manrope (font-sans) handles body copy, labels and UI. Headings are semibold or bold; body text is regular with a relaxed line height.
Spacing and shape
Everything sits on a 4px grid. Use the steps below for padding, gaps and margins; cards and images use a 12px base radius (rounded-xl), scaling up for hero media.
Voice and tone
Warm, precise and proud of the region. We say "load shedding ready" and "braai" without apology, we write prices in the guest's currency, and we keep sentences short. We are hosts first: helpful, plain-spoken and never corporate.