A plataforma PropTech que se recusa esteticamente a ser confundida com uma imobiliária. Navy profundo + verde neon = prova social digitalizada.
Documento mestre de marca. 13 seções + um Bloco Para IA pronto pra colar em system prompt. Segue o padrão do ecossistema JR Ortiz — paleta navy/neon trocada via tokens CSS.
Imobspot é uma plataforma PropTech SaaS construída sobre uma tensão visual deliberada: o verde neon elétrico explodindo contra um navy profundo. A combinação não é decorativa — comunica a promessa do produto. Navy = seriedade institucional de quem entende o mercado de verdade. Verde neon = prova social digitalizada: cada badge, cada KPI, cada CTA diz ao corretor que resultados concretos existem aqui.
O que é. Plataforma de tecnologia e inteligência para vendas imobiliárias — workbook de desafios, dashboards de performance, dados de mercado. Não é imobiliária, não é curso genérico, não é CRM tradicional. É SaaS tech-first para o gestor comercial e o incorporador.
Posicionamento. O sistema opera em dois modos. Dark navy domina a conversão — hero, workbook, dashboards — absorvendo a atenção e direcionando o olhar para os poucos elementos verdes. Light branco entra no institucional e na educação B2B, onde legibilidade longa e credibilidade mandam.
A Imobspot fala como plataforma que mede resultado, não como imobiliária que promete sonho. Direto, baseado em dado, energético sem virar entretenimento. Derivado do DNA: prova social, tech-first, zero hype vazio.
O número fala primeiro. Prova social é o argumento central. "288 unidades vendidas" vale mais que qualquer adjetivo. O dado aparece em destaque, em Poppins 800, na cor verde sobre o navy.
Banido o hype. Proibido: "Revolucione o mercado", "Transforme seu mundo", "Mude tudo agora". A marca não vende milagre — vende método, dado e ferramenta que funciona.
Tech, não imobiliária. A linguagem é de produto e plataforma: workbook, dashboard, ranking, KPI, desafio. Nunca o vocabulário cansado do corretor tradicional.
O lockup é "Imob" + "Spot" — wordmark em Norwester com o "Spot" sempre no verde neon #A7FC19 quando sobre navy. O pin marca o "spot" (o ponto no mapa). A marca é autocontida — pousa direto sobre qualquer cor. Nunca leva quadrado/tile de fundo: escolhe-se só a tinta (clara sobre escuro, navy sobre claro).
Sem fundo sólido: a marca é autocontida — proibido quadrado/tile atrás dela. Aplica-se transparente sobre qualquer cor, escolhendo só a tinta. Verde só no escuro: o "Spot" verde aparece SÓ sobre navy/escuro; sobre branco use a versão navy inteira. Espaço livre: mínimo a altura do pin em todos os lados. Tamanho mínimo: 48px (logo full) · 16px (pin / favicon) · impresso 20mm full e 8mm pin. Formato master: SVG vetorial — nunca PNG quando há SVG. Norwester: exclusivo do lockup — nunca em headline ou corpo.
Navy profundo #0A1D40 como base do dark — também é a cor de texto no modo claro. Branco #FFFFFF e #F5F6FA para o institucional. Verde neon #A7FC19 é o único acento: CTA, KPI, badge, "Spot" — e SÓ sobre fundo escuro. Tudo via tokens CSS copiáveis.
#A7FC19 aparece SÓ sobre fundo escuro — sobre branco o neon perde o impacto e o contraste falha. Texto sobre o botão verde é sempre navy #0A1D40, nunca branco. Verde é raro: máximo 1 CTA verde por seção.Poppins para impacto — títulos, subheadlines e os números de prova social. Inter para o corpo e a UI, respirando sem competir. Sem serif, sem fonte decorativa, nada que remeta ao imobiliário tradicional. Norwester vive exclusivamente no lockup do logo.
Princípios: nunca misturar Poppins e Inter na mesma linha — a troca ocorre entre blocos. KPIs de prova social usam sempre Poppins 800 na cor verde quando sobre navy. Labels em UPPERCASE só com Inter 600 (Poppins em caps fica pesado). Largura máxima de linha 70ch. Verde neon nunca em corpo de texto — falha WCAG em tamanho pequeno. Fallbacks: Poppins/Inter → system-ui. Mono (JetBrains) é só artefato deste guia técnico, não da UI da marca.
Base 8px, container 1200px. Densidade 5/10 — SaaS balanceado, sem overcrowding. Grid assimétrico obrigatório: hero 7+5 colunas, features em zigzag — nunca três colunas idênticas. No dark, o espaço em branco é silêncio que deixa o verde respirar.
A Imobspot é arredondada por definição. Regra absoluta: nenhum elemento da UI usa border-radius abaixo de 8px. Badges, pills e progress bars são totalmente arredondados (999px).
Motion 7/10 — energético em interação, sutil no scroll. Entradas fade+translate em 480ms; contador de KPI conta de 0 ao valor real em 800ms; hover escala 2% + acende glow verde. Regra absoluta: transition só em transform, opacity, box-shadow e border-color — nunca width/height/padding. Nada acima de 600ms. Touch target mínimo 44px.
A marca aparece, antes de tudo, no KPI de prova social e na dicotomia dark/light. Dark converte (hero, workbook, dashboard); light credibiliza (institucional, benefícios, FAQ). O número que acende é o herói visual.
A imagem da marca é o dado visualizado — KPI, dashboard, mapa, screenshot de produto — não a foto de corretor sorrindo para a câmera. A prova visual é a plataforma medindo resultado, não o stock photo de aperto de mãos.
No dark, sombras escuras se perdem no navy — a profundidade vem do glow verde em elementos interativos e da variação de camada (quanto mais claro o azul, mais "em cima"). No light, sombras tradicionais com o navy como cor de sombra base.
CMYK / Pantone / Hex / RGB de cada cor da paleta. Para uso impresso e fechamento de arte. Navy e verde neon têm prioridade de validação.
| Cor | Hex | RGB | CMYK | Pantone |
|---|---|---|---|---|
| Navy deep | #0A1D40 | 10,29,64 | C84 M71 Y31 K76 | PMS 2965 C |
| Verde neon | #A7FC19 | 167,252,25 | C34 M0 Y90 K0 | PMS 389 C (aprox.) |
| Verde hover | #C4FF4D | 196,255,77 | C25 M0 Y70 K0 | [A DEFINIR] |
| Navy mid | #0D2857 | 13,40,87 | C85 M68 Y22 K62 | [A DEFINIR] |
| Light base | #F5F6FA | 245,246,250 | C2 M1 Y0 K2 | [A DEFINIR] |
| Branco | #FFFFFF | 255,255,255 | C0 M0 Y0 K0 | — |
[A DEFINIR]: valores CMYK dos tons neutros são aproximações de conversão. Pantone validado para navy e verde antes de impressão crítica — o verde neon não reproduz fielmente em CMYK; preferir Pantone ou aplicação digital.
10 SVGs oficiais — todos transparentes (sem fundo sólido). 6 versões com quadrado de cor embutido ("-on-X") foram arquivadas em _arquivo/logos-com-fundo-solido/ (não eram logo — eram a marca num tile de cor).
| Arquivo | Versão | Uso | |
|---|---|---|---|
| imobspot-logo-branco-transparente.svg | Logo full · branco | Sobre navy/escuro · hero · navbar dark |
| imobspot-logo-navy-transparente.svg | Logo full · navy | Sobre branco/claro/verde · institucional |
 | imobspot-logo-verde-transparente.svg | Logo full · verde | Aplicação mono-verde sobre escuro |
 | imobspot-logo-mono.svg | Logo full · 1 cor | Carimbo · fax · gravação · contexto mono |
 | imobspot-pin-navy-transparente.svg | Pin · navy | Símbolo sobre claro · favicon light |
 | imobspot-pin-verde-transparente.svg | Pin · verde | Favicon/avatar/app sobre navy |
 | imobspot-pin-mono.svg | Pin · 1 cor | Símbolo em contexto mono |
 | imobspot-wordmark-branco.svg | Wordmark · branco | Texto inline sobre escuro |
 | imobspot-wordmark-navy.svg | Wordmark · navy | Texto inline sobre claro |
 | imobspot-wordmark-verde.svg | Wordmark · verde | Destaque do "Spot" sobre escuro |
