Arctic
Ultra-minimal Scandinavian light theme: near-white cool canvas, blue-grey structure, glacial-blue accent, near-square radius. Built for enterprise SaaS, B2B tools, finance, and analytics products.
Version 1.0.0Meet Arctic
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
Arctic is chromeless modern minimalism: a near-white cool-grey canvas, navy-black text, and one glacial blue that carries every interactive signal. Structure comes from whitespace and weight, never decoration — the register of a premium B2B SaaS dashboard that has been given real taste.
- precise
- chromeless
- structural
- cool
The palette
Color with intention
Light palette
#f8f9fb#0f1923#2f6bc9#edf0f4#edf0f4Dark palette
#0c141d#e8edf3#5b97e0#1a2836#141f2bThe typography
Find your voice in type
Headings
Make a little room for possibility.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospaceMade for
Who it speaks to
Enterprise SaaS, B2B product, developer-tooling, finance, and analytics teams whose sites must read as precise and trustworthy: landing pages that sell on clarity, docs where the content is the product, and change-log or blog surfaces that stay out of the reader's way.
The voice
How it sounds
Precise, plain, and quietly confident. State the capability, name the number, skip the adjective. Sentences are short and declarative; claims are specific and verifiable. Confidence shows through restraint, not through superlatives or urgency.
Art direction
The thinking behind the look
A cool near-white (#f8f9fb) canvas — never pure white — with navy-black (#0f1923) text and one glacial blue (#2f6bc9) reserved for links, primary buttons, and focus rings. Blue-grey borders (#d4dae3) and a faintly cooler muted layer (#edf0f4) do the structural work; there are no gradients, no warm shadows, no friendly curves. Near-square radius (2px small, 4px default, 8px large) keeps every surface crisp. A single system-sans stack sets both body and headings, so hierarchy comes from weight and size alone. In dark mode the polar night: deep blue-black (#0c141d) canvas, cool blue-white (#e8edf3) text, and a lifted glacial blue (#5b97e0).