Heading sizes

Headings scale down from Heading 1 through to Heading 6. Use them to structure a page into a clear hierarchy — one main heading, then sub-sections beneath it.

Heading 1 — page title

Heading 2 — section title

Heading 3 — sub-section

Heading 4 — minor heading

Heading 5 — small heading

Heading 6 — smallest heading

Body copy & text styles

You can emphasise words in bold, in italic, or as a text link. Longer passages flow naturally with comfortable line spacing for easy reading.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

Bulleted list

• First item in an unordered list
• Second item with a little more text to show wrapping
• Third item

Numbered list

1. First step in the process
2. Second step
3. Third step

Blockquote

"A well-structured page guides the reader effortlessly from one idea to the next." — placeholder quotation

A horizontal rule (above) can be used to separate distinct blocks of content within a section.

Buttons

Use buttons to draw attention to a key action, such as a download or an external booking link.

Accordion

Accordions let you tuck supporting detail behind expandable headings — ideal for FAQs or document lists. Click a heading to open or close it.