Insider · Pantai Cenang

Field-checked

Cenang Langkawi

Field-Checked Strip Digest

Live brand guide for Lagoon ink + Saffron dusk — Big Shoulders Display for mast voice, Source Sans 3 for plan-first body. Specimens read from src/styles.css; rules live in DESIGN.md and docs/BRANDING.md.

Remember line: Field-checked Cenang — what’s real before you go.

Locked homepage stack: Experiences → Plan → Notes → Operator → Footer.

Home

Overview

Creative north star: The Field-Checked Strip Digest

Cenang Langkawi reads as a single-destination insider digest — not a tourism board and not an OTA. Pure white or pure near-black surfaces carry the page; Lagoon ink does the primary brand work, with Saffron dusk as secondary heat. Personality: Lively · Trustworthy · Local.

Tidal Spark icon as the primary identity anchor
Digest layout + mast display type
Lagoon primary + saffron secondary on pure surfaces
Verification as dated marks, not vague trust theatre
Flat elevation; depth from photo, type, hairlines

Primary CTAs

Cenang Verified

from MYR 180

Same screen: lagoon on trust + CTA · saffron on price.

Logo story

Pantai Cenang · Last light

A brief spark. A lasting sense of place.

Why Tidal Spark

A moment between sun and sea.

Tidal Spark begins with the moment Cenang is most itself: the saffron sun dropping onto the western horizon while the water throws back one broken ribbon of light.

It is deliberately not a polished resort sunset. The horizon lifts, the reflection wanders, and every edge keeps a little movement. Cenang is lively and lived-in; the mark should be too.

01
Saffron sun
Warmth, evening energy, and Cenang’s west-coast light.
02
Lagoon horizon
The long beach line, lifted by one active tidal crest.
03
Tidal reflection
A fleeting signal of the real moment: seen here, checked now.

Brand mark

Tidal Spark is the primary icon: a saffron sunset, Cenang’s low lagoon horizon, and a tidal reflection held in one asymmetrical silhouette. Pair it with the tracked CENANG LANGKAWI label when the destination name is not already explicit.

Expressive master · light

Expressive master · dark

Optical master

Simplified horizon and reflection for favicon-scale use.

16px

24px

32px

Cenang Langkawi

Use the expressive master at 32px and above
Use the optical master at 16px and 24px
Keep clear space of at least half the sun’s diameter

Don’t

Stretch, rotate, outline, recolor, or add a shadow
Crop away the tidal reflection or right-hand crest
Put the mark inside a badge, circle, or container

Color

Neutrals are pure. Cool identity lives in Lagoon ink; warmth lives in Saffron dusk as secondary — not tinted paper. Toggle light / dark / system above; swatch values update to the active theme. Primary button uses white on lagoon in light, near-black on brighter lagoon in dark. Prices use saffron.

Primary · Lagoon ink

Lagoon ink

oklch(0.52 0.11 215)

--lagoon / --accent

Brand label, Field-checked, primary CTA, Cenang Verified.

Lagoon soft

oklch(0.52 0.11 215 / 0.12)

--lagoon-soft

Quiet primary wash — never a page drench.

Secondary · Saffron dusk

Saffron dusk

oklch(0.68 0.155 68)

--saffron / --secondary

Prices, warm highlights, rare secondary-fill actions.

Saffron soft

oklch(0.68 0.155 68 / 0.14)

--saffron-soft

Quiet secondary wash.

Surfaces & ink

Pure white / ink

#ffffff

--bg

Page ground. Pure Surface Rule — no cream, sand, or warm paper.

Ink

#0a0a0a

--ink

Primary text. Dark mode lifts to #f5f5f5.

Ink muted

oklch(0.42 0.01 260)

--ink-muted

Secondary copy and meta. Tuned for ≥4.5:1 on --bg.

Ink soft

oklch(0.55 0.01 260)

--ink-soft

Tertiary meta when muted would compete.

Line

oklch(0.88 0.005 260)

--line

Hairline separators only — not card chrome.

Strip

oklch(0.97 0.005 260)

--strip

Insider bar behind “Insider · Pantai Cenang”.

Pure Surface Rule

Body is white or near-black (chroma 0).

Lagoon Voice Rule

Primary on brand-critical moments — not a drench, not a fleck.

Saffron Secondary Rule

Warmth for prices and supporting moments — never the brand label.

No-Green Rule

Leaf greens forbidden. Lagoon is blue-cyan (hue ~215°).

