The building blocks
for everything we make.
A living style guide — every color, type ramp, component and motion token used across the studio. One source of truth.
Black, white, grey.
Color lives in the accents.
The brand is built on a neutral chassis. Containers are pure white or pure black on a #f4f4f4 canvas. There is no single brand color — accents come from the gradient spectrum.
The spectrum of accents.
Gradients carry energy and personality. Use them for hero tiles, feature illustrations and CTAs — never as body text color.
Three voices.
No more, no less.
Plus Jakarta Sans does the heavy lifting. Instrument Serif provides italic accents for warmth. Geist Mono carries metadata, numbers and callouts.
Body — the workhorse weight. Designed for long-form readability with relaxed leading and balanced rhythm.
Small — captions and supporting copy.
A 4px rhythm.
All spacing is derived from a 4-pixel base. Use the scale; never invent in-between values.
Soft, generous corners.
Containers favor large, confident radii. Pills use full radius.
Restrained shadow.
Shadow signals lift, not depth. Use sparingly to separate floating surfaces from the canvas.
Small signals.
Pills label state, status and metadata. Eyebrows always use mono.
Forms, clean.
Inputs default to white surfaces with soft borders. Focus rings inherit from --ring.
Tooltips, popovers, modals.
All overlays share the same surface, radius and shadow tokens.
Containers do everything.
Card patterns derived from real surfaces — feature tiles, numbered steps, pricing, dashed-border highlights.
Temporarily pause your subscription anytime, no sweat.
Not loving it after a week? Get 75% back, no questions asked.
Frequently asked questions.
Calm, confident motion.
Animations exist to clarify, never to decorate. Default to short durations and a soft ease-out curve.
Generous, gridded, gutter-aware.
Max content width is 1400px. Default gutter is 24px on mobile, 40px on desktop. Always breathe.
White or black containers on the #f4f4f4 canvas. Reserve color for accent tiles and illustration.
There is no single brand color. Accents come from the gradient spectrum — never a flat hue.