Sobre o Logo
O logo ImobSpot combina pin teardrop (gota invertida) + foguete interno + wordmark — em 4 combinações oficiais de cor. O pin remete à localização e território, o foguete simboliza lançamento e decolagem (literal: gestão de lançamentos imobiliários para incorporadora). Vetor puro a partir dos PNGs originais finais.
As 4 Versões Oficiais
Quatro combinações canônicas. Cada uma para um contexto de fundo específico. Aplicar exatamente como mostrado — não inverter aleatoriamente.
Sistema de Cores
Quatro cores. Navy dominante, verde-limão como sinal de energia/movimento.
Versões Transparentes (uso flex)
3 versões sem fundo embutido — para aplicar sobre qualquer cor de fundo que respeite contraste mínimo. Use quando o contexto dita o fundo (foto, slide, etc).
Mono (CSS flex): imobspot-logo-mono.svg — usa currentColor, cor controlada via CSS na página.
Pin Standalone (sem wordmark)
Para favicon, app icon, avatar, miniatura — onde o wordmark "ImobSpot" não cabe.
Quando Usar Cada Versão
| Contexto | Versão correta | Por quê |
|---|---|---|
| Landing page hero · slide dark · app dark mode | Verde sobre Navy | Padrão da marca · brand-spec dark mode |
| Banner energético · capa de campanha · sticker | Navy sobre Verde | Inversão chama atenção · usado para destaque |
| Papel timbrado · documento impresso · proposta institucional | Navy sobre Branco | Light mode editorial |
| Black-and-white extremo · fax · jornal · cinemagraph | Branco sobre Preto | Contexto monocromático absoluto |
| Sobre foto ou fundo variável | Transparente (cor adequada) | Sem caixa embutida · respeita o fundo |
| Favicon · app icon · avatar de rede social | Pin only | Tamanho pequeno · wordmark ilegível |
| CSS com cor variável · vídeo · animação | Mono (currentColor) | Controlado via CSS |
Espaço Livre
Mínimo de X (altura do círculo interno do pin) de espaço livre em todos os lados.
Tamanho Mínimo
200 px — premium120 px — padrão72 px — assinatura48 px — MIN logo full32 px — pin only16 px — faviconImpresso: mínimo 22 mm (logo full) · 8 mm (pin only).
Do & Don't
Fazer
- Usar uma das 4 versões oficiais
- Verde-limão #A7FC19 sempre no mesmo tom
- Navy #0A1D40 sempre no mesmo tom
- Versão transparente sobre fotos/fundos variáveis
- Pin standalone abaixo de 48px
- Manter aspect ratio original
- Respeitar espaço livre (1× altura do círculo interno)
- Usar SVG vetorial (não PNG)
Não fazer
- Inverter cores fora das 4 combinações oficiais
- Mudar o verde por outro tom de verde
- Mudar o navy por preto, azul-claro ou cinza
- Esticar, distorcer, comprimir ou rotacionar
- Adicionar contorno, sombra, brilho, gradiente
- Trocar o foguete por outro símbolo
- Usar logo full abaixo de 48px
- Aplicar sobre fundo de baixo contraste sem caixa
- Usar PNG quando o SVG está disponível
Especificações Técnicas
traçado via potrace de PNGs oficiais
preservados em _arquivo/png-originais-finais-2026-05-29/
06-MARCA/logotipo/
Inventário Completo
17 SVGs oficiais. PNGs originais preservados em _arquivo/png-originais-finais-2026-05-29/.
| Arquivo | Versão | Uso | |
|---|---|---|---|
| imobspot-logo-verde-on-navy.svg | Oficial 1 | Dark mode padrão |
| imobspot-logo-navy-on-verde.svg | Oficial 2 | Acento energético |
| imobspot-logo-navy-on-white.svg | Oficial 3 | Institucional · impresso |
| imobspot-logo-white-on-black.svg | Oficial 4 | B&W extremo |
| imobspot-logo-navy-transparente.svg | Transparente Navy | Sobre fundo claro variável |
| imobspot-logo-verde-transparente.svg | Transparente Verde | Sobre fundo escuro/médio |
| imobspot-logo-branco-transparente.svg | Transparente Branco | Sobre fundo escuro |
 | imobspot-logo-mono.svg | Mono currentColor | Flex CSS · cor variável |
| imobspot-pin-verde-on-navy.svg | Pin · Verde/Navy | App icon dark mode |
| imobspot-pin-navy-on-white.svg | Pin · Navy/Branco | App icon light mode |
| imobspot-pin-navy-transparente.svg | Pin Navy transp. | Pin sobre fundo claro |
| imobspot-pin-verde-transparente.svg | Pin Verde transp. | Pin sobre fundo escuro |
| imobspot-pin-mono.svg | Pin Mono CSS | Pin via currentColor |
 | imobspot-wordmark-navy.svg | Wordmark Navy | Texto inline · assinatura |
 | imobspot-wordmark-verde.svg | Wordmark Verde | Destaque sobre dark |
 | imobspot-wordmark-branco.svg | Wordmark Branco | Texto sobre escuro |