Forms

Design forms that meet AA accessibility standards and work with assistive technologies.

Design Tokens

Below are design tokens that are specifically used for form controls

Input

#ffffff

Default background colour

#8f939c

Border

#A8AAB1 Neutral 500

#3c4253

Text

Text body copy

#656a76

Placeholder

Placeholder text

Input / Disabled

#f1f3f7

Disabled styles

#c2c4c8

Border

Border style

#c2c4c8

Text

Disabled input text

Input

2px solid #8f939c

Base

Base style for input borders