Brand
- HEX
- #ff5a1f
- RGB
- 255, 90, 31
- CMYK
- 0, 65, 88, 0
Cor principal — CTAs, destaques, links
Brand Guidelines · v2025.05
Manual da Marca Ciaweb
Diretrizes oficiais para uso correto da identidade visual da ciaweb. Material para parceiros, fornecedores, imprensa e equipes internas.
Logo principal
O logo da ciaweb é a combinação do símbolo geométrico em laranja com a palavra "ciaweb" em sans-serif. Use sempre o arquivo vetorial (SVG) para garantir nitidez em qualquer tamanho.
Sobre fundo claro 
Sobre fundo escuro
Sobre fundo de marca
Uso correto
- Logo sobre fundos claros (branco, off-white, beges)
- Logo sobre fundos escuros (ink #0b1220 e variações)
- Espaço mínimo de respiro = 1x altura do "C" ao redor
- Tamanho mínimo de 100px de largura para garantir legibilidade
- Não esticar, distorcer ou alterar proporções
- Não trocar as cores da marca por outras
- Não aplicar sombras, glow ou efeitos não previstos
- Não usar logo sobre fundos com baixo contraste ou padrões caóticos
Cores oficiais
O laranja Cia (#ff5a1f) é a cor principal — usado em CTAs, destaques e elementos de ação. As demais cores formam o sistema de neutros e suporte.
Brand Dark
- HEX
- #e6450b
- RGB
- 230, 69, 11
- CMYK
- 0, 70, 95, 10
Hover de CTAs, bordas escuras
Brand Soft
- HEX
- #fff1ea
- RGB
- 255, 241, 234
- CMYK
- 0, 5, 8, 0
Backgrounds suaves, badges
Ink
- HEX
- #0b1220
- RGB
- 11, 18, 32
- CMYK
- 90, 80, 50, 70
Texto principal, fundos dark
Fg Soft
- HEX
- #2a3142
- RGB
- 42, 49, 66
- CMYK
- 85, 70, 40, 50
Texto secundário
Muted
- HEX
- #5b6573
- RGB
- 91, 101, 115
- CMYK
- 70, 55, 35, 30
Texto auxiliar, labels
Border
- HEX
- #e7ecf3
- RGB
- 231, 236, 243
- CMYK
- 8, 4, 0, 0
Bordas neutras, separadores
Gold
- HEX
- #f6c347
- RGB
- 246, 195, 71
- CMYK
- 0, 25, 75, 0
Premium / acentos
Sistema tipográfico
Plus Jakarta Sans é a fonte oficial. Geometricamente equilibrada, com excelente legibilidade em todos os tamanhos, do display ao corpo.
Aa
Heading 1 · 48-72px
Heading 2 · 32-44px
Heading 3 · 20-28px
Body regular — a quick brown fox jumps over the lazy dog. The five boxing wizards jump quickly.
Small / Caption — usado em legendas, metadados e auxiliares.
- Pesos
- 400 (regular), 500 (medium), 600 (semibold), 700 (bold), 800 (extrabold)
Fonte oficial em todos os títulos, parágrafos e UI da marca. Carregada via Google Fonts.
- Pesos
- 400, 500, 600, 700
Usado em sistemas que não suportam Plus Jakarta Sans.
- Pesos
- 400, 600
Para blocos de código, IDs e dados técnicos.
Como a Cia se comunica
O tom de voz da Cia é construído sobre 4 princípios que aparecem em tudo que escrevemos: do tweet ao contrato.
Direto ao ponto
A comunicação Cia evita rodeios. Frases curtas, palavras concretas, exemplos antes de teoria. Promessas claras, sem letra miúda.
Sem jargão desnecessário
Termos técnicos só quando necessários — e sempre explicados. Falamos com pessoas, não com algoritmos.
Tom humano e profissional
Profissional sem ser engessado. Amigável sem ser informal demais. Como uma conversa entre profissionais que se respeitam.
Resultado em primeiro plano
Sempre que possível, falamos em números: 17 anos, 500+ clientes, 2h de resposta. Métrica vence adjetivo.
Arquivos prontos para uso
Material oficial em SVG, PNG e PDF. Use sempre o vetorial (SVG) quando possível para garantir qualidade em qualquer tamanho.
Dúvidas ou autorização especial?
Precisa de algo fora deste manual?
Para usos de imprensa, parcerias, citações ou aplicações específicas, fale com a gente. Respondemos em até 2 horas úteis.