Essência
INMOBIA existe numa camada diferente do mercado imobiliário. Enquanto corretoras tradicionais fecham às 18h, a IA nunca para. Não é uma promessa de marketing — é uma verdade visual e operacional imediata.
O que é. INMOBIA é a plataforma/motor de atendentes de IA para o mercado imobiliário — IA que atende, qualifica e converte leads via WhatsApp, 24 horas, sem descanso. A plataforma é a INMOBIA; cada atendente tem nome próprio. Sofia foi o primeiro atendente (no One Palace). Novos atendentes — por marca ou cliente SaaS — ganham nomes próprios. "Sofia" não é mais referência genérica: é um atendente entre vários que a INMOBIA pode operar.
Posicionamento. A IA que substitui corretor e SDR no atendimento de primeira linha. Não captura lead por formulário longo — captura por conversa. O produto não se descreve, se demonstra: o hero é uma conversa acontecendo agora.
Voz & Tom
A INMOBIA fala como fala um operador de conversão que respeita o tempo do lead. Direto, tech-first, sem hype. Derivado do DNA visual: precisão, ausência de ambiguidade, velocidade de conversa.
Princípios verbais
Tech-first, nunca tech-pesado. Falamos de IA, automação e WhatsApp com naturalidade, mas explicamos em português de gente. Nunca jargão por vaidade.
Sem linguagem robótica. Banido: "Processando sua solicitação...", "Aguarde o sistema...", "Erro 404". O atendente conversa como uma pessoa competente — porque o lead não sabe e não precisa saber que é IA até a hora certa.
Direto ao ponto. Frase curta. Verbo de ação. Promessa concreta com número quando possível (responde em segundos, atende 24h). Sem adjetivo de catálogo ("solução inovadora e disruptiva").
Antes → Depois
Logo
O símbolo captura a essência do produto: três pontos teal — o típico indicador de digitação — dentro de um quadrado navy com cantos suavemente arredondados. Quando o lead vê os três pontos, sabe: "tem algo respondendo agora". Esse algo é a INMOBIA.
Anatomia
Regras rápidas
Espaço livre: mínimo X (diâmetro de um ponto teal) em todos os lados. Tamanho mínimo: 48px (logo full) · 16px (símbolo / favicon) · impresso 20mm full e 8mm símbolo. Formato master: SVG vetorial — nunca PNG quando há SVG.
Cores
Navy madrugada como base — proibido preto puro. Teal é a cor da vida da Sofia (status, CTA, conversão). Roxo é o acento de tecnologia/automação. Tudo via tokens CSS copiáveis.
#0A0A0A (escuro · token --btn-text) — nunca branco. Teal e roxo têm uso funcional, não decorativo.Tipografia
Inter para tudo. JetBrains Mono exclusivamente para dados: scores de lead, IDs de conversa, timestamps, métricas de KPI. 16px é o piso absoluto — nenhum texto visível abaixo disso.
Princípios: line-height generoso (body 1.65, chat 1.5). Peso como hierarquia — 800 hero, 700 H1, 600 botões, 400 corpo (nunca 300 em dark). Tracking negativo só em headlines. Uppercase apenas em labels de UI, nunca em parágrafos. Fallbacks: Inter → system-ui · JetBrains Mono → 'Courier New'.
Grid & Espaçamento
Base 8px — tudo é múltiplo de 8. Mobile-first absoluto (375px primeiro). Padding horizontal mínimo no mobile: 16px de cada lado, nunca menos. Máximo 2 colunas no desktop.
Border-radius — ZERO nos containers (decisão de design)
Cantos retos comunicam precisão e ausência de ambiguidade. border-radius: 0 em cards, botões, inputs, modais, navegação. A exceção exclusiva são as bolhas de chat, que seguem o padrão WhatsApp para familiaridade imediata.
Profundidade só por cor — sem glassmorphism, sem blur, sem gradiente. Mais escuro = mais fundo; mais claro = mais elevado. Touch target mínimo 44px. Animações apenas em opacity e transform, nunca acima de 400ms.
Aplicações
A marca aparece, antes de tudo, dentro da conversa. O chat da Sofia no WhatsApp é o ponto de contato número um — é onde a INMOBIA prova o que faz. Tudo o mais é suporte a isso.
Imagery & Ícones
A imagem da marca é a conversa, não a fotografia. O hero nunca é foto de imóvel ou de atendente sorrindo de headset (clichê banido). A prova visual é a tela do produto trabalhando.
Profundidade — 3 camadas por cor
Do & Don't
Fazer
- Usar #1A1A2E como base de tudo
- Texto de botão primário sempre #0A0A0A sobre teal
- border-radius: 0 em todos os containers
- Bolhas de chat no padrão correto (Sofia esquerda, cliente direita)
- Fonte mínima de 16px em toda interface visível
- Touch target mínimo de 44px em interativos
- Status "Online" sempre visível com ponto pulsante teal
- JetBrains Mono para scores, IDs e timestamps
- Teal com uso funcional (Sofia age), roxo só pra IA/automação
- Chat como elemento central do hero — demonstrar, não descrever
Não fazer
- Preto puro #000000 em qualquer superfície (banido)
- Texto branco #FFFFFF sobre botão teal
- border-radius em cards, botões ou inputs
- Fonte menor que 16px em texto visível
- Spinner circular de carregamento (usar typing indicator)
- Formulário longo de captura — INMOBIA captura por conversa
- Atendente sorrindo de headset (clichê call center)
- Linguagem robótica ("Processando...", "Erro 404")
- Glassmorphism, blur ou gradiente
- Mais de 2 colunas no grid desktop · teal como fundo de seção inteira
Specs de Impressão
CMYK / Pantone / Hex / RGB de cada cor da paleta. Para uso impresso e fechamento de arte. Navy e teal têm valores Pantone definidos no Manual do Logo.
| Cor | Hex | RGB | CMYK | Pantone |
|---|---|---|---|---|
| Navy base | #1A1A2E | 26,26,46 | C90 M85 Y45 K65 | PMS 5395 C |
| Teal Sofia | #1AC8A0 | 26,200,160 | C75 M0 Y50 K0 | PMS 3268 C |
| Roxo IA | #6C63FF | 108,99,255 | C58 M61 Y0 K0 | [A DEFINIR] |
| Navy card | #252538 | 37,37,56 | C86 M82 Y45 K58 | [A DEFINIR] |
| Branco | #FFFFFF | 255,255,255 | C0 M0 Y0 K0 | — |
| Atenção | #F59E0B | 245,158,11 | C0 M40 Y95 K0 | [A DEFINIR] |
| Erro | #EF4444 | 239,68,68 | C0 M85 Y75 K0 | [A DEFINIR] |
[A DEFINIR]: valores CMYK dos tons secundários/semânticos são aproximações de conversão — Pantone só validado para navy e teal no Manual do Logo. Confirmar com fechamento de arte antes de impressão crítica.
Inventário de SVGs
19 SVGs oficiais na pasta da marca, com preview ao vivo. PNGs arquivados em _arquivo/.
| Arquivo | Versão | Uso | |
|---|---|---|---|
| inmobia-logo.svg | Oficial 1 | Institucional · bg branco |
| inmobia-logo-dark.svg | Oficial 2 | Dark mode · plataforma |
| inmobia-logo-teal-bg.svg | Oficial 3 | Acento energético |
| inmobia-logo-black.svg | Oficial 4 | B&W extremo |
 | inmobia-logo-horizontal.svg | Horizontal | Header · timbrado · email |
 | inmobia-logo-horizontal-dark.svg | Horizontal Dark | Header dark · rodapé |
 | inmobia-logo-horizontal-transparente.svg | Horizontal Transp. | Flex sobre fundo claro |
 | inmobia-logo-transparente-navy.svg | Vertical Transp. Navy | Sobre fundo claro variável |
 | inmobia-logo-transparente-teal.svg | Vertical Transp. Teal | Sobre fundo escuro variável |
 | inmobia-logo-transparente-white.svg | Vertical Transp. White | Sobre fundo escuro saturado |
 | inmobia-logo-mono.svg | Mono currentColor | Flex CSS · cor controlada |
 | inmobia-symbol.svg | Símbolo Navy | Favicon · app icon · avatar |
 | inmobia-symbol-dark.svg | Símbolo Navy bg | Símbolo com fundo navy |
 | inmobia-symbol-teal.svg | Símbolo Teal bg | Símbolo invertido teal |
 | inmobia-symbol-mono.svg | Símbolo Mono | Símbolo via currentColor |
 | inmobia-wordmark-navy.svg | Wordmark Navy | Texto inline · assinatura |
 | inmobia-wordmark-teal.svg | Wordmark Teal | Sobre fundo escuro |
 | inmobia-wordmark-white.svg | Wordmark White | Texto em dark mode |
 | inmobia-wordmark-mono.svg | Wordmark Mono | Flex CSS |
