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

Accent Font: Dark Twenty

128px

Body text M

64px

Body text L

Typography

Primary

#130529

Secondary

#2F0C66

Orange

#EF695A

Accent - Purple

#BCB5EF

White

#FFFFFF

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.