Identidade travada · Topografia Viva

Encaixe modular

Depois de três rodadas e vinte e uma marcas, a escolha caiu na 2c. A nota que ela carregava desde o board era: bairros que se encaixam sem sobra; o bairro escolhido é o único colorido. É literalmente o que o produto faz — então a marca deixou de ser metáfora e passou a ser o diagrama da mecânica.

Sábio 45 · Explorador 55 Pedra verde-musgo + lima Space Grotesk + JetBrains Mono Raio 10px, um canto em 2px
01 · A marca

Nas cinco superfícies obrigatórias

A regra do sistema

Massa neutra é território, lima é decisão. Quatro polígonos que tesselam um quadrado com cortes retos; só o último recebe cor. A mesma regra vale no mapa — o bairro compatível acende, o resto permanece silencioso.

Onde quebra: se os cortes ficam grossos, lê gráfico de pizza. Em 16px as separações somem e sobra um quadrado — por isso o favicon do produto usa a variante de núcleo, não a 2c cheia.

Reprodução Lockup horizontal mínimo 104px de largura. Abaixo disso, símbolo isolado. Respiro de 0,5× a altura do símbolo em toda volta.
02 · Cor

Medida antes de o token existir

O chão é uma pedra levemente esverdeada — deliberadamente não é bege nem creme. O lima é o acento mais difícil dos três avaliados: na cor cheia original dava 1,77:1 contra o fundo. Duas correções entraram durante a construção do produto e estão registradas aqui porque mudam a regra de uso.

bg surface fg 15,15 accent 3,04 forte 4,51
Contraste medido de cada par de uso
Par de usoMedidoPisoRegra que virou código
Corpo sobre fundo15,154,5Tinta principal em qualquer superfície clara.
Corpo sobre superfície15,954,5Cartões e painéis.
--fg-mut 60%4,794,5Texto secundário de 12px. Abaixo de 60% não passa.
--fg-dim 46%3,153,0Só texto grande e traço de gráfico.
Acento como gráfico3,043,0Botão, chip, barra. Nunca texto pequeno.
Acento em texto pequeno4,514,5Usa --accent-text, igual ao forte.
Texto sobre o acento4,984,5--on-accent é a tinta escura, nunca branco.
Acento sobre o solo do mapa2,803,0Correção 1: falhava. O mapa passou a usar --accent-forte, que dá 4,14:1 sobre o solo.
Acento-texto sobre accent-soft3,944,5Correção 2: falhava. Superfície soft recebe apenas --fg, que dá 13,23:1.
Acento como preenchimento de barra2,503,0Correção 3: falhava sobre a trilha. Toda barra passou a usar --accent-forte, que dá 3,70:1 — o mesmo token do solo do mapa.
Trilha do interruptor desligado1,433,0Correção 4: falhava. O estado deixou de morar na trilha e passou a morar no knob em --fg (12,43:1) mais rótulo textual sempre visível.
Corpo sobre caixa informativa14,464,5Bloco de critério que a pessoa não escolhe.
Texto secundário na caixa informativa4,694,5Explicação de por que o critério não é opcional.
Corpo sobre a trilha12,434,5Marca da mediana e linha do teto na faixa de custo.
--fg-dim sobre superfície3,193,0Rótulo de dado indisponível; o texto explicativo usa --fg-mut a 4,89:1.

Rampa quantitativa reconstruída

Derivada do acento forte sobre o solo, em 12 · 30 · 52 · 76 · 100%. O topo alcança 4,51:1 contra o fundo e o penúltimo degrau 3,06:1. Os três primeiros ficam entre 1,26 e 2,14 — como em qualquer coroplético. Por isso nenhum degrau carrega significado sozinho: legenda e número sempre, contorno em --fg no selecionado (13,92:1 sobre o solo), e o texto sobre qualquer degrau usa a tinta principal, que passa em todos.

Estado fora do critério

Território que falha um filtro recebe hachura de limite a 135° e recua em opacidade — e sempre carrega o motivo escrito: fora do raio, escala incompatível ou categoria essencial ausente. Cor nunca é o único portador do estado.
03 · Classes de critério

O acento significa decisão

A regra que separa os três tipos de critério é de cor, e é literal: lima só aparece onde a pessoa escolheu. Critério que ela não controla usa neutro derivado da tinta. O custo do m² começa neutro e ganha acento no instante em que ela liga o filtro — porque aí deixou de ser contexto e passou a ser escolha.

Escolha — pontua e pode filtrar

Acento cheio no estado ativo (3,04:1 contra o fundo); acento forte quando o estado é essencial, porque ali o critério virou filtro.

Informativo — sem controle, por definição

