Fundamentos

Typography

Hierarquia tipográfica para títulos, textos e conteúdo auxiliar.

Abrir Storybook

Hierarquia

Ao vivo

Título principal

Texto de abertura que apresenta o contexto da página.

Título de seção

Conteúdo principal com leitura confortável e contraste consistente.

Informação auxiliar com menor ênfase visual.

Conteúdo técnico

Ao vivo

Execute npm run lexui:check antes de concluir.

Atalho principal: Ctrl K

Reutilize componentes públicos antes de criar uma nova abstração.

Pesos

Uma única família variável: light, regular, medium, semibold, bold e black, sem trocar a fonte.

Ao vivo

Light

300

Regular

400

Medium

500

Semibold

650

Bold

750

Black

900

Itálico

Itálico e light itálico usam a face itálica self-hosted do pacote de tokens.

Ao vivo

Referência doutrinária em itálico, no peso regular.

Light itálico para destaque leve, sem competir com o texto.

Ementa e citação longa

Importação

Use somente a API pública do LexUI.

import { Heading, Text, Lead } from "@lexui/react"