Identidade visual · rodada 2
Doze marcas. Quatro ideias diferentes. Não quatro traços da mesma.
A primeira rodada falhou por um motivo estrutural, não estético. Esta diverge no conceito e testa cada candidata nas cinco superfícies que você definiu como eliminatórias.
Ir para o seletor01 · Por que você não gostou de nenhum
Os três estudos eram um conceito só, executado três vezes.
Todos partiam de “M feito de formas cartográficas”. Divergiam no traço, não na ideia — então rejeitar um significava rejeitar os três. Some a isso duas silhuetas que liam como telhado e uma restrição de letra que briga com o favicon e com o marcador ao mesmo tempo.
A contraforma do M fecha abaixo de 20px e a massa vira mancha sem leitura.
Depende de quatro vãos finos; no marcador de 16px os vãos somem e sobra um bloco.
Mesmo com o vale aprofundado, dois picos sobre base plana continuam lendo como telhado.
O que mudou no método
Cada família abaixo parte de uma ideia diferente sobre o que o Moradia.pro faz — recortar, empilhar, alcançar, dobrar. Se você rejeitar uma família inteira, as outras três continuam de pé.
Uma restrição foi mantida
O M continua presente, mas em uma das quatro famílias — e refeito como dobra num limite, não como letra preenchida. Se o M for descartável, sobra espaço para uma quinta ideia.02 · Regra do sistema
Massa é território. Cor é decisão.
O mesmo princípio que rege o mapa rege o símbolo: o território fica em silêncio e a cor entra só onde houve uma escolha. Nas doze marcas, a parte neutra é o lugar; a parte com acento é o recorte, a camada ativa, o ponto escolhido ou a via de decisão. Nenhuma delas usa cor por enfeite.
03 · Quatro famílias, doze marcas
Cada uma testada nas cinco superfícies, em tamanho real.
Logo 40px, favicon 16px, ícone de aplicativo revertido, marcador sobre mapa e indicador de seleção sobre polígono. Nada escalado a partir de um desenho grande — é o tamanho que vai existir. As notas dizem onde cada marca quebra.
04 · Wordmark e lockup
O nome carrega o domínio. O tratamento reconhece isso.
Moradia em peso 600 e .pro em 400 no tom secundário: o produto primeiro, o endereço depois, sem virar duas palavras soltas. Tracking −0,026em fecha a serifa em tamanho grande.
Escala do wordmark
Moradia.pro
Moradia.pro
Moradia.pro
Moradia.pro
Lockup horizontal · área de respiro 0,5× do símbolo
Moradia.proLockup empilhado
Moradia.proReprodução mínima: 104px de largura no lockup horizontal, 16px para o símbolo isolado. Abaixo disso, só o símbolo.
05 · Acento
Três candidatos. Escolha vendo, não discutindo.
Rampa quantitativa real · 5 degraus sobre o cinza cartográfico
Contraste medido, não estimado
| Candidato | acento / fundo | texto pequeno | sobre o acento | texto sobre o acento |
|---|---|---|---|---|
| Verde-mata | 5,97 | 8,11 | 5,97 | claro |
| Índigo | 5,23 | 8,03 | 5,23 | claro |
| Ocre | 3,71 | 7,21 | 4,67 | escuro |
Coluna 2 vale para gráfico e texto grande (piso 3,0). Coluna 3 é a variante escura usada em texto pequeno (piso 4,5). O ocre é o único que não passa em texto pequeno na cor cheia — por isso carrega par próprio de --accent-text e inverte para texto escuro sobre fundo de acento.
06 · Aplicado
Escolha uma marca e um acento. Veja onde ela vai morar.
Família
Variante
Acento
07 · Tipografia
Três pareamentos, com a linguagem real do produto.
Par 01 · Editorial territorial
Boa Viagem
Custo de moradia elevado, alta concentração de serviços e acesso ao litoral.
O bairro tem 132 equipamentos mapeados em 8,3 km² — densidade média para a cidade, distribuída ao longo da orla.
15,8/km² · 59/100
Par 02 · Humanista quente
Boa Viagem
Custo de moradia elevado, alta concentração de serviços e acesso ao litoral.
O bairro tem 132 equipamentos mapeados em 8,3 km² — densidade média para a cidade, distribuída ao longo da orla.
15,8/km² · 59/100
Par 03 · Rótulo cartográfico
Boa Viagem
Custo de moradia elevado, alta concentração de serviços e acesso ao litoral.
O bairro tem 132 equipamentos mapeados em 8,3 km² — densidade média para a cidade, distribuída ao longo da orla.
15,8/km² · 59/100
Os três pareamentos rodam em pilha de sistema — nenhuma fonte remota, nenhum Inter, Roboto, Arial ou Fraunces como display. O par 03 inverte a convenção: display geométrico de rótulo de mapa com serifa no corpo.
08 · Texturas cartográficas
P2 na prática: o limite vira textura, a quadra vira composição.
Quatro primitivas em CSS puro, sem imagem — servem de fundo de seção, preenchimento de estado vazio, marca d'água de bloco e diferenciação de camada no mapa.