Brand Style Guide v2.0
The name speaks to our orientation: an atlas maps territories both known and unknown, while a meridian marks the line from which all other measurements are taken.
We aim to be both—cartographers of emerging possibility and a fixed point of reference in a rapidly shifting landscape. Our work exists at the meridians: the invisible lines where different fields of knowledge converge.
We follow interesting questions to unexpected places, believing that genuine exploration precedes meaningful discovery.
We think carefully, test thoroughly, and build things that work—understanding that craft and constraint fuel creativity.
We believe in the power of well-made things—elegant solutions, refined interfaces, and thoughtful systems.
Our primary dark palette. Richer and deeper than pure black, with enough warmth to pair naturally with amber accents.
Our light palette. Warmer than pure white, creating a natural canvas that complements the amber accent.
Our signature warmth. Use for CTAs, highlights, and moments that need energy. The gradient from light to deep creates dimensionality.
Use sparingly to add depth and variety without diluting the core palette.
Cormorant Garamond for headlines and display text. Light weight (300) with selective italics for emphasis. Sized generously to honor the delicate stroke weight.
Mapping the Unknown
Mapping the Unknown
Source Serif 4 for long-form reading. 22px base with 1.65 line height. Variable font with optical sizing for crisp rendering at any scale. In dark mode, drop to weight 300 and add slight letter-spacing.
The best tools don't just execute commands—they extend how we think. They become natural extensions of intention, invisible until needed, powerful when engaged. We build for that moment of seamless collaboration between human intuition and machine capability.
The best tools don't just execute commands—they extend how we think. They become natural extensions of intention, invisible until needed, powerful when engaged. We build for that moment of seamless collaboration between human intuition and machine capability.
Sized up across the board for Garamond's delicate strokes.
Cormorant Garamond
Headlines, titles, wordmark
Source Serif 4
Long-form reading, articles
DM Sans
Buttons, labels, navigation
IBM Plex Mono
Code, metadata, values
Primary buttons use a gradient for dimensionality and warmth. Outline and ghost variants for secondary actions.
Inline links use accent-colored underlines. Subtle links for navigation and metadata.
Read our latest experiment on knowledge management systems.
Inputs inherit the body font. Focus states use the accent color with a soft glow.
The wordmark uses Cormorant Garamond: "ATLAS" in medium weight with wide tracking, "Meridia" in light italic.
ATLAS Meridia
ATLAS Meridia
A geometric scale based on 4px (0.25rem). Use consistently to create visual rhythm.
Constrain content for optimal reading. Prose width targets ~65 characters per line.
Three durations cover most interactions. Fast for micro-interactions, base for state changes, slow for entrances and emphasis. Hover to preview.
Standard ease for most transitions. CSS ease provides natural acceleration and deceleration.
transition: all 300ms ease;