Tipografia
A escala é uma decisão de densidade e as fontes são uma decisão de tipografia: esta página mostra como uma forma é lida, não o que vale hoje. Troque o eixo das fontes no painel de depuração e tudo abaixo estará configurado em outra fonte sem que uma regra mude.
Famílias
--font-family-base
--font-family-heading
--font-family-mono
Pesos
--font-weight-normal — A rápida raposa marrom salta sobre o cachorro preguiçoso — 0123456789
--font-weight-medium — A rápida raposa marrom salta sobre o cachorro preguiçoso — 0123456789
--font-weight-strong — A rápida raposa marrom salta sobre o cachorro preguiçoso — 0123456789
--font-weight-bold — A rápida raposa marrom salta sobre o cachorro preguiçoso — 0123456789
Escala de tipos
Sistema de Design — Blocos de construção para ótimas interfaces
Usado uma vez por página. Define o contexto primário. Emparelhado com um parágrafo introdutório curto.
A tipografia estabelece hierarquia e ritmo
Título de nível de seção. Agrupa conteúdo relacionado. Geralmente seguido por texto de corpo ou subseções.
Espaçamento e proporção moldam a legibilidade
Título de subseção. Introduz um tópico focado dentro de uma seção.
Cor e contraste guiam o olhar
Usado para títulos de cartões, seções de barra lateral ou agrupamentos menores.
Estados interativos precisam ser óbvios
Rótulos, cabeçalhos de metadados, pequenos agrupamentos. Sutis, mas distintos do texto de corpo.
Acessibilidade é um recurso, não uma consideração posterior
O menor nível de título. Use com moderação — para notas de rodapé, blocos legais ou rótulos auxiliares.