Manual de Identidade Visual IBVI

Sistema de Alta Performance para Inteligência Imobiliária – [Release: Julho/2025]

Variantes de Logo

Todas as variações da logomarca IBVI para diferentes fundos e aplicações.

IBVI - Inteligência Imobiliária Precisa

Primary

IBVI - Inteligência Imobiliária Precisa

Dark

IBVI - Inteligência Imobiliária Precisa

Mono

IBVI - Inteligência Imobiliária Precisa

Mono Dark

01. Introdução e Propósito
Este manual estabelece padrões oficiais para aplicação estratégica e consistente da identidade visual IBVI.

Este manual estabelece padrões oficiais para aplicação estratégica e consistente da identidade visual IBVI, garantindo integridade, impacto e escalabilidade.

Objetivos do Manual

  • Consistência: Aplicação uniforme em todos os canais.
  • Integridade: Evitar uso inadequado ou diluição da marca.
  • Impacto: Otimizar a comunicação visual.
  • Escalabilidade: Facilitar o crescimento e expansão.

Audiências-Alvo

  • Equipes internas de Marketing e Design
  • Agências e parceiros criativos
  • Desenvolvedores e equipes técnicas
  • Stakeholders e investidores
02. Essência da Marca
Valores fundamentais e propósito da marca IBVI

Propósito

Democratizar decisões imobiliárias por meio da ciência de dados, com rigor institucional, experiência premium e acessibilidade universal.

Visão

Ser referência global em inteligência imobiliária precisa e transparência institucional.

Valores

  • Precisão
  • Transparência
  • Ética Digital (LGPD/GDPR/OWASP)
  • Inovação Algorítmica
  • Acessibilidade

Proposta de Valor

"Transformar complexidade imobiliária em decisões claras através da inteligência de dados."
03. Sistema de Identidade Visual
Especificações técnicas e aplicações do logotipo IBVI

3.1 Arquitetura do Símbolo

O logotipo IBVI é uma composição geométrica rigorosa que reflete os princípios da marca:

ElementoEspecificação TécnicaSignificado
Seta Ascendente90°, Overshoot 15% (áurea 1:1.618)Crescimento sustentável
Base GeométricaInclinação 16°, Proporção 2:3Solidez e dados
Espaço Negativo2mm (8% altura total)Precisão metodológica

3.2 Configurações do Logotipo

  • Primária: Símbolo + wordmark horizontal
  • Compacta: Apenas o símbolo (espaços restritos)
  • Estendida: Inclui tagline "Inteligência Imobiliária Precisa"

3.3 Zona de Proteção

  • Mínima: 2× altura da letra "i"
  • Ideal: 3× altura da letra "i"
  • Digital: ≥ 16px
  • Impressa: ≥ 10mm

Proibição absoluta de distorções ou cores incorretas.

04. Especificações Cromáticas
Paleta de cores oficial e suas aplicações

4.1 Paleta Primária

Teal

#28515A

Gold

#F3BA57

Cream

#FEF9EC

Nocturne Teal

#050E18

4.2 Significado Cromático

  • Teal: Confiabilidade, profundidade analítica
  • Gold: Valor, insights premium, clareza
  • Cream: Acessibilidade, neutralidade, elegância
  • Nocturne Teal: Sofisticação, modo escuro, profundidade

4.3 Especificações Técnicas

CorHEXRGBCMYK
Teal#28515A40, 81, 9085, 45, 45, 15
Gold#F3BA57243, 186, 870, 25, 70, 0
Cream#FEF9EC254, 249, 2360, 0, 8, 0
Nocturne Teal#050E185, 14, 2480, 65, 50, 75

4.4 Proporções de Uso

Regra 60-30-10: 60% cores neutras (Cream/Nocturne Teal), 30% cor primária (Teal), 10% cor de destaque (Gold).

05. Tipografia e Hierarquia
Sistema tipográfico e estrutura hierárquica

5.1 Fonte Principal

Inter - Uma família tipográfica moderna, legível e versátil, otimizada para interfaces digitais.

Inter Bold (700)

Inter SemiBold (600)

Inter Medium (500)

Inter Regular (400) - Corpo de texto padrão.

Inter Regular (400) - Texto auxiliar.

5.2 Hierarquia Tipográfica

ElementoTamanhoPesoUso
H12.5rem (40px)Bold (700)Títulos principais
H22rem (32px)SemiBold (600)Subtítulos de seção
H31.5rem (24px)Medium (500)Cabeçalhos de conteúdo
Body1rem (16px)Regular (400)Texto principal
Small0.875rem (14px)Regular (400)Legendas, notas

5.3 Espaçamento e Alinhamento

  • Entrelinha: 1.5× para corpo de texto, 1.2× para títulos
  • Alinhamento: Esquerda (padrão), centralizado (títulos principais)
  • Espaçamento entre parágrafos: 1.5× tamanho da fonte

5.4 Acessibilidade Tipográfica

  • Contraste mínimo: 4.5:1 (WCAG AA)
  • Tamanho mínimo: 16px para texto de leitura
  • Evitar texto em imagens (usar HTML semântico)
  • Espaçamento adequado para leitores de tela
06. Aplicações e Contextos
Diretrizes para aplicação da identidade visual em diferentes canais e contextos.

A identidade visual IBVI foi projetada para manter consistência e impacto em diversos canais e contextos de aplicação.

Aplicações Cross-Channel

  • Digital: Web ≥32px, animação CSS 200ms
  • Email: Desktop 140px, Mobile 100px
  • Social: LinkedIn/Instagram invertido
  • Impresso: Cartões 20mm, Papel Timbrado 30mm

