Elements
Every component in the theme, on one page.
Colour
var(--brand)
var(--brand-fill)
var(--brand-hover)
var(--brand-soft)
var(--ink)
var(--ink-2)
var(--muted)
var(--sand)
var(--mist)
var(--line)
var(--gold)
var(--danger)
Typography
EyebrowHeading one
Heading two
Heading three
Heading four
A lead paragraph, one step up from body copy and set in the muted ink so it reads as an introduction rather than as the argument.
Body copy. The measure is held by the container, the rhythm by the line height, and neither is set anywhere but in the tokens at the top of the stylesheet.
Buttons
Forms
Badges, tags and chips
Feature blocks and steps
Feature title
One sentence saying what it is and why anybody should care.
Feature title
One sentence saying what it is and why anybody should care.
Feature title
One sentence saying what it is and why anybody should care.
Step title
What happens at this point, in one line.
Step title
What happens at this point, in one line.
Step title
What happens at this point, in one line.
Accordion
The answer, kept short enough that nobody has to scroll to finish it.
The answer, kept short enough that nobody has to scroll to finish it.
The answer, kept short enough that nobody has to scroll to finish it.
Empty state and pagination
Nothing here yet
What the visitor should do instead, with a way of doing it.
Find a cleaning company