Colours

Brand

--color-dark-green #3A6530
--color-green #3A6530

Greyscale

--color-dark #1D1F1B
--color-grey #4B4B4B
--color-light-grey #DDD8D2
--color-line-strong #DDD8D2
--color-light-line #DDD8D2
--color-light-background #DDD8D2
--color-white #FFFFFF

Notifications

--color-error #AB0A00
--color-attention #AB0A00
--color-success #AB0A00

Typography

Text Styles Headings

H1 Title Example

H2 Title Example

H3 Title Example

H4 Title Example

H5 Title Example
H6 Title Example

Text Styles | Body Copy

Body Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Body Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Body Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Body Extra Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rutrum, ante sit amet volutpat dictum, diam tellus tristique mauris, sed pellentesque dolor libero at arcu.

Text Styles | Tagline

Tagline Large

Tagline Regular

Tagline Small

Buttons & Links

Button

Primary

Outlined

White

Small

Links

This is an inline link example

Content Module Link

Inputs

This is a checkbox
This is a selected checkbox
This is a disabled checkbox
This is a radio button
This is a selected radio button
This is a disabled radio button
Err
Err