Heading 1
The Quick Brown Fox
Heading 2The Quick Brown Fox
Heading 3The Quick Brown Fox
Heading 4The Quick Brown Fox
Heading 5The Quick Brown Fox
Heading 6The Quick Brown Fox
Standfirst
This section showcases all heading levels from H1 to H6, helping maintain consistent typography across the brand.
BodyLorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam delectus, quos. Delectus dolore ipsam perspiciatis reiciendis, tempora tempore vitae voluptatibus.
- Lorem
- ipsum
- dolor
- sit
- amet
- Ipsum
- ipsum
- dolor
- sit
- amet
Horizontal Rules
Use horizontal rules to separate large blocks of content or sections within pages.
Buttons
Color Palette
These are the brand colors. Use them consistently across backgrounds, text, borders, and components.
bg-white
bg-off-white
bg-black
bg-off-black
bg-grey-light
bg-grey
bg-grey-dark
bg-primary
bg-secondary
bg-tertiary