Diretrizes de Aplicação

  • Manter a zona de proteção em todos os contextos
  • Respeitar as especificações de tamanho mínimo
  • Utilizar as variantes adequadas para cada fundo
  • Garantir contraste adequado conforme WCAG AA+
07. Diretrizes de Comunicação
Princípios e práticas para comunicação consistente da marca IBVI.

A comunicação da marca IBVI deve refletir seus valores fundamentais de precisão, transparência e ética digital em todos os pontos de contato.

Tom de Voz

  • Preciso: Comunicação clara e baseada em dados
  • Confiável: Linguagem técnica mas acessível
  • Transparente: Explicações diretas e honestas
  • Profissional: Mantém rigor institucional

Mensagens-Chave

  • "Transformar complexidade imobiliária em decisões claras"
  • "Inteligência de dados a serviço do mercado imobiliário"
  • "Precisão algorítmica com transparência institucional"
  • "Democratizando o acesso à inteligência imobiliária"

Diretrizes de Conteúdo

  • Priorizar dados e evidências em todas as comunicações
  • Manter consistência terminológica em todos os canais
  • Utilizar linguagem inclusiva e acessível
  • Evitar jargões desnecessários ou linguagem excessivamente técnica
08. Governança e Proteção
Diretrizes para proteção e governança da marca IBVI.

A proteção e governança da marca IBVI são fundamentais para manter sua integridade e valor ao longo do tempo.

Processos de Governança

  • Auditoria trimestral SVG/CSS
  • Compliance rigoroso LGPD/GDPR, OWASP Top 10
  • Licenciamento de ativos
  • Validação obrigatória pelo Brand Team

Checklist Obrigatório

  • Lighthouse ≥90
  • Delta E ≤ 2
  • Contraste WCAG AA+
  • Validação de acessibilidade

Proteção Legal

  • Marca registrada em todas as classes relevantes
  • Direitos autorais sobre todos os ativos visuais
  • Monitoramento contínuo de uso indevido
  • Procedimentos claros para denúncia de violações
09. Implementação Técnica
Recursos e diretrizes para implementação técnica da identidade visual IBVI.

A implementação técnica da identidade visual IBVI foi projetada para garantir consistência em todas as plataformas digitais.

CSS Tokens

:root {
  --ibvi-teal: #28515A;
  --ibvi-gold: #F3BA57;
  --ibvi-cream: #FEF9EC;
  --ibvi-nocturne-teal: #050E18;
  --font-primary: 'Inter', -apple-system, sans-serif;
}

Tokens CSS oficiais para implementação consistente em aplicações web.

React Component (prod-ready)

export const IBVILogo = ({ size = 32, ...props }) => (
  <svg width={size * 3.4} height={size} viewBox="0 0 110 48" 
       role="img" aria-label="IBVI – Inteligência Imobiliária Precisa" {...props}>
    <path fill="var(--ibvi-teal)" d="M0 48V16l32 32z"/>
    <path fill="var(--ibvi-gold)" d="M24 0l16 16h-8v16h-16V16h-8z"/>
    <text x="44" y="38" fontFamily="Inter, sans-serif" 
          fontSize="32" fill="currentColor" letterSpacing="-0.04em">ibvi</text>
  </svg>
);

Componente React otimizado e acessível para implementação do logo IBVI.

Diretrizes de Implementação

  • Utilizar sempre os tokens CSS oficiais
  • Implementar componentes acessíveis (WCAG AA+)
  • Manter consistência entre plataformas
  • Seguir as práticas de otimização para performance
10. Casos de Uso e Exemplos
Exemplos práticos de aplicação da identidade visual IBVI em diferentes contextos.

Esta seção apresenta exemplos práticos de como aplicar corretamente a identidade visual IBVI em diferentes contextos e plataformas.

Aplicações Digitais

  • Website: Uso consistente da paleta de cores e tipografia
  • Dashboard: Aplicação de elementos visuais em interfaces de dados
  • Email Marketing: Templates responsivos com identidade visual consistente
  • Redes Sociais: Adaptações do logo e elementos visuais para diferentes plataformas

Materiais Impressos

  • Cartões de Visita: Aplicação do logo em tamanho mínimo de 20mm
  • Papelaria: Uso consistente da identidade visual em documentos oficiais
  • Relatórios: Aplicação da hierarquia tipográfica e paleta de cores
  • Material Promocional: Adaptações para diferentes formatos e contextos

Exemplos de Uso Incorreto

  • Distorção das proporções do logo
  • Uso de cores fora da paleta oficial
  • Aplicação em fundos que comprometem a legibilidade
  • Combinações tipográficas inconsistentes com a hierarquia estabelecida
11. Evolução e Manutenção
Diretrizes para evolução e manutenção da identidade visual IBVI ao longo do tempo.

A identidade visual IBVI foi projetada para evoluir de forma consistente, mantendo seus valores fundamentais enquanto se adapta às necessidades futuras.

Roadmap Evolutivo

  • 2025/Q4: Motion Graphics
  • 2026/Q1: Biblioteca de ícones/AR/VR
  • 2026/Q2: Rollout global EN/PT

Diretrizes de Manutenção

  • Revisão anual do manual de identidade visual
  • Atualização trimestral de ativos digitais
  • Monitoramento contínuo de aplicações da marca
  • Adaptação para novas plataformas e tecnologias

Contato e Suporte

Para questões relacionadas à identidade visual IBVI, entre em contato com:

  • Email: marca@ibvi.com.br
  • Portal: brand.ibvi.com.br