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.
Primary
Dark
Mono
Mono Dark
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
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."
3.1 Arquitetura do Símbolo
O logotipo IBVI é uma composição geométrica rigorosa que reflete os princípios da marca:
| Elemento | Especificação Técnica | Significado |
|---|---|---|
| Seta Ascendente | 90°, Overshoot 15% (áurea 1:1.618) | Crescimento sustentável |
| Base Geométrica | Inclinação 16°, Proporção 2:3 | Solidez e dados |
| Espaço Negativo | 2mm (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.
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
| Cor | HEX | RGB | CMYK |
|---|---|---|---|
| Teal | #28515A | 40, 81, 90 | 85, 45, 45, 15 |
| Gold | #F3BA57 | 243, 186, 87 | 0, 25, 70, 0 |
| Cream | #FEF9EC | 254, 249, 236 | 0, 0, 8, 0 |
| Nocturne Teal | #050E18 | 5, 14, 24 | 80, 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).
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
| Elemento | Tamanho | Peso | Uso |
|---|---|---|---|
| H1 | 2.5rem (40px) | Bold (700) | Títulos principais |
| H2 | 2rem (32px) | SemiBold (600) | Subtítulos de seção |
| H3 | 1.5rem (24px) | Medium (500) | Cabeçalhos de conteúdo |
| Body | 1rem (16px) | Regular (400) | Texto principal |
| Small | 0.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
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+
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
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
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
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
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