Marca
A identidade visual da Zigy
O ícone, o logotipo e os lockups que formam a linguagem visual da marca. Esta é a identidade do estúdio: se você precisar dela, aqui está como ela funciona.
O ícone
Três nós conectados por duas curvas em zigue-zague: um fluxo de dados vivo. Entrada, processamento e saída.
Anatomia
Grade de construção 48×48, traço 3.5, curvas Bézier suaves. Nós em (12,12), (24,24), (36,36). Linha sólida (caminho ativo). Linha tracejada (eco, aprendizado).
Significado
O zigue-zague que dá nome à empresa, o pipeline de dados, a rede neural que aprende e a assinatura digital única.
O logotipo
Nunito Bold (700). Nunito é geometric rounded sans-serif: suas terminações são círculos perfeitos, literalmente os mesmos nós do ícone. A fonte e o ícone falam a mesma língua geométrica.
No lockup, a unidade de medida é o nó do ícone (diâmetro 2r = 8 no grid 48). Horizontal: tinta do ícone excede a cap height em ½ nó; ícone em escala 4/3 (64px) para wordmark Nunito Bold 44px. Vertical: ícone protagonista em escala 2 (96px).
Lockups
A combinação do ícone com o wordmark. Horizontal (primário) e vertical (secundário).
Horizontal
Vertical
Área de respiro
Clear space mínimo = meio nó (r = 4 no grid 48), medido da tinta.
Cores
O gradiente (Electric Blue → Vibrant Teal) é a assinatura da marca. Neutros para texto e estrutura.
Gradiente
Nunca inverta a direção (Teal -> Blue): simboliza progresso, da estabilidade à inovação.
Primárias
Electric Blue
- Hex
- #0066FF
- RGB
- 0 102 255
- CMYK
- 100 60 0 0
- PMS
- 2728 C
Vibrant Teal
- Hex
- #00D4AA
- RGB
- 0 212 170
- CMYK
- 100 0 20 17
- PMS
- 3242 C
Neutras
Near Black
- Hex
- #0A1628
- RGB
- 10 22 40
Dark Surface
- Hex
- #0F0F0F
- RGB
- 15 15 15
Mid Gray
- Hex
- #8A8F98
- RGB
- 138 143 152
Light Gray
- Hex
- #E5E7EB
- RGB
- 229 231 235
Off White
- Hex
- #F5F5F5
- RGB
- 245 245 245
Pure White
- Hex
- #FFFFFF
- RGB
- 255 255 255
Status
Sucesso
- Hex
- #00D4AA
- RGB
- 0 212 170
Erro
- Hex
- #FF4D4D
- RGB
- 255 77 77
Aviso
- Hex
- #FFB020
- RGB
- 255 176 32
Informação
- Hex
- #0066FF
- RGB
- 0 102 255
Proporção (60/30/10)
Detalhes
- 60% Neutros
- 30% Near Black
- 10% Primárias / gradiente
Gradiente oficial: #0066FF → #00D4AA, a 135° (canto superior-esquerdo para inferior-direito). Nunca inverta a direção (Teal -> Blue): simboliza progresso, da estabilidade à inovação.
Tipografia
Nunito para o logotipo, Inter para o produto e o corpo de texto. Escala Inter em tamanho real:
Hero titles, landing page headlines
Page titles, section headers
Subsections, card titles
Subheaders, feature names
Labels, small headers
Lead paragraphs, introductions
Main text, articles, documentation
Dense UI, tables, footnotes
Metadata, timestamps, tags
Labels de seção (uppercase, tracking +0.15em)
Regras de formatação
- Letter-spacing: 0 ou levemente positivo. Nunca negativo.
- Sentence case sempre. ALL CAPS apenas para labels de UI.
- Evite hifenização; prefira quebra de linha inteligente.
- Underline apenas para links. Nunca para ênfase.
- Itálico com moderação, só para citações ou termos técnicos.
Não usar
Formas de uso que descaracterizam o ícone, o logotipo e os lockups. Se você for usar a marca, evite estas variações.
