Brand
Brand identity elements
Atoms
Atoms
Molecules
Molecules
Organism
Organism

Login

The login process is very specific and may vary a lot between entities and countries. Unfortunately, we couldn’t create guidelines for every single login process. Please apply these general design principles, and if needed, we will be happy to collaborate on a specific process with you.

Usage

Secure Member Log-in

<h1 className="h3">Secure Member Log-in</h1>
<Input
name="email"
type="text"
label="Email"
placeholder="albert@science.cool"
/>
<Input
name="password"
type="password"
label="Password"
placeholder="*******"
/>
<Button size="large" className="mt-3">
Login
</Button>
<Checkbox label="Remember me" variant="checkmark" className="mt-3" />
<div className="mt-3">
<ButtonLink variant="secondary" size="large" icon="arrow-right">
First connexion
</ButtonLink>
</div>

Help & Contact

Any question?