Text block: style

The following page outlines visual specifications including colour, typography, structure, and sizing.

Colour

Element	Property	Colour reference	Colour token
Heading	text colour	Text primary	$body-color
Body text	text colour	Text primary	$body-color
Eyebrow	text colour	Text tertiary	$eyebrow

All text should use sentence case, capitalising only the first word and any proper nouns.

Element	Size (px/rem)	Weight	Line height (px/rem)	Letter spacing	Token

Body text	16 / 1	Light – 300	24 / 1.5	0.16px	$body-02
Eyebrow	14 / 0.875	Light – 300	20 / 1.25	0.25px	$body-01

Headings use the display, headline and title sizing groups from typography.

Use display-sized heading text for standout moments, like page titles or hero content, where maximum impact is needed.
Headline text is used for key section headings, helping to structure and organise content clearly.
Title text is ideal for card headings or highlighting smaller, self-contained sections of content.

Element	Size (px/rem)	Weight	Line height (px/rem)	Letter spacing	Token

Heading	56 / 3.5	Medium – 500	64 / 4	-0.25px	$display-03
	40 / 2.5	Medium – 500	48 / 3	0px	$display-02
	36 / 2.25	Medium – 500	44 / 2.75	0px	$display-01
	32 / 2	Semibold – 600	40 / 2.5	0px	$headline-03
	28 / 1.75	Semibold – 600	36 / 2.25	0px	$headline-02
	24 / 1.5	Semibold – 600	32 / 2	0px	$headline-01
	24 / 1.5	Medium – 500	32 / 2	0px	$title-03
	20 / 1.25	Medium – 500	24 / 1.5	0px	$title-02
	16 / 1	Medium – 500	24 / 1.5	0.16px	$title-01