COMPONENTES · 08 · NÚMEROS E KPINúmeros e KPI
A Celere vende previsibilidade numérica em um setor que opera no achismo. O número é o produto, então ele tem tipografia própria, regra de cor própria e uma única fonte de verdade.
// obra ilustrativa. O Residencial Modelo não é a Times Square da LB in: os 22.480 m², o R$ 2.217 por m² e o desvio de 2,6% igual a R$ 1.240 mil são números de exemplo para os cartões, não a aritmética da obra piloto.
Mono tabular sempre, e o "+" é teal, nunca laranja
Todo número deste sistema é Spline Sans Mono com tabular-nums. A skill de dataviz recomenda figura proporcional em número grande e isolado, porque dígito de largura fixa deixa um 121 parecendo frouxo em corpo de display. Aqui o DS da Celere vence, por dois motivos: o count-up sobe do zero e sem largura fixa de dígito o valor tremeria a cada quadro, empurrando o rótulo ao lado; e a mono não é uma face de display trazida para enfeitar, é a face de dado desta marca, o mesmo tipo que aparece no código de EAP e no eixo do gráfico.
O prefixo + é teal porque é marca, não decisão. Número em laranja aparece só quando o número é um desvio: contingência estourando, medição caindo, custo acima do orçado. Um painel onde o laranja aparece em quatro cartões não tem cartão urgente.
8.1 · NÚMERO DE DESTAQUE COM COUNT-UP// um por tela. O count-up sobe do zero em 1,4s com ease-out, dispara no primeiro contato com a viewport, roda uma vez só, e com prefers-reduced-motion entrega o valor final direto.
mais de 0 bilhões de reais orçados
Custo de construção que a Celere orçou, conferiu e acompanhou desde 2015. Não é estimativa de mercado: é a soma dos orçamentos entregues, um por um.
FONTE ÚNICA · site/data/stats.ts · POSIÇÃO 2026
8.2 · GRADE DE STATS INSTITUCIONAL// hairline vertical entre colunas, que vira horizontal no telefone. Cada número tem rótulo que diz a unidade e o recorte, porque "737" sozinho não é informação.
8.3 · CARTÃO DE KPI COM DELTA E PERÍODO DE COMPARAÇÃO// delta sem período de comparação é propaganda. Todo cartão diz contra o quê está comparando, em mono, embaixo do número.
// a cor do delta segue o significado, nunca o sinal. "Itens medidos" subindo é bom e fica teal; "custo por m²" subindo é desvio e fica laranja. Um sistema que pinta todo sinal negativo de vermelho mente na metade dos casos.
8.4 · CONTADOR DE OBRA EM ANDAMENTO// prazo consumido e obra feita são duas coisas diferentes, e o contador mostra as duas na mesma linha de tempo, para a conversa não virar discussão sobre qual número é o certo.
Residencial Modelo
// 64% de calendário contra 71,9% de obra parece bom, e não é: a curva prevista para o mês 19 é 78,6%. A referência é a baseline, nunca a reta.
- Aderentes ao orçamento 9
- Com desvio acima de 5% 3
- Paradas por licenciamento 1
- Sem medição neste mês 1
// aqui laranja e vermelho aparecem na mesma peça, e por isso cada faixa carrega número dentro e rótulo na lista. Os dois medem ΔE 13,1 de visão normal, abaixo do piso, então cor sozinha nunca resolve. Em gráfico eles não aparecem juntos de jeito nenhum.
8.5 · INDICADOR DE SAÚDE DE ORÇAMENTO// quatro estados, cada um com ícone e rótulo, e nenhum deles em vermelho: estouro de orçamento é diagnóstico, não erro de sistema. Estado nunca é só cor, porque quem não separa os matizes precisa ler a palavra e ver a forma.
- Desvio atual do orçamento
- +2,6%
- Em reais
- R$ 1.240 mil
- Contingência restante
- R$ 344 mil
- Itens acima de 5% de desvio
- 8 de 312
- Última conciliação
- 07/08/2026 09:41
// a agulha é preta com anel de 2px na superfície, e não uma cor nova. Ela precisa ser legível sobre teal, sobre orange-deep e sobre orange, e cor nenhuma faz isso nos três.
// "sem dado" é um estado de primeira classe. Mostrar zero onde não houve medição é o jeito mais rápido de um painel mentir, porque zero medido e nada medido levam a decisões opostas.
8.6 · OS CINCO NÚMEROS CANÔNICOS// fonte única de verdade em site/data/stats.ts. O site antigo tinha quatro versões de cada número em páginas diferentes; agora mudar o arquivo muda o site inteiro.
04 · A CELERE EM CINCO NÚMEROSOnze anos orçando custo de construção em vez de estimar
Cada número aqui é a soma de trabalho entregue, conferível projeto por projeto. Nenhum deles é projeção de mercado, e nenhum deles muda de página para página.
FONTE ÚNICA · site/data/stats.ts · POSIÇÃO 2026 · ALTEROU O NÚMERO, ALTERA O ARQUIVO
FIM · 08 · NÚMEROS E KPI