Diretrizes da Marca

Conectando mentes,
impulsionando o futuro.

Guia completo de identidade visual da ConfraTIC — o maior encontro de profissionais de tecnologia, inovação, IA, cibersegurança e cloud.

Scroll
ConfraTIC Icon
Comunidade
Conexões que transformam profissionais e carreiras
ConfraTIC Icon
Inovação
Ideias que geram impacto no ecossistema tech
ConfraTIC Icon
Segurança
Protegendo o que move o mundo digital
ConfraTIC Icon
Cloud
Escalando possibilidades sem limites

Sistema de Cores

Nossa paleta transmite tecnologia, modernidade e confiança. O azul primário #00AEEF é a cor de maior destaque da marca.

Primary
#00AEEF
Destaque principal
Primary Dark
#009BD6
Hover / Active
Background
#231F20
Fundo principal
Surface
#2F2F30
Cards / Superfícies
Text Primary
#FFFFFF
Texto principal
Text Secondary
#A7A9AC
Texto de apoio
Gradientes Oficiais
Gradient Primary
#00AEEF → #009BD6
Gradient Dark
#231F20 → #2F2F30
Gradient Hero
Primary → Background
Gradient Glow
Para overlays

Sistema Tipográfico

Inter para interfaces digitais e Helvetica para aplicações institucionais. Consistência em todos os materiais.

Fonte Principal — Interface Digital
Aa
Inter
Para títulos, interfaces digitais e materiais de comunicação
ConfraTIC
Conectando mentes
A plataforma de tecnologia e inovação
IA · Cibersegurança · Cloud · Inovação
Fonte Secundária — Institucional
Aa
Helvetica
Para aplicações institucionais, impressos e documentos formais
ConfraTIC
Conectando mentes
A plataforma de tecnologia e inovação
IA · Cibersegurança · Cloud · Inovação
Escala Tipográfica
H1 — 56px
Título Principal
H2 — 40px
Título de Seção
H3 — 28px
Subtítulo
Body — 16px
Texto corrido — usado em parágrafos e descrições longas
Caption — 14px
Legendas, labels e textos de apoio secundário

Linguagem Visual

Nossa identidade visual é baseada em tecnologia, conectividade e inovação. Fundo escuro, elementos iluminados e geometria digital.

Conexões & Nós
Redes de pontos interligados simbolizando comunidade e conectividade tecnológica
Circuitos & Fluxos
Elementos de circuito impresso representando infraestrutura e arquitetura digital
Glow & Luminosidade
Efeitos de brilho azul em fundos escuros criando profundidade e modernidade tecnológica

A Marca em Ação

Exemplos de aplicação da identidade ConfraTIC em materiais de comunicação, eventos e plataformas digitais.

IA · Cibersegurança · Cloud
O Maior Encontro de Profissionais de Tecnologia
📅 20 a 22 de Maio
📍 São Paulo – SP
Inovação que Conecta. Tecnologia que Transforma.
confratic.org.br
Apresentação Institucional
Conectando Pessoas e Tecnologia para um Futuro Extraordinário
Variações de Uso da Marca
Principal
Principal — Fundo Escuro
Fundo Claro
Colorida — Fundo Claro
Monocromática
Monocromática
Fundo Primário
Fundo Primário

Central de Downloads

Todos os arquivos oficiais da marca ConfraTIC prontos para download. Use sempre as versões mais recentes.

🎨
Logo Horizontal
Versões branca, colorida e preta
SVGPNGPDF
↓ Download
🖼️
Logo Vertical
Versão empilhada — todas as variações
SVGPNGPDF
↓ Download
Ícone Isolado
Branco, colorido e preto
SVGICOPNG
↓ Download
🎨
Paleta de Cores
Swatches para Figma, Sketch e Adobe
ASEJSON
↓ Download
🔤
Fontes Inter
Família tipográfica completa
TTFWOFF2
↓ Download
📐
Templates Figma
Design system completo
FigmaUI Kit
↓ Download
📋
Manual PDF
Guia completo de identidade visual
PDFA4
↓ Download
🖥️
Templates PPT
Apresentações corporativas
PPTXSlides
↓ Download

Como Usar a Marca

Siga estas diretrizes para garantir que a marca ConfraTIC seja sempre apresentada de forma consistente e profissional.

Uso Correto
Logo branca fundo escuro
✅ Logo branca no fundo escuro oficial
Sempre utilize a logomarca branca sobre fundo #231F20 ou preto puro
Logo colorida fundo claro
✅ Logo colorida em fundo claro
Use a versão colorida quando o fundo for branco ou claro
Logo branca fundo primário
✅ Logo branca no fundo primário
Versão branca sobre o azul primário #00AEEF ou seus gradientes
Uso Incorreto
Logo em fundo não autorizado
❌ Fundos não autorizados
Nunca use a marca sobre cores ou gradientes fora da paleta oficial
Logo distorcida
❌ Distorcer ou deformar
Nunca estique, comprima, gire ou distorça a logomarca de nenhuma forma
Logo com baixo contraste
❌ Baixo contraste ou transparência
Não aplique opacidade ou coloque a marca em áreas de baixo contraste