Heading H1

48px

Heading H2

40px

Heading H3

24px

Heading H4

18px

Heading H5

16px

Heading H6

Body Font: Poppins

24px

Body text L

20px

Body text M

16px

Body text S

Typography

Primary

#141414

Secondary

#F6F6F6

Accent - Purple

#B46EFF

Secondary - Purple

#8D6EDA

Accent - Ambar

#FFB525

Dark

#242526

Dark - 60

#7C7C7D - 60%

Dark - 30

#BDBEBE - 30%

Light

#CBCBCB

Light - 60

#EAEAEA - 60%

Light - 30

#F8F8F8 - 30%

Neutral colors

Estas são as cores neutras principais do guia de estilo que compõem a maioria dos designs de UI.

Secondary colors

As cores secundárias são usadas para dar suporte às cores primárias na UI. As cores secundárias escolhidas devem ser usadas com moderação ou como destaques junto com as cores primárias para elementos como botões secundários, comprimidos ou etiquetas.

Primary colors

A cor primária é, em última análise, a cor "básica" da sua marca, ela é usada em todos os elementos de uma UI, incluindo botões, bordas, preenchimentos e muitas outras áreas. A cor primária definirá toda a aparência da UI.

Assets

Learn how to work with our brand assets.