Typography

Big Shoulders Display for brand label + hero. Source Sans 3 for everything practical. Mast-for-Voice: display is not for every UI string. Sentence-Case Hero: the headline stays sentence case.

Brand label · 800

Cenang Langkawi

Display / hero · 800 · sentence case

What’s real on the strip before you go

Title · 700

Verified experiences

Body · 400

Plan-first editorial for visitors basing a Langkawi stay on Pantai Cenang — lively, convenient, and field-checked with visible dates.

Label · tracked

Insider · Pantai Cenang

Layout & density

Locked digest hero: insider strip → media + copy (mobile stack; desktop photo|copy with a hairline). Below the hero: Experiences → Plan → Field notes → Operator → Footer. Tight digest rejected. Lagoon on brand/CTA/verified; saffron on price — both on one composition. Not broadsheet density or OTA card grids.

Insider · Pantai CenangField-checked

Today on Cenang

Cenang Langkawi

What’s real on the strip

Field-checked facts for people basing a Langkawi stay on Pantai Cenang.

Sunset island hop

from MYR 180

Half day · Small boat

Cenang Verified

Spacing tokens: xs 8 · sm 12 · md 16 · lg 24 · xl 36. Hero pad mobile 20/16/24; desktop 40/36. Dual-color cue: lagoon CTA + verified · saffron price on the experience band.

Elevation & shape

Flat by default

No ambient marketing shadows on experience rows or hero panels. Depth comes from photography, type weight, and 1px hairlines.

2px radius language

Buttons and controls use --radius-btn: 2px. Resist soft pills, glass stacks, and multi-layer drop shadows.

Components

Buttons + secondary heat

from MYR 180

Lagoon primary CTA beside saffron price. Ghost border is UI secondary — saffron fill is rare warm secondary, not the homepage CTA.

Trust marks

Cenang Verified

from MYR 120

Checked on 12 Jul 2026

Field-checked

Always pair verified marks with a visible date — never a vague “Trusted” badge. Price stays saffron when shown next to trust.

Experience list rows

List rows, not OTA cards — no deal badges, no nested chrome.

Sunset island hop

from MYR 180

Half day · Small boat

Cenang Verified

Cenang reef snorkel

from MYR 120

Morning · Family fit

Cenang Verified

Voice & content

Sound like

Clear and hospitable
Opinionated enough to help someone decide
Honest that Cenang is social and convenient
Authoritative without sounding institutional

Don’t sound like

Tourism Malaysia / LADA portal copy
Luxury-resort aspirational emptiness
OTA deal-shout and urgency theatre
Vague “trusted destination” claims without dates

“Cenang is a lively beach base with easy food, scooters, and nightlife — not pristine wilderness. Here’s what we checked on the ground this month.”

Imagery

Place photography is atmospheric and load-bearing — not decoration around a card grid. Prefer real Cenang / west-coast Langkawi scenes once field assets land; stand-ins below show treatment only.

Today on Cenang

Full-bleed or digest-hero plane — not inset rounded media cards
Photo corner label is allowed; floating promo stickers are not
No palm-emoji clutter, neon cyan glow, or stock “tropical AI”

Do’s and don’ts

Keep pure surfaces; lagoon primary, saffron secondary heat
Show Cenang Verified + Checked on dates
Lead with place photography + one decision headline
Support light and dark on the same skeleton
Ship the two PRODUCT CTAs above the fold

Don’t

Government / tourism-board portal language
Purple gradients or cream + terracotta AI defaults
Broadsheet density or OTA card-grid chrome
Luxury marble/gold brochure cues
Green as brand primary; glassmorphism; gradient text

Token index

CSS variable	DESIGN.md	Role
--lagoon / --accent	lagoon-ink / lagoon-ink-dark	Primary
--saffron / --secondary	saffron-dusk / saffron-dusk-dark	Secondary
--bg / --surface	pure-white / pure-ink	Page ground
--ink	pure-ink / ink-light	Body text
--ink-muted	ink-muted-light / ink-muted-dark	Secondary copy
--ink-soft	ink-soft-light / ink-soft-dark	Tertiary
--line	line-light / line-dark	Hairlines
--strip	strip-light / strip-dark	Insider strip
--radius-btn	rounded.btn (2px)	Controls
--cenang-font-display	typography.display / brand-label	Big Shoulders Display
--cenang-font-body	typography.title / body / label	Source Sans 3