Brand — Manual de Identidade Visual Cadencia¶
Identidade visual Cadencia (marca institucional) + identidade Cadencia SaaS (produto, dentro da marca-mãe). Fonte: Manual de Identidade Visual + Playbook Stories (Notion). Consolidado 2026-05-25.
⚠️ revisar com Felipe — antes do rebrand a marca institucional (PD, azuis profundos + bege) e o produto (Cadência, índigo + esmeralda) eram visualmente distintos de propósito, pra evitar canibalismo. Com Cadencia virando marca-mãe que abrange tudo, decidir se a identidade institucional adota a paleta do produto ou se mantém duas paletas sob o mesmo nome. As paletas abaixo foram preservadas como estavam.
Cadencia — Identidade Institucional¶
Paleta de cores¶
| Nome | Hex | Uso |
|---|---|---|
| Azul Marinho | #0A1E3F | Cor primária — autoridade, confiança, profundidade. Fundos escuros, cabeçalhos, CTAs principais |
| Azul Petróleo | #267788 | Cor secundária — dinamismo, modernidade. Destaques, links, filete vertical, elementos interativos |
| Cinza Claro | #E3E6EB | Fundos neutros, separadores, áreas de respiro |
| Bege | #D8CBB5 | Calor, humanidade — quebra o peso do azul escuro. Backgrounds alternativos, citações |
| Chumbo | #2C2C2C | Texto principal (em vez de preto puro — menos agressivo) |
Regra de contraste: Azul Marinho + Cinza Claro (digital) / Azul Petróleo em detalhe. Nunca fundo branco puro com texto preto — sempre #2C2C2C sobre #F8F9FA ou variante.
Tipografia¶
| Família | Papel | Caráter |
|---|---|---|
| EB Garamond | Títulos, cabeçalhos, citações em destaque | Autoridade intelectual, sofisticação, profundidade. Referência The School of Life + editorial de qualidade |
| Inter | Corpo de texto, UI, legendas, dados | Clareza máxima, legibilidade em tela, neutralidade funcional |
Hierarquia tipográfica: - H1 / Headline principal: EB Garamond Bold, tamanho grande, #0A1E3F - H2 / Subtítulo: EB Garamond Regular ou SemiBold, #267788 - Body: Inter Regular 16-18px, #2C2C2C, line-height 1.6 - Dados/métricas em destaque: Inter Bold, tamanho ampliado, #267788 - Citações em bloco: EB Garamond Italic, #D8CBB5 ou #267788
Assinatura visual — Filete vertical¶
O filete vertical #267788 (Azul Petróleo) é o elemento gráfico identitário da Cadencia em formatos editoriais (posts, carrosseis, documentos).
- Aparece à esquerda do conteúdo em blocos de destaque
- Indica autoridade e delimita espaço de "citação-chave" ou insight
- Não usar em todos os slides — reservado para o ponto de maior peso do conteúdo
- Espessura: 3-4px. Sem sombra, sem arredondamento
Aplicações: slides de carrossel (slide de virada/clímax), thumbnails de vídeo, destaques em email marketing, cards de dados.
Linguagem visual geral¶
Fotografias e imagens: - Retratos humanos reais em contexto de trabalho — não poses artificiais - Paleta de ambiente escura ou neutras quentes (não fundos brancos de estúdio) - Alta contraste, composição limpa - Referência estética: documentários de negócios, não stock corporativo
Elementos gráficos: - Formas geométricas simples (retângulos, linhas, sem ilustrações excessivas) - Dados visuais com gráficos limpos (sem ornamento desnecessário) - Ícones: apenas se necessário, minimalistas, #267788 ou #0A1E3F
Cadencia SaaS — Identidade do Produto¶
Cadencia SaaS é o produto. Identidade visual deliberadamente diferente da camada institucional — evita canibalismo dentro da própria marca-mãe. Para contexto de produto completo, ler também
foundation/cadencia-contexto.md.
Paleta Cadencia SaaS¶
| Nome | Hex | Uso |
|---|---|---|
| Índigo | #4F46E5 | Cor primária Cadencia SaaS — tecnologia, fluidez, movimento |
| Esmeralda | #10B981 | Cor de ação/resultado — sucesso, automação funcionando, "publicado" |
| Fundos | Dark mode (#0F172A) ou neutros claros | Interface produto |
Tom Cadencia SaaS vs Cadencia Institucional¶
| Aspecto | Cadencia Institucional | Cadencia SaaS |
|---|---|---|
| Tom | Direto, autoridade, experiência | Declarativo, sem entusiasmo, eficiência silenciosa |
| Estética | Editorial sofisticada | Produto tech limpo, funcional |
| Paleta | Azuis profundos + bege | Índigo + esmeralda |
| Tipografia | EB Garamond + Inter | Inter (apenas — sem serifado) |
| Arquétipo | Consultor-especialista | A Maga (entrega sem explicar) |
Anti-padrões visuais (nunca usar)¶
Visual¶
- ❌ Robôs, circuitos, cérebros digitais, raios azuis — tech-brega
- ❌ Neon, gradientes exagerados, 3D exagerado
- ❌ Paletas saturadas em excesso
- ❌ Stock photos genéricos: "empresário feliz com computador", aperto de mãos em fundo branco
- ❌ Fontes display exóticas, scripts caligráficos fora de contexto
- ❌ Elementos flutuantes sem propósito (setas decorativas, confetes, sparkles)
- ❌ Mistura de identidade Cadencia institucional e Cadencia SaaS no mesmo asset sem separação clara
Copy visual¶
- ❌ Texto sobreposto sem contraste suficiente
- ❌ Mais de 2 famílias tipográficas no mesmo asset
- ❌ Capitalização exagerada (TUDO EM CAPS sem intenção)
- ❌ Emojis no conteúdo institucional Cadencia (Cadencia SaaS pode usar pontualmente)
Referências estéticas de marca¶
| Referência | Por que |
|---|---|
| Jordan Peterson | Clareza brutal + autoridade intelectual — fala direta sem ornamento |
| The School of Life | Profundidade acessível + emocional sem ser piegas + estética editorial refinada |
| Pentagram | Design com propósito, sem ornamento. Seriedade gráfica |
| Basecamp (37signals) | Opinião forte + pragmatismo + anti-hype + produto com caráter |
O que essas referências têm em comum: comunicam autoridade com economia de elementos. Nada é decorativo sem função.
Checklist de aprovação visual¶
Antes de publicar qualquer asset de marca:
- [ ] Paleta dentro das cores aprovadas (nenhuma cor fora do sistema)
- [ ] Tipografia correta por hierarquia (Garamond título, Inter corpo)
- [ ] Contraste de texto adequado (WCAG AA mínimo)
- [ ] Nenhum anti-padrão visual presente
- [ ] Camada (Cadencia institucional ou Cadencia SaaS) claramente definida — sem mistura
- [ ] Filete vertical usado no ponto certo (se houver)
- [ ] Copy segue tom-de-voz correto por marca