Forms have a maximum width of 600px to prevent lines and input fields from being too long.

An example of a one-line field.

Heading/label

Text color: G5 Dark green
Hex: 204440
Font: Helvetica Neue
Font weight: 700
Font size: 18px
Line spacing: 23px


Placeholder text

Text color: Gray
Hex: 868E96
Font: Helvetica Neue
Font weight: 200
Font size: 16px
Line spacing: 19px

 

Example of a multiple line input field.

Example of a numbers-only input field.

Example of a checkbox field.

Example of radio buttons.

Text in check boxes and radio buttons:

Text color: G5 Dark green
Hex: 204440
Font: Helvetica Neue
Font weight: 200
Font size: 18px
Line spacing: 23px

 

GDPR approval

A special element for GDPR approval with an automatically generated “Read more” link.

Example of GDPR approval.

 

Example of a multiple choice list.

Example of a ‘Submit’ button.

Text color: White
Hex: FFF
Font: Helvetica Neue
Font weight: 400
Font size: 18px
Line spacing: 23px
Button color: G3.2 Green
Hex: 3D845C
Border radius: 4px

 

Examples of step indication elements.

Step indication color: Light blue
Hex: 83B6D0
Height of bar: 1 rem