Every color, shadow, and sentence — on the record.
This is the actual design system running the whole site, not a separate showcase. Five colors, two fonts, one shadow trick, and a voice that talks like it already finished its to-do list.
Meet the company behind the systemColor palette
Five colors. That's the whole budget.
A high-contrast, sun-bleached palette — warm paper, one electric mint, one coral, near-black ink for structure. No gradients, ever.
Ink
--foregroundAll borders, text, and hard shadows. Near-black, never pure #000.
Paper
--backgroundPage background. Warm cream instead of the usual white or near-black.
Mint
--primaryPrimary CTA buttons, highlight text background, the logo mark.
Coral
--accentBadges, eyebrow labels, live-status dots. Never used for body copy.
White
--cardCards, accordion items, the computer-viewport mock.
Typography
Two fonts. Never thin, never delicate.
Display · Space Grotesk · 500 / 700
Say the thing. Go back to the hammock.
Used for H1–H2 headings, the nav wordmark, and badge labels. Bold and tight tracking only — never appears at body-text size or in a light weight.
Body · Geist · variable
Paragraphs, nav links, buttons, and form text. Contractions used freely — it's never stiff.
Only font-medium, font-semibold, and font-bold appear on body text — never font-light or font-normal.
Shadow & press
Hard shadows. No blur, ever. Press one to feel it.
Every bordered surface uses one of three offset shadows, always straight down-and-right, always ink-colored. Click a card — it physically presses into its own shadow.
Illustration
Flat stickers. Thick outlines. No photorealism.
Every asset is a rotated corner accent, never a dominant hero visual — mint, coral, or cream fills only, zero gradients, zero drop shadows baked in.
Palm frond, mint
Hero, How it works, CTA band
Palm frond, coral
Hero (behind viewport), Feature grid
Sun badge
Mental model strip, Pricing card
Palm horizon
Footer top edge, low opacity
Logo usage
A pixel, not a palm tree.
The mark is deliberately abstract — a minimal screen/pixel glyph, not a literal beach icon. The beach motif lives only in the decorative illustration layer.
Rotation and shadow are core to the mark. Never remove them.
Brand values
What we won't trade away.
Visibility over black-box automation
The desktop is always on screen. Nothing happens off-camera.
User control is non-negotiable
It pauses before anything sensitive — payments, sending messages.
No friction to try
"NO CREDIT CARD. NO INSTALL. JUST ASK." — the literal micro-copy.
Predictable pricing
The FAQ explicitly promises no surprise bills on usage overage.
Voice & tone
We talk like someone who already finished their to-do list.
And is now heckling yours — kindly, from a hammock. Plain-spoken, confident, a little playful. No corporate hedging, no exclamation points doing the excitement's job for it.
Deadpan confidence
State outrageous convenience like it’s boring. "It books the flight. You didn’t have to know that was possible."
Plain words, sharp timing
Short sentences. Cut the adjective before the noun does the work alone.
Chill urgency
Never "act now." It’s ready when you are, and it’ll still be ready in ten minutes.
Specific over generic
"Finds flight deals to Aruba" beats "streamlines your travel planning."
Do
Don't
"It opens a computer and does the thing."
"Leverage our AI-powered automation platform."
"No credit card. No install. Just ask."
"Get started in just 3 easy steps!"
"It asks before it does anything weird."
"Enterprise-grade trust and safety infrastructure."
"Watch it work, or don’t. Up to you."
"Experience unparalleled peace of mind."