Styleguide
Typography
Brand / Website / Design system
Typography
One of the most important token of all. Typography is at the center of solid brand and at the service of every component of user interfaces.
PolySans
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567891@#$%^&*()
Sailec
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567891@#$%^&*()
Heading - H1
Font-size : 96px - Line-height: 110%
Heading h1
Heading - H2
Font-size : 64px - Line-height: 130%
Heading h2
Heading - H3
Font-size : 48px - Line-height: 120%
Heading h3
Heading - H4
Font-size : 32px - Line-height: 120%
Heading h4
Heading - H5
Font-size : 24px - Line-height: 120%
Heading h5
Heading - H6
Font-size : 20px - Line-height: 150%
Heading h6
Display xs - Bold
Font-size : 20px - Line-height: 150%
Display xs - Bold
Text-xl-bold
Font-size : 20px - Line-height: 150%
Text-xl-bold
Text xl - Regular
Text-xl-regular
Font-size : 18px - Line-height: 150%
Text lg - Bold
Text lg - Regular
Paragraphe
Text md - Bold
Font-size : 16px - Line-height: 150%
Text md - Bold
Text md - Bold
Text sm - Bold
Font-size : 14px - Line-height: 150%
Text sm - Bold
Text sm - Regular
Text/xs/Bold
Font-size : 12px - Line-height: 150%
Text/xs/Bold
Text xs - Regular