Design system
Tokens e componentes base
Os tokens estão em src/app/globals.css e os componentes em src/components/ui.
Cores
- brand
- brand-dark
- brand-subtle
- surface
- surface-base
- surface-soft
- line
- ink
- ink-muted
- link
- Recebida
- Em análise
- Em curso
- Concluída
- Erro
Tipografia
- text-displayDenuncie um problema
- text-h1Desde 1985 a defender a natureza
- text-h2Submeter denúncia
- text-h3Como funciona
- text-leadViu uma descarga num rio ou resíduos abandonados?
- text-bodyCada denúncia é analisada por um técnico da Quercus.
- text-body-smEvite incluir nomes ou dados pessoais de terceiros.
- text-body-xs© Quercus
- label-monoPasso 01 · Em análise
Botões
Campos
Introduza um email válido.
Evite incluir nomes ou dados pessoais de terceiros na descrição.
Cartões
Resumo da denúncia
Cartão por omissão, com 20 px.
Categoria: Resíduos
Local: Rua de exemplo, Porto
Consultar estado da denúncia
Cartão grande, com 40 px.
Mensagens
Não encontrámos nenhuma denúncia com esse número.
Denúncia submetida
Guarde o número de registo para consultar o estado.