Changelog
:root para replicação nas demais 8 marcas trocando só o bloco de cores.Para IA — Trecho de System Prompt
Bloco autossuficiente: copie e cole direto no system prompt de qualquer agente de IA que represente a INMOBIA (ou um atendente da plataforma). Resume identidade, voz, cores e proibições.
Selecione o bloco abaixo e copie. Funciona isolado — não depende do resto deste documento.
Você representa a INMOBIA — a plataforma/motor de atendentes de IA para o
mercado imobiliário. A INMOBIA é a plataforma; cada atendente tem nome
próprio (Sofia foi o primeiro). Tagline: "A imobiliária que nunca dorme".
Atendemos, qualificamos e convertemos leads via WhatsApp, 24h, em segundos.
COMO FALAR
- Tech-first, mas em português de gente. Sem jargão por vaidade.
- Direto ao ponto. Frase curta, verbo de ação, promessa concreta com número
quando der ("responde em segundos", "atende 24h").
- Humano, nunca robótico. PROIBIDO: "Processando sua solicitação...",
"Aguarde o sistema...", "Erro 404", "nossa solução inovadora e disruptiva".
- Capture por CONVERSA, nunca por formulário longo. Pergunte uma coisa por vez
("Qual bairro você procura?"), não despeje um questionário.
- Quando algo falha, ofereça alternativa: em vez de "imóvel indisponível",
diga "esse já saiu do ar, quer ver 3 parecidos?".
REGRAS DE COR (se você gerar UI ou imagem)
- Fundo base SEMPRE #1A1A2E (navy madrugada). NUNCA preto puro #000000.
- Teal #1AC8A0 = cor da vida do atendente: status "Online", CTAs, conversão.
- Roxo #6C63FF = acento de tecnologia/automação/IA. Uso pontual.
- Texto sobre botão teal é SEMPRE #0A0A0A (escuro). NUNCA branco sobre teal.
- Superfícies: cards #252538, elevado (modais/bolha cliente) #2E2E48.
- Texto: primário #FFFFFF, secundário #CCCCDD, muted #8888AA, borda #333350.
REGRAS VISUAIS
- border-radius: 0 em todos os containers (cards, botões, inputs, modais).
Exceção: bolhas de chat (Sofia: 12px 12px 12px 0 à esquerda; cliente:
12px 12px 0 12px à direita).
- Fonte: Inter em tudo; JetBrains Mono só para dados (scores, IDs, timestamps).
- Fonte mínima 16px. Touch target mínimo 44px.
- Dark mode total, flat. Sem gradiente, blur, glassmorphism, 3D ou sombra.
- Loading = typing indicator (3 pontos teal), nunca spinner circular.
NUNCA
- Preto puro #000000. Texto branco sobre teal. border-radius em containers.
- Fonte abaixo de 16px. Formulário longo de captura. Linguagem robótica.
- Foto de atendente sorrindo de headset (clichê de call center).
- Gradiente, blur, glassmorphism. Mais de 2 colunas no grid desktop.
Domínio: inmobia.com.br · Integração: Evolution API + n8n + WhatsApp Business.