Tipografia
Define a legibilidade e a identidade visual por meio da escolha de fontes, tamanhos e espaçamentos.
Família de Fontes
Font-family-01: Utilizada para títulos e interações;
Font-family-02: Utilizada para corpo, tags, hats e outros textos menores.
Aa
General Sans
font family 01
font family 02
Títulos
Utilize fontes imponentes e de destaque para títulos, transmitindo uma forte presença visual.
TITLE / H1
The quick brown fox jumps.
WEIGHT:
SEMIBOLD / 600
FONT SIZE:
62px
LINE HEIGHT:
120%
TITLE / H2
The quick brown fox jumps.
WEIGHT:
SEMIBOLD / 600
FONT SIZE:
48px
LINE HEIGHT:
120%
TITLE / H3
The quick brown fox jumps.
WEIGHT:
SEMIBOLD / 600
FONT SIZE:
40px
LINE HEIGHT:
120%
TITLE / H4
The quick brown fox jumps.
WEIGHT:
SEMIBOLD / 600
FONT SIZE:
32px
LINE HEIGHT:
120%
TITLE / H5
The quick brown fox jumps.
WEIGHT:
SEMIBOLD / 600
FONT SIZE:
24px
LINE HEIGHT:
120%
TITLE / H6
The quick brown fox jumps.
WEIGHT:
SEMIBOLD / 600
FONT SIZE:
20px
LINE HEIGHT:
130%
Corpo
Opte por fontes legíveis e equilibradas para o corpo do texto, garantindo uma experiência de leitura agradável.
Body / XLarge / regular
The quick brown fox jumps over the lazy dog.
Body / XLarge / semibold
The quick brown fox jumps over the lazy dog.
Body / LARGE / regular
The quick brown fox jumps over the lazy dog.
Body / LARGE / semibold
The quick brown fox jumps over the lazy dog.
Body / MEDIUM / regular
The quick brown fox jumps over the lazy dog.
Body / MEDIUM / semibold
The quick brown fox jumps over the lazy dog.
Body / SMALL / regular
The quick brown fox jumps over the lazy dog.
Body / SMALL / semibold
The quick brown fox jumps over the lazy dog.
Body / XSMALL / regular
The quick brown fox jumps over the lazy dog.
Body / XSMALL / semibold
The quick brown fox jumps over the lazy dog.