Calculadora de exemplo
Demonstra o orquestrador completo: form à esquerda, result sticky à direita no desktop.
Atualizado em 16 Abril 2026
€
Internal
Style Guide — Sistema Omni
Catálogo dos componentes base usados pelas novas calculadoras. Esta página é interna (noindex) e serve como referência viva durante a refatoração.
Tipografia
€4.230
Heading 1 — título da calculadora
Heading 2 — seções de conteúdo
Heading 3 — subseções
Body — parágrafos densos do conteúdo educacional vivem nesse tamanho, com leading generoso.
Label — usado em inputs e formulários
Caption — hints, footnotes, "atualizado em..."
Paleta operacional
canvas
surface
muted
subtle
ink
accent
accent.success
accent.danger
NumberField
Valor de venda escrito no contrato
O valor não pode ser negativo
Valor pouco usual — verifique se não há erro de digitação
SelectField
Define a tabela de IMT aplicável
RadioGroup
ResultCard + Breakdown + FunFact
Detalhamento
- Valor do imóvel
- 250 000 €
- Taxa marginal aplicada
- 7,0%
- IMT a pagar
- 17 500 €
Esse IMT equivale a ~13 meses do salário médio português.
useReactiveCalculator (live)
Edita e veja os derivados atualizarem com 200ms de debounce
- Dobro
- 200
- Quadrado
- 10000
- Calculando?
- não