Dusk
A design-forward two-mode product system: lavender daylight, deep indigo dusk, and a warm coral accent. Built for AI products, creative tools, and consumer tech.
Version 1.1.0Meet Dusk
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
Dusk is the sky around sunset rendered as a two-mode product theme: lavender paper in light mode, deep blue-purple after dark, and one warm coral accent that holds the last of the day's heat. Cool depth against a single warm point — modern, slightly dreamy, and unmistakably a creative-software brand rather than a developer tool.
- atmospheric
- warm-against-cool
- modern
- design-forward
- unhurried
The palette
Color with intention
Light palette
#f8f6ff#211b3d#b94728#f3e2dc#ebe7f7Dark palette
#0e0c1e#ede9ff#f4845f#1e1c3a#1a1730The typography
Find your voice in type
Headings
Make a little room for possibility.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, "Consolas", "Liberation Mono", monospaceMade for
Who it speaks to
AI products, creative and design tools, consumer tech, and design-forward SaaS teams shipping a marketing site plus docs and a blog — makers who want atmosphere and polish without the neon-on-black cliché of the average dev-tool landing page.
The voice
How it sounds
Confident, plainspoken, and quietly imaginative. Say what the product does in concrete terms, then let one evocative line carry the mood. Favor short declaratives and active verbs; treat the coral like the copy's single exclamation point — one strong claim or CTA per view, never a wall of hype.
Art direction
The thinking behind the look
Light mode uses lavender-white (#f8f6ff), ink-indigo (#211b3d), violet links (#6246a8), and a deep coral action (#b94728). Dark mode shifts to indigo-purple (#0e0c1e), lavender-white text (#ede9ff), lavender links (#c4a8ff), and warm coral (#f4845f). Indigo-tinted depth, one system-sans stack, moderate 0.75rem cards, and generous 5rem sections keep both modes atmospheric and product-led.