Colours

Brand color

--color-brand-blue #008DD5
--color-brand-green #57B34C
--color-brand-gradient N/A

Greyscale

--color-dark #2F3241
--color-grey #6F727E
--color-light-grey #909299
--color-line-strong #6F727E
--color-line-light #F2F3F5
--color-light-background #F6F9FC
--color-white #FFFFFF

notifications

--color-error #FC5543
--color-attention #F9B335
--color-success #68BD5D

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

Primary

Disabled

Secondary

Disabled

Tertiary

Disabled

Tertiary

Disabled

Small

Disabled

Primary

This is an inline link example.

hover

This is an inline link example.

Primary

Module link

hover

Module link

CHECKBOX AND RADIO BUTTON

CHECKBOX ONE

CHECKBOX TWO

RADIO ONE

RADIO TWO

INPUT STYLE

INPUT

Error Err

SECTION INTRO AND TEXT

Sub heading 1

H3 Title Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi posuere porttitor risus, quis placerat dui tristique sit amet. Cras consectetur mattis efficitur. Nunc vitae iaculis mauris. Integer eu ante arcu. Integer molestie tortor pretium porta bibendum. Morbi commodo sapien et erat ultricies venenatis.

IMAGE