ImobSpot · Manual do Logo · v2.0

Guidelines de uso do Logo Oficial

4 versões oficiais + variantes transparentes para uso flex em qualquer contexto. Vetor puro, escala infinita, pronto pra qualquer aplicação B2B.

VERSÃO   2.0 DATA   2026-05-29 AUTORIDADE   ImobSpot Brand FORMATO   SVG vetorial
01 / 11

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.

02 / 11

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.

verde sobre navy
01 · Verde sobre Navy · DARK MODE PADRÃO
navy sobre verde
02 · Navy sobre Verde · ACENTO ENERGÉTICO
navy sobre white
03 · Navy sobre Branco · INSTITUCIONAL
white sobre black
04 · Branco sobre Preto · B&W EXTREMO
03 / 11

Sistema de Cores

Quatro cores. Navy dominante, verde-limão como sinal de energia/movimento.

Navy
Cor primária · estrutura · autoridade
#0A1D40 · RGB 10,29,64
Verde-Limão
Acento · energia · lançamento
#A7FC19 · RGB 167,252,25
Branco
Fundo institucional · impresso
#FFFFFF · RGB 255,255,255
Preto
B&W extremo · alto contraste
#000000 · RGB 0,0,0
04 / 11

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).

navy
Navy transparente
imobspot-logo-navy-transparente.svg
verde
Verde transparente
imobspot-logo-verde-transparente.svg
branco
Branco transparente
imobspot-logo-branco-transparente.svg

Mono (CSS flex): imobspot-logo-mono.svg — usa currentColor, cor controlada via CSS na página.

05 / 11

Pin Standalone (sem wordmark)

Para favicon, app icon, avatar, miniatura — onde o wordmark "ImobSpot" não cabe.

pin verde
Verde · Navy
pin navy
Navy · Branco
pin verde t
Verde transp.
pin navy t
Navy transp.
pin mono
Mono CSS
06 / 11

Quando Usar Cada Versão

ContextoVersão corretaPor quê
Landing page hero · slide dark · app dark modeVerde sobre NavyPadrão da marca · brand-spec dark mode
Banner energético · capa de campanha · stickerNavy sobre VerdeInversão chama atenção · usado para destaque
Papel timbrado · documento impresso · proposta institucionalNavy sobre BrancoLight mode editorial
Black-and-white extremo · fax · jornal · cinemagraphBranco sobre PretoContexto monocromático absoluto
Sobre foto ou fundo variávelTransparente (cor adequada)Sem caixa embutida · respeita o fundo
Favicon · app icon · avatar de rede socialPin onlyTamanho pequeno · wordmark ilegível
CSS com cor variável · vídeo · animaçãoMono (currentColor)Controlado via CSS
07 / 11

Espaço Livre

Mínimo de X (altura do círculo interno do pin) de espaço livre em todos os lados.

X = altura do círculo interno do pin · mínimo absoluto em todos os lados
08 / 11

Tamanho Mínimo

200 px — premium
120 px — padrão
72 px — assinatura
48 px — MIN logo full
32 px — pin only
16 px — favicon

Impresso: mínimo 22 mm (logo full) · 8 mm (pin only).

09 / 11

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
10 / 11

Especificações Técnicas

Formato master
SVG vetorial
traçado via potrace de PNGs oficiais
PNGs originais
1080×1080 px
preservados em _arquivo/png-originais-finais-2026-05-29/
Cor primária
#0A1D40 navy
Cor de acento
#A7FC19 verde-limão
CMYK Navy
C100 M85 Y0 K65
CMYK Verde
C40 M0 Y100 K0
Pantone Navy
PMS 2768 C
Pantone Verde
PMS 389 C
Composições
Vertical · Pin only · Wordmark only
Tamanho mínimo
48 px (full) · 16 px (pin)
Localização
50-IMOBSPOT/
06-MARCA/logotipo/
Total SVGs
17 arquivos oficiais
11 / 11

Inventário Completo

17 SVGs oficiais. PNGs originais preservados em _arquivo/png-originais-finais-2026-05-29/.

ArquivoVersãoUso
imobspot-logo-verde-on-navy.svgOficial 1Dark mode padrão
imobspot-logo-navy-on-verde.svgOficial 2Acento energético
imobspot-logo-navy-on-white.svgOficial 3Institucional · impresso
imobspot-logo-white-on-black.svgOficial 4B&W extremo
imobspot-logo-navy-transparente.svgTransparente NavySobre fundo claro variável
imobspot-logo-verde-transparente.svgTransparente VerdeSobre fundo escuro/médio
imobspot-logo-branco-transparente.svgTransparente BrancoSobre fundo escuro
imobspot-logo-mono.svgMono currentColorFlex CSS · cor variável
imobspot-pin-verde-on-navy.svgPin · Verde/NavyApp icon dark mode
imobspot-pin-navy-on-white.svgPin · Navy/BrancoApp icon light mode
imobspot-pin-navy-transparente.svgPin Navy transp.Pin sobre fundo claro
imobspot-pin-verde-transparente.svgPin Verde transp.Pin sobre fundo escuro
imobspot-pin-mono.svgPin Mono CSSPin via currentColor
imobspot-wordmark-navy.svgWordmark NavyTexto inline · assinatura
imobspot-wordmark-verde.svgWordmark VerdeDestaque sobre dark
imobspot-wordmark-branco.svgWordmark BrancoTexto sobre escuro
v2.0 · 2026-05-29 · Sistema final: 4 versões oficiais a partir dos PNGs entregues por JR · 17 SVGs vetorizados via potrace · PNGs originais arquivados · v1 (14 SVGs antigos) substituída completamente