Brand Portal · v2.0 · 2026
A identidade visual
A identidade visual
da H8 Brasil.
Este é o guia oficial da marca H8 Brasil — uma referência viva de logos, cores, tipografia, iconografia, aplicações e padrões visuais. Construído para garantir consistência, autoridade e excelência em todos os pontos de contato.
15+
Assets de marca
2
Cores primárias
7
Pesos Inter
Logotipo oficial
Versão
Horizontal
Fundo
Escuro
Formato
PNG
01 · Manifesto
Marca não é estética.
Marca não é estética.
É disciplina.
A H8 Brasil existe na intersecção entre dados, inteligência e decisão. Cada elemento desta marca foi pensado para refletir essa promessa em qualquer superfície: do pixel ao papel, do dashboard ao deck institucional.
Inteligência
Tudo o que é mostrado precisa simplificar a leitura e acelerar a decisão.
Performance
Hierarquia visual orientada à ação — sem ruído, sem ornamentos vazios.
Autoridade
Consistência rigorosa em cada ponto de contato — visual e operacional.
Sistema de logo.
A marca H8 Brasil opera em duas configurações principais — horizontal e vertical — com variações de cor para cada contexto de aplicação.
Versão primária
Logotipo horizontal
1656 × 343 px
Esta é a aplicação canônica da marca: símbolo H8 em amarelo + "BRASIL" em branco sobre fundo escuro. Use sempre que o contexto permitir.
Versão alternativa
Logotipo vertical
925 × 1037
Para formatos quadrados, redes sociais, selos e aplicações verticais.
Favicon
Identificador digital
.ico · 32px
Use para abas de navegador, PWA, atalhos e onde houver restrição de tamanho.
Cada fundo, sua versão.
Cinco variações monocromáticas e bi-cromáticas para cobrir todos os contextos de aplicação. Escolha sempre a versão que mantém o maior contraste possível com o fundo, sem competir com outros elementos.
Horizontal
Vertical
Original
ORIG
Amar + BC
AMAR-BC
Mono Amarelo
AMAR
Mono Branco
BC
Mono Preto
BLACK
Dê espaço à marca.
Clearspace mínimo
Mantenha pelo menos o equivalente à altura do símbolo H8 como margem livre ao redor do logotipo. Nenhum elemento gráfico, texto ou ruído visual deve invadir essa área.
Tamanho mínimo · digital
24px ↑
48px ↑
Abaixo desses tamanhos, prefira o favicon.
Tamanho mínimo · impresso
- Cartão de visita 20mm
- Papelaria A4 35mm
- Banner / outdoor 120mm+
O que nunca fazer.
A consistência da marca depende de respeitar limites. Estes são os principais comportamentos a evitar.
Não
Não distorça as proporções do logotipo.
Não
Não altere as cores oficiais da marca.
Não
Não aplique sobre fundos com baixo contraste ou conflitantes.
Não
Não gire, espelhe ou aplique efeitos de inclinação.
Não
Não aplique sombras, blur, gradientes ou efeitos de filtro.
+ outra marca
Não
Não combine com outras logos sem o devido espaçamento e aprovação.
As cores oficiais da H8.
Sistema cromático espelhado da CSS do site principal — duas cores de marca (amarelo + ciano), uma escala neutra dark-first e três cores semânticas. Clique em qualquer chip para copiar o HEX.
Cores de marca
Escala neutra
Gradientes oficiais
Brand Gradient
120deg, Yellow → Cyan
Carbon Gradient
180deg, Black → Graphite
Cores semânticas
Inter, em todo lugar.
Inter é a única família tipográfica oficial da H8 Brasil — uma sans-serif geométrica, neutra e altamente legível, ideal para interfaces digitais e impressos. Use JetBrains Mono apenas em códigos, números técnicos e legendas.
Inteligência em Negócios
Inteligência em Negócios
Inteligência em Negócios
Inteligência em Negócios
Inteligência em Negócios
Inteligência em Negócios
Inteligência em Negócios
Hierarquia de texto
Display
Heros, abertura de seção, capa de proposta.
Seção
Títulos de bloco, deck slides.
Subtítulo
Sub-blocos, cards de destaque.
Parágrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Eyebrow / label
Olho de seção, micro-cópia, tags.
Linguagem de ícones.
Conjunto de ícones temáticos da H8 — categorias institucionais e redes sociais — usados em cards, landing pages e materiais comerciais. Mantenha sempre peso visual uniforme e respeite os tamanhos abaixo.
Stroke icons (UI)
arrow-right
check
clock
download
activity
zap
shield
calendar
user
search
Padrão: stroke-width: 2, stroke-linecap: round, stroke-linejoin: round. Tamanhos UI: 14 / 16 / 20 / 24 / 32 px.
Sistema mensurável.
Spacing scale (Tailwind compatible)
0.25
4px · space-1
0.5
8px · space-2
1
16px · space-4
1.5
24px · space-6
2
32px · space-8
3
48px · space-12
4
64px · space-16
6
96px · space-24
Border radius
sm · 6px
md · 10px
lg · 14px
full
Sombras
sm
md
lg
Grid de layout
12 cols · base
gap-4 · 16px gutters
1400px · max-width
Mini design system.
Os blocos visuais que compõem qualquer interface da H8 — base para sites, dashboards e propostas.
Buttons
Inputs
Receita
R$ 2,4M
+ 18%
Vamos conversar
Comece sua jornada com a H8.
Marca em movimento.
Como a identidade H8 Brasil se materializa em diferentes superfícies — do digital ao impresso.
Website
Dados em Decisões.
Negócios em Resultados.
Negócios em Resultados.
Inteligência que conecta marcas, dados e resultados.
Falar com a H8
Ver serviços
Assinatura de e-mail
H8
Nome Sobrenome
Cargo · H8 Brasil
📧 nome@h8b.com.br
📱 +55 (11) 5028-3720
🌐 h8b.com.br
Post Instagram
Insight #04
Dado sem decisão é só ruído.
@h8brasil · h8b.com.br
Cartão de visita
h8b.com.br
Nome Sobrenome
Cargo · H8 Brasil
+55 (11) 5028-3720
nome@h8b.com.br
Frente preta · verso amarelo · 85×55mm padrão.
Capa de documento
Proposta comercial
Inteligência em Dados.
v1.0 · 2026 · Confidencial
Dashboard SaaS
Visão geral
Últ. 30 dias
MRR
R$ 184k
Churn
1.8%
NPS
72
Kit oficial de marca.
Todos os arquivos disponíveis para download direto. Use sempre as versões oficiais — não recrie nem reedite os artefatos.
Arquivo
Formato
Tamanho
Precisa de uma versão em outro formato (SVG, AI, EPS) ou aplicação específica? Solicite ao time de marca pelo e-mail contato@h8b.com.br.
Brand Portal · H8 Brasil
Marca cuidada.
Marca cuidada.
Resultado amplificado.
Este portal é mantido pelo time de marca da H8 Brasil. Dúvidas, solicitações de novos formatos ou aprovações de uso da marca por parceiros: fale conosco.