Obsidian
Premium high-contrast theme with electric-violet accents across cool light and near-black dark palettes. Built for AI products, premium SaaS, fintech, web3, and developer tools.
Version 1.1.0Meet Obsidian
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
Obsidian is a two-mode premium product system: a cool mineral-white light canvas, a near-black indigo dark canvas, and one electric-violet accent used only where a decision is being made. It signals expense through sharp edges, a single saturated hue held in reserve, and controlled depth, never through decoration.
- sharp
- premium
- engineered
- high-contrast
The palette
Color with intention
Light palette
#faf9ff#1d1830#6847de#e8e1fb#ece9f7Dark palette
#080810#f0efff#7858f6#1a1730#0e0d1eThe typography
Find your voice in type
Headings
Make a little room for possibility.
-apple-system, BlinkMacSystemFont, "Segoe UI", 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, "Courier New", monospaceMade for
Who it speaks to
Design-conscious technical products: AI platforms and copilots, premium developer tools, fintech and web3 apps, and high-end SaaS whose buyers judge the product partly by how its marketing site, docs, and changelog look. Obsidian gives their public surfaces the same precision as their IDEs and dashboards in either mode.
The voice
How it sounds
Confident, precise, and technical without hype. State the capability, then stop. Prefer concrete nouns and verbs ('ships', 'indexes', 'signs') over adjectives ('powerful', 'seamless', 'revolutionary'). One claim per sentence; one primary action per view — mirroring the way the violet is spent.
Art direction
The thinking behind the look
Light mode uses mineral white (#faf9ff), indigo ink (#1d1830), and electric violet (#6847de); dark mode uses near-black indigo (#080810), lavender-white (#f0efff), and brighter violet (#7858f6). The recurring violet crown marks only the most important panel. System sans, tight radii, violet-tinted depth, and dark pinned terminal code keep both palettes sharp, technical, and free of warmth or decorative gradients.