FUNDAMENTOS · 02 · TIPOGRAFIA
Celere DS v1.0 · Engenharia à Vista

Três vozes, uma régua só.

Archivo condensa o título para dar densidade de engenharia e expande o rótulo para dar hierarquia. Instrument Sans carrega a prosa. Spline Sans Mono carrega todo número, porque número é dado e dado é mono.

02.1 · FAMÍLIAS

As três famílias

Cada família tem um papel exclusivo. Nenhuma invade a função da outra: título nunca em Instrument Sans, número nunca em Archivo.

Archivo

Display e eyebrow · variável, eixos wght e wdth --font-display
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz ÁÂÃÇÉÊÍÓÔÕÚ 0123456789
Orçamento executivowght 500 · wdth 92
Orçamento executivowght 620 · wdth 92
Orçamento executivowght 700 · wdth 92
Ciclo de incorporaçãowght 600 · wdth 125

Só título e eyebrow. Peso de trabalho entre 500 e 700, nunca 400, que some no tamanho grande. Título vai em sentence case: caixa alta é privilégio do eyebrow.

Instrument Sans

Corpo, interface e navegação · 400, 500, 600 --font-body
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz ÁÂÃÇÉÊÍÓÔÕÚ 0123456789

O Budget Analytics reúne a base única de informações da obra: EAP, composições, insumos e medições em um só lugar, para que contrato, compra e realizado conversem com o orçamento aprovado na viabilidade do terreno.

Curva físico-financeira400 · corpo
Curva físico-financeira500 · rótulo e botão
Curva físico-financeira600 · título de card

Parágrafo, rótulo de campo, item de menu, texto de botão. Nunca carrega quantidade: a quantidade sai daqui e vai para o mono.

Spline Sans Mono

Dado, código de fase e caption técnica · 400, 500 --font-mono
ABCDEFGHIJKLMNOPQR
0123456789 R$ m² m³ % · , .
R$ 6.142.982,72total do orçamento
30.539,79 m²área privativa
F4 · EXECUTIVOcódigo de fase
04.02.017item da EAP
+4,7%desvio do realizado

Regra de ouro: qualquer quantidade renderiza aqui, com font-variant-numeric: tabular-nums. Vale para preço, área, prazo, percentual, data, código de EAP e número de telefone.

02.2 · ESCALA

Escala fluida, do hero ao micro

Cada degrau abaixo está renderizado no tamanho real desta janela. Redimensione e os clamp trabalham: o mesmo token entrega mobile e desktop sem breakpoint manual.

Custo de obra previsível
--text-hero clamp(2.5rem, 8vw, 4.75rem) lh 1.02 · ls -0.03em · wdth 92 H1, um por página
Uma solução para cada fase
--text-h2 clamp(1.9rem, 5vw, 3rem) lh 1.1 · ls -0.02em · wdth 92 Título de seção
Acompanhamento de Custos
--text-h3 clamp(1.35rem, 3vw, 1.75rem) lh 1.15 · wdth normal Título de card e subseção
Composições e insumos
--text-h4 1.125rem · fixo lh 1.3 Título dentro de bloco denso

Governança, controle e inteligência aplicados ao custo da sua obra.

--text-lead clamp(1.1rem, 2vw, 1.3rem) lh 1.5 · cor ink-2 Subheadline, limite de 65ch

O Levantamento Quantitativo extrai do projeto a quantidade real de cada serviço, item por item, para que o orçamento pare de nascer de estimativa e passe a nascer de medida.

--text-body 1rem · lh 1.65 Instrument Sans 400 Corpo padrão

Base de preços SINAPI de julho de 2026, com desoneração aplicada.

--text-small 0.875rem Caption e meta · ink-3 Piso para texto de leitura
Do terreno à entrega
--text-eyebrow 0.8125rem · ls 0.14em Archivo wdth 125, 600, uppercase Rótulo de seção · teal-deep
04.02.017 · CONCRETO USINADO FCK 30 MPA · M³
--text-micro 0.75rem Mono, código e unidade Só dado técnico, nunca prosa
+737
--text-stat clamp(2.25rem, 6vw, 3.5rem) Mono 500 · tabular · lh 1 Número de destaque, com count-up
+269
clientes atendidos
+30 BI R$
em custos de construção orçados
+10 MI M²
de área em projetos realizados
11
anos de mercado

// os quatro números acima vêm de site/data/stats.ts, a fonte única. Alterou lá, o site inteiro acompanha.

02.3 · EIXO DE LARGURA

wdth 92 no título, wdth 125 no rótulo

É o mesmo Archivo, no mesmo corpo, com o eixo de largura em posições opostas. Condensado adensa e ganha peso de manchete técnica. Expandido rareia e vira etiqueta de instrumento. Trocar os dois de lugar destrói os dois.

Correto · headline em wdth 92
Previsibilidade em cada etapa da obra
wdth 92wght 650 · ls -0.03em

Condensar cabe mais palavra na mesma linha e imprime densidade, do jeito que uma prancha técnica é densa.

Proibido · headline em wdth 125
Previsibilidade em cada etapa da obra
wdth 125wght 650 · ls -0.03em

A mesma frase estufa, quebra em mais linhas e perde a tensão. Vira cartaz, não instrumento.

Levantamento Quantitativo
Levantamento Quantitativo
mesma fonte, mesmo corpo92 acima, 125 abaixo, em teal-deep
wdth 125 Ciclo de incorporação · do terreno à entrega
wdth 92 Ciclo de incorporação · do terreno à entrega

// no eyebrow o expandido é obrigatório: com 0.14em de tracking, a letra condensada fica magra e o rótulo perde corpo.

--wdth-condensed: 92 --wdth-expanded: 125 font-variation-settings: "wdth" 92
02.4 · NÚMERO TABULAR

Tabular-nums, a coluna que fecha na vírgula

Em planilha de orçamento a vírgula tem que cair na mesma vertical em todas as linhas, senão o olho não compara. Com dígito de largura fixa mais alinhamento à direita, a casa decimal se empilha sozinha.

Correto · mono tabular alinhado à direita
ServiçoUn.QuantidadePreço unit.Total
Concreto usinado fck 30 MPam³1.284,50512,90658.820,05
Aço CA-50 em barraskg96.412,008,74842.640,88
Alvenaria de bloco cerâmicom²12.075,3096,451.164.662,69
Revestimento em porcelanatom²8.940,10187,201.673.586,72
Forma de madeira compensadam²21.560,0074,301.601.908,00
Impermeabilização de lajem²3.418,7558,90201.364,38
Total do lote de serviços (R$)6.142.982,72

Todas as vírgulas caem na mesma vertical dentro de cada coluna. O total lê como soma da coluna, não como número solto.

Proibido · dígito proporcional na coluna
ServiçoUn.QuantidadePreço unit.Total
Concreto usinado fck 30 MPam³1.284,50512,90658.820,05
Aço CA-50 em barraskg96.412,008,74842.640,88
Alvenaria de bloco cerâmicom²12.075,3096,451.164.662,69
Revestimento em porcelanatom²8.940,10187,201.673.586,72
Forma de madeira compensadam²21.560,0074,301.601.908,00
Impermeabilização de lajem²3.418,7558,90201.364,38
Total do lote de serviços (R$)6.142.982,72

Mesmos valores em Instrument Sans com dígito proporcional. O 1 é estreito, o 4 é largo, e a vírgula passa a dançar de linha em linha.

.mono .num font-variant-numeric: tabular-nums --ls-mono: 0.06em

// o mono tabular também é o que permite o count-up sem layout shift: a largura do número não muda enquanto ele sobe.