Brand Book & Identity System

Versão 3.1 · Abril 2026

scroll

02 — Monograma

BA

A mesma lógica do logo completo: B sempre sólido e limpo, A sempre com efeito. Use o monograma para favicons, avatares, selos e qualquer contexto compacto.

Monograma · Blur · Dark
Monograma Blur Branco
★ Modo 1 — Fog Animado Favicon · Avatar
Monograma · Blur · Light
Monograma Blur Preto
★ Modo 1 — Fog Animado Favicon · Avatar
Monograma · Striped · Dark
Monograma Striped Branco
Modo 3 — Striped Selo · Impresso
Monograma · Striped · Light
Monograma Striped Preto
Modo 3 — Striped Selo · Impresso

03 — Sistema de Cores

Paleta Principal

Monocromático como base. Cobre como acento. Azul como suporte. Nunca misture cores no logo.

Black #000000 Fundo principal
White #FFFFFF Texto principal, logo
Copper #B87333 Destaque, acentos
Blue #2B4A6F Destaque secundário
Gray-S #999999 Texto secundário

LED / Status

LED Red #FF3366 Erros, proibições
LED Green #00FF88 Correto, aprovado
LED Amber #FFB800 Atenção, cuidado
LED Blue #00AAFF Informação

Escala de Cinza

G3#1a1a1a
G4#2a2a2a
G5#3a3a3a
G6#666666
G7#888888

04 — Tipografia

Roboto Condensed

Uma família. Quatro pesos permitidos. Pesos 300 e 900 são proibidos.

Nível Exemplo Tamanho Peso Uso
Hero Aa 72–120px 700 Logotipo hero
H1 Heading 1 40–56px 700 Títulos de seção
H2 Heading 2 28–36px 700 Subtítulos
H3 Heading 3 20–24px 600 Títulos de card
Body Texto corrido para leitura 14–16px 400 Parágrafos
Caption Label · Legenda 10–12px 500 Labels, legendas
Overline CATEGORIA 9–11px 700 Categorias

05 — Regras de Uso

O que fazer.
O que jamais fazer.

✓ BACKSTAGE sempre sólido

A palavra BACKSTAGE nunca recebe blur, sombra, gradiente ou qualquer distorção. É o pilar imóvel da identidade.

✕ Nunca "back stage" ou "back-stage"

BACKSTAGE é uma palavra única em todos os contextos — títulos, contratos, posts, código, domínios.

✓ AFFAIRS sempre com efeito

Fog animado no digital, blur estático em PPT e imagens estáticas, striped no impresso físico.

✕ Nunca misturar cores no logo

O logo é sempre monocromático: tudo branco ou tudo preto. Nunca BACKSTAGE branco + AFFAIRS cobre.

✓ Monocromático em todos os usos

Apenas branco em fundo escuro, ou preto em fundo claro. Versões coloridas do logo são proibidas.

✕ Striped jamais em telas

O modo Striped é exclusivo para materiais impressos. Proibido em site, app, PPT, redes sociais e e-mail.

✓ Clear space de 200px no digital

Mantenha ao menos 200px de espaço limpo em torno do logo em todos os lados em contextos digitais.

✕ Nunca rotacionar ou deformar

O logo não pode ser inclinado, espelhado, distorcido, esticado ou comprimido em nenhuma situação.

06 — Matriz de Decisão

Qual modo usar?

Para cada contexto, existe um modo correto. Dúvida? Siga esta tabela.

Contexto Modo Justificativa
Website / HTML / App ★ Fog Animado Suporte nativo a CSS animation
Vídeo / Motion / Reels ★ Fog Animado Movimento reforça a identidade
PPT / Google Slides Blur Estático Sem suporte a CSS animation
Social Media (imagem) Blur Estático Export estático
PDF Digital Blur Estático Sem renderização CSS
Contrato / Proposta impressa Striped Contexto físico
Crachás / Camisetas / Merch Striped Produção física
Sinalização / Banner Striped Impressão em grande formato

07 — Arquivos de Logo

Download dos Logos

12 variações × 2 formatos. SVG (vetorial) é o formato recomendado para impressão e qualquer contexto que exija escala. PNG (raster) garante compatibilidade com clientes de email e ferramentas legadas. Para uso digital com animação, prefira sempre o Modo 1 (Fog Animado) gerado por CSS — não use arquivo estático.

Horizontal · Lockup primário

Horizontal blur branco
Horizontal · Blur · Branco Digital · Fundo escuro
↓ SVG ↓ PNG
Horizontal blur preto
Horizontal · Blur · Preto Digital · Fundo claro
↓ SVG ↓ PNG
Horizontal striped branco
Horizontal · Striped · Branco Impresso · Fundo escuro
↓ SVG ↓ PNG
Horizontal striped preto
Horizontal · Striped · Preto Impresso · Fundo claro
↓ SVG ↓ PNG

Stacked · Lockup empilhado

Stacked blur branco
Stacked · Blur · Branco Digital · Fundo escuro
↓ SVG ↓ PNG
Stacked blur preto
Stacked · Blur · Preto Digital · Fundo claro
↓ SVG ↓ PNG
Stacked striped branco
Stacked · Striped · Branco Impresso · Fundo escuro
↓ SVG ↓ PNG
Stacked striped preto
Stacked · Striped · Preto Impresso · Fundo claro
↓ SVG ↓ PNG

Monograma BA

Monogram blur branco
Monograma · Blur · Branco Digital · Favicon, avatar
↓ SVG ↓ PNG
Monogram blur preto
Monograma · Blur · Preto Digital · Favicon, avatar
↓ SVG ↓ PNG
Monogram striped branco
Monograma · Striped · Branco Impresso · Selo
↓ SVG ↓ PNG
Monogram striped preto
Monograma · Striped · Preto Impresso · Selo
↓ SVG ↓ PNG
Pacote Completo
24 arquivos · PNG + SVG · todas as variações
PNG + SVG · ~1.5 MB
↓ Download ZIP

08 — LLM-Ready

Para Inteligências
Artificiais

A documentação completa deste brand book está disponível em formato otimizado para parsing por modelos de linguagem (Claude, ChatGPT, Gemini, Perplexity). Quando precisar gerar material com a identidade Backstage Affairs via IA, peça que ela acesse o endpoint abaixo primeiro.

/llms.txt · Convenção pública

Endpoint de marca para IAs

Inclui a regra de ouro, sistema de 3 modos, paleta completa, tipografia, regras proibidas e tom de voz — tudo em texto puro estruturado para LLMs interpretarem com fidelidade.

brand.backstageaffairs.com/llms.txt
Abrir llms.txt ↗ Brand Guidelines (markdown) ↗

09 — Voz & Tom

Precisão técnica.
Postura executiva.

A Backstage Affairs comunica com clareza e autoridade. Nunca informal demais, nunca distante. Os bastidores são visíveis — transparência sobre processo é parte da marca.

01 Clareza antes de estética

Nunca sacrificamos entendimento por elegância. Se a mensagem não é clara, a forma não importa.

02 Autoridade sem arrogância

Sabemos o que fazemos, mas não precisamos anunciar. Nossa competência fala por si mesma.

03 Bastidores visíveis

Transparência sobre processo e metodologia é parte da marca. Mostramos o trabalho, não apenas o resultado.

04 Precisão nos números

Dados e métricas sempre que possível. Evitamos afirmações vagas — preferimos ser específicos.