:root — replicado do gold template trocando só o bloco de cores. Correção de logo (Paul Rand): marca definida como autocontida, sempre transparente; 6 SVGs com fundo sólido ("-on-X", quadrado de cor embutido) arquivados em _arquivo/logos-com-fundo-solido/ — não eram logo, eram a marca num tile de cor.Bloco autossuficiente: copie e cole direto no system prompt de qualquer agente de IA que represente a Imobspot. 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 IMOBSPOT — plataforma PropTech SaaS de tecnologia e inteligência para vendas imobiliárias (workbook de desafios, dashboards, dados de mercado). Posicionamento tech-first: a marca se recusa a ser confundida com uma imobiliária tradicional. Público: gestor comercial e incorporador. COMO FALAR - Direto e baseado em DADOS. Prova social é o argumento central: "288 unidades vendidas", "R$6,2B em VGV", "1.000+ alunos" — o número fala. - Energético sem virar entretenimento. Tom de produto/plataforma: workbook, dashboard, ranking, KPI, desafio. - PROIBIDO o hype vazio: "revolucione", "transforme seu mundo", "mude tudo". - Sem o vocabulário cansado do corretor tradicional. Tech, não imobiliária. REGRAS DE COR (se você gerar UI ou imagem) - Dois modos. DARK navy #0A1D40 = conversão (hero, workbook, dashboard). LIGHT branco #FFFFFF / #F5F6FA = institucional/B2B. - Verde neon #A7FC19 = único acento (CTA, KPI, badge, "Spot"). Aparece SOMENTE sobre fundo escuro. Sobre branco o neon falha — NÃO usar. - Texto sobre o botão verde é NAVY #0A1D40, NUNCA branco. - Verde é raro: máximo 1 CTA verde por seção. Nunca em corpo de texto. - Superfícies dark: cards #0D2857, elevado #1A2E50. Texto: #FFFFFF, secundário #C3CCDC, muted #8892A4 (dark) / #6B7280 (light). REGRAS VISUAIS - border-radius MÍNIMO 8px em qualquer elemento (marca arredondada). Cards/botões 12px, destaque 16px, badges/pills/progress 999px. - Fonte: Poppins (800 KPI/impacto, 700 títulos) + Inter (corpo, UI, labels). Nunca misturar as duas na mesma linha. Norwester SÓ no lockup do logo. - KPI de prova social: número Poppins 800 verde sobre navy, conta de 0 ao valor real (800ms). É a assinatura visual da marca. - Grid assimétrico (hero 7+5) — nunca 3 colunas iguais. Alternar dark/light entre seções (hero dark → benefícios light → conversão dark). - Profundidade no dark = glow verde + variação de camada, NÃO sombra escura. - Animação só em transform/opacity/box-shadow/border-color, nunca >600ms. NUNCA - Quadrado/tile de fundo atrás do logo (marca autocontida, sempre transparente). - Verde sobre branco. Texto branco sobre botão verde. Verde em corpo de texto. - Hype vazio. Foto de corretor sorrindo / aperto de mãos / imóvel stock. - border-radius < 8px. 3 colunas simétricas. Glassmorphism. Animação >600ms. Domínio: imobspot.com.br · Logo: "Imob" (neutro) + "Spot" (verde no escuro).