Styleguide

Main colors

Primary

#456B8C

Secondary

#FF638B

Accent colors

Info

#6AB2FF

Success

#ADE46C

Warning

#FFC666

Danger

#FF405D

Neutral colors

#FFFFFF

#F5F6FA

#E4E8F1

#D1D7E5

#B1BACE

#7C8493

#484E5A

#373737

UI components

Chip

person

Isabelle Jason

Switch

Checkbox

Radio

Button

Primary

Secondary

Outline 1

Disabled

Disabled

Outline 2

Segmented control

Input text

Dropdown

--Select--

Option 1

Option 2

Option 3

Typography

Aa

Poppins

H1 header
Bold 36px
H2 header
Semi-bold 24px
H3 header
Regular 18px

Aa

Nunito-Sans

Some text for your project
Semi-bold 16px
Some text for your project
Regular 16px
Some text for your project
Light 16px

Alerts

Heads up! It’s chilly out there.

Well done, you’re ready to go out.

Watch out or you will get the flu soon.

Oh snap! You’re a bit under the weather.