INMOBIA — Manual do Logo

01 / 13

Sobre o Logo

O símbolo INMOBIA captura a essência do produto: três pontos teal — o típico indicador de digitação — vivendo dentro de um quadrado navy com cantos suavemente arredondados. Quando o cliente vê os três pontos, sabe imediatamente: "tem algo respondendo agora, do outro lado". Esse "algo" é a INMOBIA. Wordmark Inter Bold abaixo, gravidade institucional.

02 / 13

Anatomia do Logo

Quatro elementos. Cada um com função específica.

Container quadrado arredondado

Forma navy #1A1A2E · cantos com raio 14% · referência a balão de chat / app icon premium

3 pontos teal centralizados

Diâmetro 14.7% do quadrado · espaçamento entre pontos = metade do diâmetro · alinhados horizontalmente no centro do quadrado

Wordmark INMOBIA

Inter Bold 700 · letter-spacing 0.08em · navy sobre fundo claro / teal sobre fundo escuro

Composição vertical (padrão)

Símbolo em cima · wordmark embaixo · margem proporcional entre eles = altura de uma letra "I"

03 / 13

As 4 Versões Oficiais

Quatro combinações canônicas — uma para cada contexto de fundo. Aplicar exatamente como mostrado. Note: na variante 03 (acento energético) os pontos são brancos para contrastar com o quadrado navy sobre fundo teal.

01 · Navy + Teal sobre Branco · INSTITUCIONAL PADRÃO

02 · Card + Teal sobre Navy · DARK MODE

03 · Navy + White Dots sobre Teal · ACENTO ENERGÉTICO

04 · White sobre Preto · B&W EXTREMO

04 / 13

Sistema de Cores

Navy + teal + branco. Purple #6C63FF aparece como acento de IA em interface, mas não no logo.

Navy

Base · container · texto institucional

#1A1A2E · RGB 26,26,46

Teal

Sinal de vida · presença · CTAs

#1AC8A0 · RGB 26,200,160

Navy Card

Container em dark mode · superfícies

#252538 · RGB 37,37,56

Branco

Texto em dark · fundo institucional

#FFFFFF · RGB 255,255,255

05 / 13

Lockup Horizontal

Para header de site, papel timbrado, assinatura de e-mail — quando espaço vertical é limitado.

06 / 13

Versões Transparentes (uso flex)

3 versões sem fundo embutido + mono CSS — para aplicar sobre qualquer cor de fundo que respeite contraste mínimo.

Navy transparente

Navy / Teal bg

Teal transparente

Branco transparente

07 / 13

Símbolo & Wordmark separados

Para favicon, app icon, avatar (símbolo) e texto inline / assinatura (wordmark).

Símbolo · favicon · app icon · avatar

Wordmark · texto inline · assinatura

08 / 13

Quando Usar Cada Versão

Contexto	Versão correta	Por quê
Landing page · site institucional · slide light mode	Navy/Teal sobre Branco	Padrão institucional · contraste máximo
Plataforma dark mode · interface app · dashboard	Card/Teal sobre Navy	Brand-spec da plataforma · dark mode dominante
Banner de campanha · stand · sticker	Navy sobre Teal	Acento energético · alta visibilidade
Header de site · papel timbrado · assinatura email	Horizontal	Aspecto largo · economiza vertical
App icon · favicon · avatar social	Símbolo apenas	Tamanho pequeno · wordmark ilegível
Sobre foto / fundo variável	Transparente (cor adequada)	Sem caixa · respeita fundo
Fax · jornal · contexto monocromático	B&W extremo	Sem cor disponível
CSS com cor variável · vídeo · animação	Mono currentColor	Cor via CSS

09 / 13

Espaço Livre

Mínimo de X (altura de um ponto teal) de espaço livre em todos os lados do símbolo.

X = diâmetro de um ponto · mínimo em todos os lados

10 / 13

Tamanho Mínimo

180 px — premium

120 px — padrão

72 px — assinatura

48 px — MIN logo full

32 px — símbolo

16 px — favicon

Impresso: mínimo 20 mm (logo full) · 8 mm (símbolo).

11 / 13

Do & Don't

Fazer

Usar uma das 4 versões oficiais
Teal #1AC8A0 sempre no mesmo tom para os pontos
Navy #1A1A2E sempre no mesmo tom
Cantos arredondados no quadrado (14% de raio)
3 pontos exatamente · nunca mais nem menos
Espaçamento entre pontos = metade do diâmetro
Wordmark em Inter Bold 700, letter-spacing 0.08em
Respeitar espaço livre mínimo
Usar SVG vetorial (não PNG)

Não fazer

Trocar teal por outro verde
Trocar navy por azul-claro, preto ou cinza
Cantos perfeitamente retos OU em pill 50%
Adicionar 2 ou 4 pontos · sempre 3
Adicionar pulsação no SVG estático · animação só em interfaces
Adicionar gradiente, glow, sombra, 3D, chrome
Mudar a tipografia do wordmark
Esticar, comprimir, rotacionar
Aplicar abaixo de 48px de altura
Usar PNG quando SVG está disponível

12 / 13

Especificações Técnicas

Formato master

SVG vetorial
desenhado em código (geometria perfeita)

viewBox vertical

0 0 500 560

viewBox horizontal

0 0 540 260

Quadrado

300 × 300 unidades
border-radius 42 (14%)

Pontos

Diâmetro 44 (14.7% do quadrado)
Espaçamento 22 (= metade do diâmetro)

Wordmark

Inter Bold 700
cap-height 50
letter-spacing 0.12em

Cor primária

#1A1A2E navy

Cor de vida

#1AC8A0 teal

CMYK Navy

C90 M85 Y45 K65

CMYK Teal

C75 M0 Y50 K0

Pantone Navy

PMS 5395 C

Pantone Teal

PMS 3268 C

Tamanho mínimo

48 px (full) · 16 px (símbolo)

Localização

60-INMOBIA/
06-MARCA/logotipo/

Total SVGs

19 arquivos oficiais

Conceito

Typing indicator institucional
Paul Rand defendido

13 / 13

Inventário Completo

19 SVGs oficiais. PNGs Nano Banana arquivados em _arquivo/.

Arquivo	Versão	Uso
inmobia-logo.svg	Oficial 1	Institucional padrão · 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 Transparente	Flex sobre qualquer fundo claro
inmobia-logo-transparente-navy.svg	Vertical Transparente Navy	Sobre fundo claro variável
inmobia-logo-transparente-teal.svg	Vertical Transparente Teal	Sobre fundo escuro variável
inmobia-logo-transparente-white.svg	Vertical Transparente 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

v1.1 · 2026-05-29 · Refino: wordmark cap-height reduzido (70 → 50), letter-spacing aumentado (0.08 → 0.12em), gap símbolo-wordmark (40 → 90) e fix v3 (pontos brancos sobre quadrado navy em fundo teal)
v1.0 · 2026-05-29 · Sistema inicial: conceito typing indicator (3 dots teal + square navy arredondado) defendido pela Banca · refinado com Nano Banana · vetorizado pixel-perfect em código · Inter Bold 700 extraído como path · 19 SVGs oficiais