Referência viva
Sistema de design
Direcção «Observatório»: um painel de instrumentos sobre o dinheiro. Archivo expandido para manchetes, Space Grotesk para a interface, Source Serif para a voz editorial, Space Mono para os números. Vermilhão-sinal é o que sai, verde é o que fica — e o torrado marca sempre a fonte. Tudo vive em dois temas: claro e escuro.
Marca — «o cêntimo»
O C do wordmark é o sinal de cêntimo — ¢ — cortado por uma haste verde. A marca promete o que o site faz: seguir cada euro ao cêntimo, do salário à bomba. Verde é sempre o que é teu.
Tokens de cor — claro / escuro
Os swatches são ao vivo: mudam com o tema activo (botão no topo da página). Os valores listados são claro / escuro.
paper
#f2f1ea / #0e0c09 — fundo
surface
#faf9f4 / #16130f — painéis
ink
#1b1811 / #f2ecdd — tinta
ink2
#57534a / #aba28c — secundário
muted
#6f6a58 / #8f8878 — meta (AA nos dois temas)
line
#e0dcc9 / #2c271e — hairline
line2
#b7b19d / #57503c — regra, borda de campo
accent
#b93a17 / #ff6133 — vermilhão-sinal, o que sai
accent-ink
#8f2a10 / #a03012 — corte mais fundo
accent-soft
#f6e3db / #331b0d — destaque
keep
#1f6b4d / #63d6a4 — o que é teu
keep-soft
#dfece4 / #16281f — verde suave
mark
#a07c17 / #f0c468 — torrado, fonte e foco
warn
#a3720a / #f0c468 — aviso
up
#b03016 / #ff6133 — sobe (mau em preços)
down
#1f6b4d / #63d6a4 — desce (bom em preços)
- Verde só para «o teu dinheiro» — nunca decoração nem fundo genérico.
- Torrado só como marcador funcional: fonte, citação, anel de foco.
- Vermilhão-sinal para tudo o que sai do bolso — legível nos dois temas.
- Dois temas de raiz: claro frio de papel técnico, escuro de instrumento.
Tipografia
Display — Archivo expandido (wdth 125)
Para onde vai o teu dinheiro.
Interface — Space Grotesk
O corpo da interface e das páginas. Neutro, técnico, sem ser genérico — o par natural do Space Mono dos números.
Editorial — Source Serif 4 (só ledes)
Entre o que a empresa paga e o que tu recebes há três cortes: Segurança Social, IRS e a TSU que nunca vês no recibo.
Dados — Space Mono, tabular
1 234 567,89 € · ▲ 12,5 %
Botões e superfícies
.field é o único campo de formulário — fundo surface, borda line2, foco pelo anel torrado global. Todos os simuladores usam esta classe.
A barra do euro — assinatura
| Fica contigo | 16 419,69 € | 63,2 % |
| IRS | 2270,31 € | 8,7 % |
| SS do trabalhador | 2310,00 € | 8,9 % |
| TSU da empresa | 4987,50 € | 19,2 % |
Verde só para o que fica contigo; tudo o que sai vive na família vermilhão/tinta.
Selo de evidência
Fonte: Eurostat · série até dez 2025 · recolhido 16 set 2026
Fonte: Lei n.º 73-A/2025 · vigente 2026
Fonte: IGCP — ficha técnica CA Série F · divergência entre fontes, ambas mostradas
Componentes
Exemplo
920 €
salário mínimo 2026
Variação
▲ 2,3 %
preço a subir
Variação
▼ 1,5 %
preço a descer
Poupança
▲ 1,8 %
taxa a subir é bom
Fonte: Exemplo — Eurostat