Style Guide

Main UI components
Typography

Display — 64px

text-size-display / 64px / 400 / 110%
Heading XL — 56px
text-size-heading-xl / 56px / 400 / 110%
Heading L — 36px
text-size-heading-l / 36px / 400 / 110%
Heading M
text-size-heading-m / 1.75rem / 400 / 110%
Heading S — 24px
text-size-heading-s / 24px / 400 / 110%
Paragraph L — The quick brown fox jumps over the lazy dog.
text-size-paragraph-l / 20px / 400 / 160%
Paragraph M — The quick brown fox jumps over the lazy dog.
text-size-paragraph-m / 18px / 400 / 160%
Paragraph S — The quick brown fox jumps over the lazy dog.
text-size-paragraph-s / 16px / 400 / 160%
Caption — The quick brown fox jumps over the lazy dog.
text-size-caption / 14px / 400 / 160%

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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 eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colour Tokens
Space Tokens
Radius Tokens
cs-radius-xs
0.25rem
cs-radius-xs
0.5rem
cs-radius-xs
0.75rem
cs-radius-xs
1rem
cs-radius-xs
2rem
Tag Styles
Learn More
Learn More
Learn More
Learn More
Form Components

Book a table

Hospitality: table reservations. Trades: request a quote. Health & Wellness: book a session. 3–4 fields. Low friction entry point.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Plan your event

Private dining / events enquiry path — longer form, more context needed
Private dinners, corporate events, and special occasions. We'll get back to you within 24 hours to discuss your requirements.
Form Style
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

General contact form

What's Your Name?
What's Your Email Address?
What's Your Phone Number?
What's Your Message?
Oops! Something went wrong while submitting the form.