Typography
Conteúdo e mídiadocs-patternimplemented
Quando usar
Hierarquia tipográfica da marca (tokens rf-*).
Acessibilidade
Use headings semânticos h1–h3 alinhados às classes.
Import
/* classes: .rf-h1 .rf-h2 .rf-h3 .rf-body .rf-label .rf-caption .rf-code */
Demonstração
Heading 1
Heading 2
Heading 3
Body — texto corrido com Space Grotesk e tokens de tamanho.
Label — ênfase de UI
Caption — metadados e ajuda
const accent = "token";Alterna o tema no header para validar claro e escuro.