Skyline
Daybreak and dusk indigo palettes with a golden horizon-amber accent. Premium and aspirational, built for SaaS, creative tools, and AI products.
Version 1.1.0Meet Skyline
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
Skyline is a two-mode aspirational product system: a pale daybreak canvas, a deep indigo-navy dusk canvas, and one golden horizon-amber accent reserved for the single decisive action in a view. It signals ambition through depth and space, not decoration — the sky does the work, the amber marks the way forward.
- aspirational
- cinematic
- precise
- expansive
The palette
Color with intention
Light palette
#f7f8ff#20243d#a85e08#f6e6d2#e8ebf5Dark palette
#0c0f1e#e8eaf8#f0a040#1e2545#161b30The typography
Find your voice in type
Headings
Make a little room for possibility.
"Helvetica Neue", Arial, sans-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
Premium SaaS, creative tools, developer platforms, and AI products that want a confident, cinematic identity across marketing pages, docs, and a journal — teams selling vision and capability, not commodity features.
The voice
How it sounds
Aspirational but grounded: speak to where the product is going and back it with specifics. Prefer forward-looking, spatial language ('the view from the top', 'horizon-scale') over hype adjectives, keep sentences declarative, and let one clear call to action per screen carry the ask — like the single amber accent.
Art direction
The thinking behind the look
Light mode uses daybreak lavender (#f7f8ff), indigo ink (#20243d), sky-blue links (#336fbd), and deep horizon amber (#a85e08). Dark mode uses dusk indigo (#0c0f1e), starlight (#e8eaf8), bright sky blue (#7eb3ff), and golden amber (#f0a040). Helvetica Neue/system sans, near-square 0.5rem radii, and a wide 5rem rhythm let both palettes breathe at horizon scale.