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.