Boreal
Forest-toned palette for climate-tech developer platforms. Cool green surfaces and one mint accent carry the wayfinding in both light and dark modes.
Version 1.1.0Meet Boreal
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
Boreal is a two-mode developer surface for climate-tech: a cool forest-paper light palette, a near-black green dark palette, and one mint accent that carries links, buttons, and active states. It reads as an API console with a forest hue — functional and precise, never rustic or decorative.
- engineered
- boreal-cool
- quantified
- low-noise
The palette
Color with intention
Light palette
#f4faf7#10251d#087a4e#d6eadf#e2f0e9Dark palette
#0b1512#d4ece3#34c98a#1a2f26#111f19The 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
"SF Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospaceMade for
Who it speaks to
Climate-tech and sustainability engineering teams shipping developer products: carbon/emissions APIs, energy-data platforms, ESG tooling, and adjacent dev-tools that want a technical theme with a forest point of view instead of another neutral console. Owners publish docs-heavy sites — quickstarts, API references, SDK guides — alongside a technical blog and a few marketing pages.
The voice
How it sounds
Engineer-to-engineer: direct, concrete, and quantified. Lead with what a thing does and what it costs (latency, coverage, units), not adjectives. Say "query Scope 3 emissions in one call" before "powerful"; cite tCO2e, p99, region counts. Confident without hype, technical without jargon-for-its-own-sake.
Art direction
The thinking behind the look
Light mode uses forest paper (#f4faf7), deep pine text (#10251d), and dark mint action (#087a4e); dark mode preserves the near-black green canvas (#0b1512), mint-white text (#d4ece3), and bright mint action (#34c98a). Link-tinted rules form the recurring mint seam in both palettes. System sans throughout, SF Mono for code, 0.75rem card radius, and deep shadows keep the register technical. Terminal code blocks remain pinned dark by host design.