Alerts

Success

Colours

  • --color-black

    0, 0, 0

  • --color-white

    255, 255, 255

  • --color-success

    9, 63, 0

  • --color-error

    68, 0, 0

  • --color-attention

    91, 75, 0

 

  • --color-green

    0, 106, 62

  • --color-blue

    0, 141, 213

  • --color-dark

    26, 27, 28

  • --color-dark-grey

    26, 26, 26

  • --color-grey

    82, 86, 87

  • --color-light-grey

    165, 169, 170

  • --color-strong-line

    222, 224, 224

  • --color-light-line

    241, 241, 241

  • --color-light-background

    249, 249, 249

Typography

H1 Title Example

H2 Title Example

H3 Title Example

H4 Title Example

H5 Title Example
H6 Title Example
 

Paragraph 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.

Paragraph 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.

Paragraph 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.

Tagline 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.

Tagline 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.

Tagline 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.

Buttons

Primary

Disabled

Secondary

Disabled

Tertiary

Disabled

White

Disabled

Static Inputs

Default icon

Custom icon

Error State

Success State

Warning State

 

Default icon

Custom icon

Error State

Success State

Warning State

 

Default

Disabled

Error State

Success State

Warning State

Freeform Inputs

Text Input

Disabled

Error State

Success State

Warning State

 

Textarea

Disabled

Error State

Success State

Warning State

Primary

This is an inline link example.

Primary

Module link