Skip to Content
BrandBrand Toolkit

Brand expression toolkit

Fase α · 05 · entregue na v3.0

O Pulso aparece fora do produto · slide para Dotcase, doc institucional para cliente, social card para anúncio. Sem template, cada peça reinventa. Este toolkit fecha o gap entre DS e brand system.

Princípio

Brand toolkit usa o mesmo vocabulário do produto — tipografia α.2, ritmo α.3, signature shapes α.4 — com permissões diferentes por superfície. Pulso reconhecível em qualquer formato, com ou sem o roxo.

3 surfaces · 3 templates

01 · Deck Dotcase · 16:9

Slide all-hands, comercial, board, investor. 3 layouts canônicos.

SlotSpec
Formato16:9 · 1920×1080
FundosTitle · gradient indigo · Section · surface-2 · Content · card
Kickermono · 0.18em tracking (mais ousado que UI)
Numeralmono · tabular · weight 700 · até 64px
LayoutsCapa · Secção · Conteúdo
Distribuição.key · .pptx · Figma library

02 · Doc institucional · A4 print

Relatório de incidente, briefing executivo, post-mortem, política regulatória. Light para imprimir · Dark para email/screen. Marcadores [Fato] / [Inferência] / [Recomendação] presentes · vocabulário Cris atravessa o produto e a marca.

SlotSpec
Formato8.5×11 in · 240 dpi
VariantesLight · impressão · Dark · email/screen
Marcadores[Fato] · [Inferência] · [Recomendação] (signature 05)
MétricasScore · Menções · Veículos · Sentimento — numerais mono tabulares
FerramentasInDesign · Affinity · Pages

03 · Social cards · 1:1

3 layouts canônicos · cada um servindo um propósito comunicativo claro.

LayoutPropósitoSpec
A · Quote / manifestoFrase-chave, depoimentoFundo escuro #14101F · type 19px / 700 · -0.012em
B · Número / data pointMétrica, conquista, releaseFundo claro #F5F4FA · grid lavender · numeral 64px / 800 · tabular
C · Lista / anúncioRelease, feature drop, hiringBand escura + body claro + foot · bullets máx 3 · sempre com glifo

Ratios disponíveis: 1:1 (LinkedIn / IG) · 16:9 (LinkedIn link / X card) · 9:16 (story) · 4:5 (IG portrait).

Regras de uso · brand × DS

Brand toolkit usa o mesmo vocabulário do produto · mas com permissões diferentes. Cada superfície tem seu range.

  1. Tracking de kicker pode crescer fora do produto. UI usa 0.12em (α.2). Em deck e social, 0.16–0.18em é permitido — formatos grandes pedem mais respiro. PDF mantém o mesmo do produto.
  2. Numerais podem ir até weight 800 fora do produto. UI fixa em 700 (α.2 evita “editorial”). Em social card de número, 800 é permitido — a métrica é o protagonista. Deck e PDF mantêm 700.
  3. Marcadores [Fato]/[Inferência]/[Recomendação] são canônicos cross-surface. Mesmo vocabulário epistêmico em produto, PDF, social. Reforça que Crisis Monitor é a única ferramenta com esse rigor — assinatura cross-canal.
  4. Logomark sempre presente, sempre canto inferior. Em deck · canto inferior esquerdo + numeração à direita. Em social · canto inferior · sempre acompanhado da edição/tag. Em PDF · linha de rodapé com classificação. Nunca centralizado, nunca no topo.
  5. Fundo escuro = posicionamento; fundo claro = conteúdo. Indigo-deep (#14101F) carrega afirmação de marca · capa, manifesto, lançamento. Light (#F5F4FA) carrega informação · número, lista, body. Não há social card que mistura · escolha uma.

Arquivos · onde achar

Templates vivem em dotcase-brand/ · sincronizados via Tokens.studio (v2 · 5.2). Atualização do DS cascateia para os templates.

AssetConteúdoFormato
Deck · 14 slidesCapa · secção · conteúdo · número · lista · quote · CTA.key · .pptx · Figma library
PDF institucionalCapa · sumário · briefing · relatório · post-mortem · light + darkInDesign · Affinity · Pages
Social · 3 layouts × 4 ratiosQuote · número · lista · 1:1 / 16:9 / 9:16 / 4:5Figma library · Canva enterprise
Email · header + footerMark + kicker + assinatura · pronto para newsletter, dispatch, release notesHTML email · MJML

Entregas · α.5

  • Template de deck · 3 layouts canônicos (capa, secção, conteúdo)
  • Template de doc institucional · light + dark, A4 print-ready
  • Social cards · 3 layouts (quote · número · lista)
  • Email · header e footer canônicos
  • 5 regras de uso · brand × DS
  • Página Brand · Toolkit

Dependências

  • α.2 · Type confidence — display scale, tracking de kicker, numerais tabulares atravessam.
  • α.3 · Rhythm — cadência vertical informa layout de slide e doc.
  • α.4 · Signature shapes — kicker, numeral, marcadores, glifos aparecem em todas as superfícies.
  • v2 · 5.2 · Figma ↔ Code — pipeline Tokens.studio cascateia tokens para templates.
Last updated on