My bookingsFind a class

Offcut design system v1.0

Style guide

Tokens and components shared by the web and mobile screens. Every value here is a Figma style or component.

Colour

Ink#1D1C1A · Text, primary buttons
Clay#B9532C · Booking actions, urgency
Gum#55675B · Gift and trust moments
Stone#F3F1EC · Quiet surfaces
Ink 2#4A4741 · Long-form text
Muted#7A766E · Meta and captions
Line#E3E0D8 · Dividers, borders
Paper#FFFFFF · Page background

Type scale

Display 1

Bricolage 600 · 112/104

Learn it with your hands

Display 2

Bricolage 600 · 56/60

Six people, one maker

Heading 3

Bricolage 600 · 32/38

Still open this weekend

Heading 4

Bricolage 600 · 22/28

Wheel throwing basics

Lead

DM Sans 400 · 20/30

Small classes with independent Melbourne makers.

Body

DM Sans 400 · 16/24

Tools, materials and aprons are in the price.

Small

DM Sans 400 · 14/20

Theo Quinn · Brunswick

Label

DM Sans 600 · 12/16 · +1.2

Choose a date

Spacing

4 px base · radius 8 / 14 / 22

4
8
12
16
24
32
48
64
120

Components

Find a classBook Sat 19 SepHow gifting worksSmallCeramicsWoodwork2 spots leftPaidNew
2 spots left

Wheel throwing basics

Theo Quinn · Brunswick

Sat, 10:00 · 3 hrs$145
Sat 19 Sep
10:00 to 13:00
2 left