Microtica Style Guide

Last update - 23/02/2023

Typography

Poppins
600 Semi Bold
‍Size: 50px
Height: 65px

Poppins
600 Semi Bold
‍Size: 40px
Height: 55px

Poppins
600 Semi Bold
‍Size: 32px
Height: 47px

Poppins
600 Semi Bold
Size: 24px
Height: 39px

Poppins
600 Semi Bold‍
Size: 22px
Height: 37px

Poppins
600 Semi Bold
Size: 20px
Height: 35px

Paragraph L

Poppins
‍400 Normal‍
Size: 20px
Height: 35px

Paragraph M

Poppins
‍400 Normal‍
Size: 18px
Height: 28px

Paragraph S

Poppins
‍400 Normal‍
Size: 16px
Height: 31px

Poppins
400 Normal
Size: 14px
Height: 20px

Text block S

Poppins
400 Normal
Size: 14px
Height: 20px

Text block M

Poppins
400 Normal
Size: 16px
Height: 24px

Text block L

Poppins
400 Normal
Size: 18px
Height: 33px

If you want to change the collor of the outline and text, add another class (ex: dark)

If you want to change the collor of the outline and text, add another class (ex: dark)

If you want to change the color of the button, add another class (ex: dark)

#F5F6F7

#E8EAEC

#BAC0C4

#A8B1B6

#6F808A

#D6D8DA

#B5BABC

#949B9E

#737C81

#313E45

O seu cadastro foi confirmado

Oops! Something went wrong while submitting the form.