Del Mar
Soft lavender-white canvas, deep purple-navy text, and one gentle violet accent — the only cool-pastel theme in the collection. Built for lifestyle, beauty, wellness, consumer products, and editorial platforms.
Version 1.0.0Meet Del Mar
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Del Mar is a cool-pastel editorial system: a lavender-white canvas, deep purple-navy ink, and a single soft-violet accent that carries every interactive moment. Refinement comes from restraint and air — generous line-height, serif headings, and left-ruled lists in place of boxes and chrome.
- airy
- curated
- monochromatic
- unhurried
The palette
Color with intention
Light palette
#f9f7fd#1e1629#7c5cbf#ede8f9#f0ecf8Dark palette
#161320#ece7f6#b298e8#2a2340#221d31The typography
Find your voice in type
Headings
Make a little room for possibility.
Georgia, "Times New Roman", serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Consolas, monospaceMade for
Who it speaks to
Lifestyle, beauty, wellness, consumer-product, and editorial brands whose sites lean on long-form reading, curated stories, and a calm, spa-like first impression — the kind that would rather feel considered than loud.
The voice
How it sounds
Calm, curated, and specific. Prefer concrete guidance over hype, short unhurried sentences over exclamation, and one clear next step over a wall of buttons. The register is quietly confident, never breathless or clinical.
Art direction
The thinking behind the look
Lavender-white (#f9f7fd) canvas with deep purple-navy (#1e1629) text and one soft violet (#7c5cbf) accent for buttons, focus rings, and thin left rules; inline links and rule tints use the deeper violet (#5f3fa8). The whole palette lives on a single violet axis — no competing hue except sage success (#4a7a60) and muted red error (#b83c3c). Georgia serif headings over a system-sans body, softly rounded 1rem surfaces, violet-tinted low-opacity shadows, and a spacious 4.5rem section rhythm. In dark mode it becomes violet twilight: an indigo-plum canvas (#161320), cool lilac-white text (#ece7f6), and a lifted lilac accent (#b298e8).