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.

Exquisite Bookings logo on ivory
Primary placement: full color on ivory
Exquisite Bookings logo on charcoal
Approved dark placement: keep the ivory tile, never recolor the mark

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

Terracotta (primary)

--primary

oklch(0.55 0.14 41)

Ivory (background)

--background

oklch(0.985 0.008 85)

Charcoal (foreground)

--foreground

oklch(0.24 0.02 55)

Deep green (accent)

--accent

oklch(0.38 0.055 155)

Supporting tones

Sand

--sand

oklch(0.93 0.028 78)

Clay

--clay

oklch(0.72 0.09 45)

Muted

--muted

oklch(0.945 0.014 82)

Border

--border

oklch(0.89 0.018 75)

Feedback

Success

--success

oklch(0.5 0.09 150)

Destructive

--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.

DisplayExtraordinary stays
Heading 1Karoo stone cottage
Heading 2Swakopmund, Namibia
Heading 3Load shedding ready
BodyVerified homes with solar backup and borehole water.
SmallFree cancellation for 48 hours
CaptionHosted by Thandi, joined 2025

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.

4
8
12
16
24
32
48
64
96
rounded-md: inputs, chips
rounded-xl: cards, photos
rounded-2xl: heroes, modals

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.