Identidade v2 · rodada 3
O que a marca precisa
O que a marca precisa
fazer, antes do traço
As duas rodadas anteriores erraram no mesmo ponto: divergiram no desenho e convergiram na ideia. Doze marcas, quatro famílias, um conceito só — “um M feito de formas cartográficas”. Esta rodada parte de postura, não de forma. O arquétipo entra como instrumento de medida: Sábio traz dado, explicabilidade e redução de assimetria; Explorador traz jornada, descoberta e horizonte. Cada uma das três rotas ocupa uma posição declarada nesse eixo, e é a posição que justifica cor, tipo e linguagem.
01 · Arquétipo
Sábio × Explorador, com coordenada
Postura não é adjetivo: é posição. O eixo horizontal mede rigor analítico — quanto do produto é evidência, método e fonte. O vertical mede calor humano — quanto é jornada, linguagem e pertencimento. As três rotas estão plotadas em losango; as referências do seu benchmark, em círculo.
Gráfico de dispersão em dois eixos: rigor analítico no eixo horizontal e calor humano no eixo vertical. As três rotas conceituais e dez produtos do benchmark aparecem posicionados.
A posição das referências é minha leitura da sua matriz, não dado
medido. QuintoAndar e Airbnb no canto quente, NeighborhoodScout e Mapbox
no canto analítico, Niche e Citymapper no meio — é exatamente o vazio do
meio-alto que interessa.
Onde as três rotas caem
Nenhuma ocupa o canto frio puro nem o canto quente puro.
A Topografia é a mais exploradora, o Prisma é o mais sábio, e a Lente fica no
meio — que é também o lugar mais difícil de defender visualmente.
Frase de trabalho
Moradia.pro reduz a assimetria de informação sobre onde morar: traduz território em evidência e evidência em decisão, sem decidir pela pessoa.
02 · Três rotas
Três ideias diferentes sobre o que o produto faz
Matar uma rota inteira não derruba as outras duas — foi isso que faltou na rodada passada. Cada rota tem paleta própria, registro tipográfico próprio e uma aplicação que prova (ou desmonta) o conceito sobre os 94 bairros reais.
03 · Nove marcas
Cada uma com a nota de onde quebra
Três estudos por rota. A regra que amarra as nove: massa neutra é território, cor é decisão — a parte cinza é o lugar, a parte com acento é o recorte, a camada ativa, o ponto escolhido ou o dado processado. Mesma regra do mapa, agora no símbolo. Clique numa marca para carregá-la no seletor.
Nenhuma das nove tem silhueta de casa, telhado, porta, chave ou prédio.
A entidade é o polígono, o setor, o limite — a vida ao redor do imóvel. O que
foi eliminado está em Proibido, desenhado e riscado,
para a exclusão ser verificável e não uma promessa.
04 · Seletor
Escolha empírica, não discursiva
Combine marca e paleta e veja as seis superfícies ao mesmo tempo. A escolha fica salva neste navegador — é protótipo, não pôster.
Combinação
Onde quebra:
05 · Cor
Base de terra e pedra, acento elétrico
Sem azul royal de imobiliária e banco, sem vermelho de alarme, sem chão bege. O chão vem de ardósia, musgo e terracota; a informação vem de ciano, lima e laranja. Os números abaixo foram calculados em oklab antes de os tokens existirem — as três colunas contam histórias diferentes.
| Paleta | Corpo / fundo | Acento gráfico | Acento em texto pequeno | Texto sobre o acento | Consequência |
|---|---|---|---|---|---|
| 1 · Ardósia + ciano | 16,62 | 3,03 | 4,57 | 5,48 | O ciano cheio ficava em 2,28 — foi escurecido até 3:1 e ganhou par próprio para texto. |
| 2 · Pedra musgo + lima | 15,15 | 3,04 | 4,51 | 4,98 | O caso mais difícil: o lima original dava 1,77. Só sobrevive escuro, e ainda é o mais frágil dos três. |
| 3 · Ardósia profunda + laranja | 16,04 | 6,67 | 6,67 | 6,67 | O único em que o acento passa em texto pequeno na cor cheia. Terracota fica em 4,22 — gráfico e texto grande apenas. |
Os degraus intermediários da rampa não passam 3:1 contra o fundo — entre
1,2:1 e 2,9:1, como em qualquer coroplético. Por isso a regra do sistema é que
nenhum degrau carrega significado sozinho: sempre acompanha legenda e número, e o
texto sobre qualquer degrau usa a tinta principal, que passa em todos.
06 · Tipografia
Par 01 · Grotesca dupla
Onde faz sentido morar
Boa Viagem concentra serviços e tende a custar mais. A comparação muda com o peso que você dá a escola e saúde.
15,8 /km² · p59
Neutro, produto digital, sem sotaque. Usado nas rotas 1 e 2.
Par 02 · Grotesca + editorial
Comparar sem achismo
Boa Viagem concentra serviços e tende a custar mais. A comparação muda com o peso que você dá a escola e saúde.
15,8 /km² · p59
A tensão algoritmo × pessoa fica na página. Usado na rota 3.
Par 03 · Mono no comando
Território em evidência
Boa Viagem concentra serviços e tende a custar mais. A comparação muda com o peso que você dá a escola e saúde.
15,8 /km² · p59
Registro instrumental forte — escorrega para terminal de dados e esfria o calor humano.
Grotesca no rótulo, mono no número
Três pareamentos reais, todos com Space Grotesk e JetBrains Mono baixadas para assets/fonts/ como woff2 variável — nenhum hotlink. Inter e Satoshi ficaram fora: Inter é justamente o rosto que faz um produto parecer gerado por máquina quando usada como display, e Satoshi não tem licença que permita localizar o arquivo. O monoespaçado nunca é decoração: ele marca que aquele valor tem origem, período e método — o pilar 9.6 virando tipografia.
07 · Wordmark
Moradia.pro
Moradia em 600, .pro em 400 secundário — o sufixo é qualificador profissional, não parte do nome falado. Respiro mínimo de 0,5× a altura do símbolo em toda volta.
Abaixo de 13px no texto o ponto
de .pro fecha e a palavra vira “moradiapro”.
Reprodução mínima do lockup horizontal: 104px de largura.
Abaixo disso, símbolo isolado.
08 · Proibido
Telhado
Chave
Porta
Prédio espelhado
Azul royal
Vermelho alarme
Chão bege / creme
Lavagem roxa
O moodboard do que foi eliminado
Lista de exclusão só vale se for verificável. Cada item abaixo está desenhado e riscado, com o motivo. Nenhum deles aparece em nenhuma das nove marcas nem em nenhuma das três rotas.
09 · Design System
Data e Geo como camadas de primeira classe
É a diferença entre adotar um kit e ter um sistema: Material e shadcn/ui entregam Primitives. Nenhum dos dois entrega Score, Comparison, MapLayer ou DataSource — e é neles que o Moradia.pro vive. Os componentes marcados abaixo já existem em código nas três rotas.
01 Foundations
- Color · tokens medidos
- Typography
- Spacing · múltiplos de 4
- Radius
- Elevation · linha, não sombra
- Motion · 150–300ms
- Iconography
02 Primitives
- Button · 3 estados
- Select
- Segmented
- Chip
- Card · Panel
- Table · ordenável
03 Data · primeira classe
- Metric ✓
- Score ✓ · declara nº de dimensões
- Comparison ✓
- Insight ✓
- Pipeline ✓ · 5 passos
- Legend ✓
- DataSource ✓ · fonte, período, método
- GapFlag ✓ · lacuna declarada
- Trend — reservado, sem série histórica
04 Geo · primeira classe
- Map ✓ · 94 polígonos oficiais
- MapArea ✓ · seleção com anel
- MapLayer ✓ · 6 camadas
- MapLegend ✓
- MapLink ✓ · distância em linha reta
- PlaceCard ✓ · curva de nível
- PlaceSelector ✓
Ausente do dataset — declarado, não preenchido
Renda, custo do m², transporte, tempo de deslocamento, segurança e
demografia. Nenhuma das três rotas estima esses valores para completar uma tela.
Trend continua reservado porque não existe série histórica:
componente de tendência sem série é mentira com aparência de gráfico.
10 · Próximo movimento
Como eliminar rápido
1
Escolha a postura antes da forma
Olhe só o eixo. Se a coordenada de uma rota já está errada para você, a rota morre inteira e economiza a discussão de traço.
2
Abra as três aplicações
Cada rota tem uma tela que prova o conceito com dado real. Conceito que não sobrevive à aplicação não sobrevive ao produto.
3
Só então escolha a marca
Use o seletor com a paleta da rota vencedora. Marca boa em paleta errada engana; marca sobrevivente em 16px, não.