Segurança sem controle Importa para todo mundo — ninguém deveria ter que declarar que ignora. sem fonte por bairro O portal aberto do Recife publica 12 unidades de segurança pública sem campo de bairro estruturado, e não há dataset de criminalidade por bairro. Nenhum índice foi estimado no lugar.

Condicional — neutro até a pessoa decidir

O estado mora no knob e no rótulo. A trilha desligada fica em 1,43:1 e por isso não carrega significado sozinha. O padrão tem dois usuários. O custo do m² foi o primeiro; os lugares-âncora são o segundo — cada âncora informa a distância e só elimina bairro se a pessoa marcar como limite. Qualquer critério novo que seja contexto por natureza mas possa virar filtro entra por aqui, com o mesmo interruptor e o mesmo neutro. Cada instância precisa do próprio escopo de CSS: as regras de .sw não alcançam uma variante com outra classe.

Acima do teto — sem cor de alarme

menormaior
Vermelho de alarme está na lista do proibido. O estado é carregado por posição da marca em relação à linha do teto, por hachura na trilha e por rótulo textual — três portadores, nenhum deles cor.
04 · Dado fictício

Uma afirmação sobre o mundo precisa ser qualificada

O estágio de imóveis usa um catálogo fictício, autorizado para validar interesse no fluxo. Isso cria um estado que o sistema não tinha: conteúdo que parece dado e não é. Ele reusa a linguagem já estabelecida para lacuna declarada — contorno tracejado, etiqueta monoespaçada em caixa alta e hachura — porque pertence à mesma família: algo que a interface afirma e precisa qualificar. Nenhum token de cor novo, e nunca vermelho de alarme, que está na lista do proibido.

Faixa de aviso, no topo do estágio

catálogo fictício — nenhum destes imóveis existe Contorno de 2px tracejado e hachura a 135° na superfície. A etiqueta não é decorativa: é a primeira linha lida, antes de qualquer anúncio.

Etiqueta por item

fictício repetida em todo cartão — a faixa do topo pode sair do campo de visão ao rolar; a etiqueta do item não.
a regra Dado fictício nunca aparece sem marca, nem em cartão, nem em rodapé de fonte, nem em bloco de lacuna. E nenhum endereço é fabricado: o catálogo não tem logradouro, número nem coordenada — a localização é o bairro.
05 · Tipografia

Grotesca no rótulo, mono no número

Space Grotesk carrega título, interface e corpo. JetBrains Mono aparece exclusivamente em número, score, distância, percentil, contagem e coordenada — é a marca tipográfica de que aquele valor tem origem e método, o pilar 9.6 virando tipo. Ambas em woff2 variável dentro de assets/fonts/, OFL, sem hotlink.

Space Grotesk · 600 · h1 Onde faz sentido morar
Space Grotesk · 600 · h3 Trechos da zona 3
Space Grotesk · 400 · corpo 16/1,6 Boa Viagem tem escola próxima da mediana e alta concentração de serviços. O match muda conforme o peso que você dá a cada categoria.
JetBrains Mono · 500 · número grande 66%
JetBrains Mono · 500 · métrica 15,8 /km² · p59 · 8,34 km² · 2,4 km
JetBrains Mono · 500 · etiqueta 11px caixa alta critérios → zonas → trechos → bairros
Reservado Serifa editorial não entra nesta identidade — era o par da rota 3, que não foi escolhida.
06 · Texturas

Cartografia como ativo, não como enfeite

Malha isométrica — a cidade em planos. Fundo de seções institucionais.
Hachura de limite — território eliminado no mapa. Nunca decorativa.
Malha de quadra — solo do marcador e de estados vazios.
Densidade de pontos — eco do equipamento mapeado. CSS puro, sem imagem.
07 · Wordmark

Moradia.pro

Moradia em 600, .pro em 400 secundário — o sufixo é qualificador profissional, não parte do nome falado.

área de respiro — 0,5× a altura do símbolo
revertido e piso de reprodução Abaixo de 13px no texto o ponto de .pro fecha e a palavra vira “moradiapro”.
08 · Fora

O que não é mais candidato

As outras oito marcas das três rotas continuam no board arquivado para consulta histórica, não como alternativa viva. Registradas aqui em miniatura para que ninguém as reintroduza por engano.

Vocabulário proibido

A entidade central é o polígono, o setor, o bairro — a vida ao redor do imóvel. Estes itens aparecem desenhados e riscados porque lista de exclusão só vale se for verificável.

Telhado — a entidade não é o imóvel.
Chave — codifica transação, não decisão de lugar.
Porta — território perceptual do QuintoAndar.
Prédio espelhado — vocabulário de incorporadora.
Azul royal — a cor padrão de imobiliária e banco.
Vermelho alarme — urgência de marketplace.
Chão bege — o fundo mais reconhecível de material gerado por máquina.
Desfoque como mecanismo — o foco é a seleção de critérios, não um efeito de imagem.