Themes

Every theme is generated from a few decisions — a direction, a palette and a typography — into DTCG tokens, checked for contrast in light, dark and every mood. Apply one to all 752 blocks and 99 components: it is only a stylesheet, the markup never changes. Open a theme to see its variables and make it yours.

Graphite

Neutral and precise: ink buttons, an iris accent, Geist everywhere. The safe start.

Geist radius 6px
Aurora

Vivid and modern: electric violet, a mint accent, Sora and Manrope.

Sora Manrope radius 16px
Bold

Confident and graphic: indigo, a condensed display face, sharp corners.

Anton Archivo radius 6px
Candy

Sweet and round: pink and sky blue, Nunito, pill controls.

Nunito radius 16px
Citrus

Zesty and loud: orange, a lime-green accent, Bricolage Grotesque.

Bricolage Grotesque DM Sans radius 16px
Clay

Handmade and warm: burnt clay, a petrol accent, Fraunces on paper.

Fraunces Inter radius 12px
Cobalt

A strong product blue, Instrument Sans, crisp corners.

Instrument Sans radius 6px
Crisp

Clear and technical: ocean blue, a neutral grotesk, tight spacing.

Inter radius 6px
Editorial

A magazine voice: terracotta, a classic serif, generous reading measure.

Playfair Display Lora radius 0px
Ember

Sport and action: a flame orange, Unbounded titles, square buttons.

Unbounded Inter radius 6px
Fjord

Nordic calm: a deep sea blue, a rust accent, Albert Sans, lots of white.

Albert Sans radius 6px
Lagoon

Fresh and calm: teal, a coral touch, Onest, soft corners.

Onest radius 12px
Meadow

Healthy and open: a living green, Plus Jakarta Sans, soft corners.

Plus Jakarta Sans radius 12px
Minimal

Quiet and editorial: black and white, a refined serif, lots of air.

Fraunces DM Sans radius 6px
Mocha

Café and bakery: coffee brown, an olive accent, Lora titles.

Lora Nunito Sans radius 12px
Newsprint

The daily paper: black ink on paper, Libre Baskerville, square corners.

Libre Baskerville Public Sans radius 0px
Playful

Bright and rounded: rose, a geometric sans, pill-shaped controls.

Outfit Plus Jakarta Sans radius 16px
Plum

Culture and fashion: deep plum, an amber accent, Playfair Display.

Playfair Display Source Sans 3 radius 0px
Sage

Soft wellness: sage green, a clay accent, Figtree, rounded.

Figtree radius 12px
Sandstone

Luxury and craft: sand and stone, EB Garamond, Work Sans, fine lines.

EB Garamond Work Sans radius 6px
Slate

Sober business: blue-grey ink, IBM Plex, small radii.

IBM Plex Sans radius 6px
Terminal

For developer tools: a mono display, Geist text, square corners, a green signal.

JetBrains Mono Geist radius 0px
Vermilion

Poster energy: a red that shouts, Space Grotesk, hard edges.

Space Grotesk Inter radius 6px
Warm

Friendly and natural: forest greens, earthy type, soft corners.

Newsreader Hanken Grotesk radius 12px
Classic

Trame's reference theme: ink neutrals, a violet brand, Instrument Serif titles.

Instrument Serif Inter radius 12px