Quantum Temple

Design System

The shared language behind the homepage, the experiences catalogue and every experience page. Pure black canvas, white and grey ink, a saffron accent, Gascogne Serial for display and Instrument Sans for everything else. Built once here — inherited everywhere.

01 — Foundations

Principles

Cinematic, not corporate

Full-bleed footage and large imagery carry the story; text stays restrained and editorial.

Serif for soul, sans for clarity

Gascogne Serial for emotion and headlines; Instrument Sans for labels, body and UI.

One accent, used sparingly

Saffron marks the single most important action or highlight — never decoration.

Calm, intentional motion

Reveal-on-scroll, parallax and gentle easing. Honors reduced-motion and works without JS.

02 — Colour

Palette

Canvas

Black #161616 --qt-black
Elevated #1c1c1c --qt-black-2
Surface #222222 --qt-black-3

Ink

White #ffffff --qt-white
Grey 200 #c7c7c7 --qt-grey-2
Grey #999999 --qt-grey
Faint #6a6a6a --qt-grey-3

Accent — Saffron

Saffron #f6872f --qt-orange
Saffron 600 #f57814 --qt-orange-2
Saffron 700 #e66b0a --qt-orange-deep
Peach #f7aa8f --qt-peach

03 — Typography

Type

Gascogne Serial

Display · headings · quotes · card titles. Weights 200 / 300.

A B C D a b c d e f g · 1 2 3 4 5 6 7 8 9 0

Instrument Sans

Body · UI · labels · eyebrows · wordmark. Weights 400 / 500 / 600 / 700.

A B C D a b c d e f g · 1 2 3 4 5 6 7 8 9 0

DisplayGascogne · 200 · clamp(2.6–5.25rem)

The regenerative travel ecosystem.

Heading 1Gascogne · 200 · clamp(2.3–4rem)

A movement through the sacred coast.

Heading 2Gascogne · 300 · clamp(1.9–3.1rem)

Every detail, handled.

Heading 3Gascogne · 300 · clamp(1.4–2rem)

Meet your storytellers

Heading 4Gascogne · 300 · clamp(1.2–1.5rem)

Sunset reflection

LedeInstrument Sans · 400 · clamp(1.08–1.3rem)

Rare access, seamless orchestration and extraordinary journeys.

BodyInstrument Sans · 400 · clamp(0.98–1.1rem)

Just a short walk away, Pura Batu Bolong rests upon a natural arch of stone, where ocean breeze, incense and prayer converge in a sacred blessing ritual.

SmallInstrument Sans · 400 · clamp(0.82–0.92rem)

130 verified reviews · Half day · Private

The Island of Gods

.eyebrow — uppercase grey

Travel with impact

.eyebrow-serif — italic saffron

04 — Space & radii

Spacing scale

--space-1 0.25rem
--space-2 0.5rem
--space-3 0.75rem
--space-4 1rem
--space-5 1.5rem
--space-6 2rem
--space-7 3rem
--space-8 4rem
--space-9 6rem

Radii

--r-sm6px
--r-md10px
--r-lg14px
--r-xl20px
--r-pill999px

05 — Buttons & links

Actions

Request to book Ask a question View archive Talk to our concierge All experiences
Explore experiences

Primary uses saffron with near-black text. One primary per view; ghost and outline for secondary paths.

06 — Tags & rating

Small components

Indonesia Half day Private
4.8 Excellent · 130 verified reviews

Saffron stars for inline ratings; the green Trustpilot tiles appear only in the booking bar.

07 — Icons

Icon set

1.3–1.4px line icons on a 24px grid. Movement modes drive the itinerary rail; the included set marks what's provided.

Movement modes

drive
arrive
walk
ritual
sunset
return
craft
meal
nature

Included

chauffeur
attire
blessing
entry
jamu
meal
craft
insight
walk
nature

08 — Cards

Card archetypes

Included (icon tile)

Sacred Water Blessing

A Balinese purification ritual guided by a local priest

Culture keeper

Dewa Wiasa 300+ trips

Culture keeper

Dewa Wiasa

Manukaya Let, Bali

Stat / at a glance

  • ~3 hrsDuration
  • SunsetBest time
  • PrivateGroup

09 — Patterns

Composition patterns

Movement itinerary

Drive Door-to-door · chauffeur

Hotel pickup

Walk On foot · 5 min

Pura Batu Bolong

Sunset Cliff walk · 15 min

Sunset reflection

Section header

The journey

A movement through the sacred coast.

Every stage of the afternoon — and exactly how you move between each.

Booking bar

4.8 Excellent
Sunset Blessings at Tanah Lot Request to book

Other shared patterns: full-bleed VideoBackdrop (poster paints first, video fades in), reveal-on-scroll (.reveal), and parallax on hero / feature media.