Subscribe

Style guide

Colour

Brand

Surface

Ink

Ink, soft

Line

Surface, raised

Accent, soft

Type

Heading one sets the page

Heading two opens a section

Heading three names a part

Heading four labels a detail

Body text carries the argument. It should read comfortably for a long stretch, with a link that stands out, some bold words and some emphasis.

Small print for notes, captions and dates.

Lists, quotes and tables

  • A first point, kept short
  • A second point with a little more to say
  • A third point
  1. First step
  2. Second step
  3. Third step

A quotation should feel set apart from the text around it, without shouting.

Source name
PlanSeatsPrice
Starter1$9
Team10$49
const answer = 42;

Buttons and forms

Primary action
Secondary action

Common kit

Key takeaways

  • The first thing to remember
  • The second thing to remember

Term. A one-sentence definition that answers the question directly.

A question readers ask

A short, direct answer.