Style guide
Every colour and typeface, in one place
Change any of these styles in the Framer Assets panel and the whole site updates. This page is a reference for editors and is set not to appear in search engines.
Colours
Each colour has a light and a dark value. Switch the canvas theme to preview the dark theme.
Paper
Page background
Surface
Cards and inputs
Tint
Quiet sections
Ink
Headings and body text
Ink Secondary
Supporting text
Accent
Buttons, links, icons
Accent Ink
Text on accent
Accent Soft
Icon tiles, highlights
Accent Pressed
Button pressed state
Hairline
Borders and dividers
Type styles
Fraunces for headings, Inter for everything else. Both are open source. Each style has smaller sizes for tablet and phone.
Components
Buttons, filter tabs, situation cards and the form submit button are components. Edit them once in the Assets panel.