02
Tokenized to the core
Sixty color and type decisions live in three tidy folders. Swap a hex once and the whole identity follows — a rebrand takes an afternoon.
Six decisions per identity
Each style owns exactly six color tokens — Background, Text, Muted, Accent, Surface and Border — plus five text styles. That is the whole surface area of a rebrand. Change the six values, optionally swap the display font, and the entire identity follows: buttons, cards, chips, borders, hover states.
Tokens also keep contrast honest. Every combination in the shipped palettes passes WCAG AA, so you can hand the site to a client without an accessibility review.
Type that scales itself
Display and heading styles carry their own responsive breakpoints, so a 76px Bold headline lands at 42px on a phone without you touching a thing.
Tokens
18 colors · 15 type styles
Folders
Minimal / Bold / Editorial
Rebrand time
About 30 minutes
Minimal
Bold
Editorial
02
Tokenized to the core
Sixty color and type decisions live in three tidy folders. Swap a hex once and the whole identity follows — a rebrand takes an afternoon.
Six decisions per identity
Each style owns exactly six color tokens — Background, Text, Muted, Accent, Surface and Border — plus five text styles. That is the whole surface area of a rebrand. Change the six values, optionally swap the display font, and the entire identity follows: buttons, cards, chips, borders, hover states.
Tokens also keep contrast honest. Every combination in the shipped palettes passes WCAG AA, so you can hand the site to a client without an accessibility review.
Type that scales itself
Display and heading styles carry their own responsive breakpoints, so a 76px Bold headline lands at 42px on a phone without you touching a thing.
Tokens
18 colors · 15 type styles
Folders
Minimal / Bold / Editorial
Rebrand time
About 30 minutes
Minimal
Bold
Editorial
02
Tokenized to the core
Sixty color and type decisions live in three tidy folders. Swap a hex once and the whole identity follows — a rebrand takes an afternoon.
Six decisions per identity
Each style owns exactly six color tokens — Background, Text, Muted, Accent, Surface and Border — plus five text styles. That is the whole surface area of a rebrand. Change the six values, optionally swap the display font, and the entire identity follows: buttons, cards, chips, borders, hover states.
Tokens also keep contrast honest. Every combination in the shipped palettes passes WCAG AA, so you can hand the site to a client without an accessibility review.
Type that scales itself
Display and heading styles carry their own responsive breakpoints, so a 76px Bold headline lands at 42px on a phone without you touching a thing.
Tokens
18 colors · 15 type styles
Folders
Minimal / Bold / Editorial
Rebrand time
About 30 minutes
Minimal
Bold
Editorial