TavDivide · sistema de design

Papel e tinta

Um extrato bem composto: papel quente, tinta, hairlines, números tabulares. Uma única cor cromática — o verde Pix — onde o dinheiro se move. Ações primárias em tinta. Raio por papel. Nada de card para uma frase.

Cores (papéis)

Claro e escuro trocam pelos mesmos papéis (data-theme ou prefers-color-scheme). 56 pares AA verificados em replica/design/tokens.proposed.json.

Tipo

Display XL — Bricolage 700

Display LG — Bricolage 700

Título LG — Bricolage 600

Título MD — Bricolage 600

Título SM — Inter 600

Corpo — Inter 400, 16/24. Dividir conta não precisa doer.

Corpo SM — 14/20, muted.

Rótulo — 13/500

Legenda — 12/16

R$ 1.234,56R$ 90,00R$ 120,00R$ 33,34

Dinheiro: Inter com tnum, alinhado à direita, sinal por palavra + cor (recebe/deve), nunca “+”/“−”.

Botões

Campos

Ajuda de 12px em muted.

Valor inválido

BRL

Linhas, chips, status, avatar

recebe R$ 60,00deve R$ 60,00quitadoAguardando pagamentoPagamento informadoConfirmadoNão recebido

Tabs, estado vazio, avisos

Nenhum grupo ainda

Crie um grupo e convide as pessoas por link.

A soma das partes difere do total.
Salvo.
Toast: tinta sobre papel invertido

Tela de amostra

Você deve a Bruno

R$ 90,00

Pagar para Bruno Lima

R$ 90,00

QR padrão aqui

Não fazer

Design system · TavDivide