Forms

Forms let the user enter information and data. Forms can be of different length to represent different use cases (e.g. contact, newsletter sign-up, check out). Form fields should be validated as quickly as possible, typically through in-line validation. Form validation at the click event on the submit button should be avoided.

Login Form

Interactive example

Forms White

White forms should be used on dark or coloured backgrounds.

Register

Generic

Forms Grey

Grey forms should be used on light or white backgrounds.

Generic

Register

Generic

Hover

Components

Coming soon.