Direção sobre ornamento
Cada elemento visual tem função. Nada decora por decorar. Hierarquia substitui efeito.
Agência Pilaris · Brand System v3.0
Tudo que a Agência Pilaris publica.
Nasce aqui.
Identidade visual da Agência Pilaris. Regras, componentes, aplicação.
Cor, tipografia, componentes e padrões aplicados em landing page, carrossel, proposta e anúncio. Uma identidade só, em todo lugar.
Princípios
O que a marca faz.
Sistema sobre improviso
Mesmas regras, mesmo padrão, em todo material. Eyebrow, heading, corpo, CTA: a ordem nunca muda.
Laranja é ação
Cor única de marca, usada apenas para CTA, palavra-chave e ponto de atenção. Nunca como fundo.
Aplicações
Onde a marca aparece.
Landing page
Carrossel
Proposta
Slide
GBP post
Anúncio
Anti-padrões
O que a marca evita.
Laranja como background de seção
Anula o papel de cor de acento. Quando tudo é laranja, nada se destaca.
Mais de uma fonte por peça
Inter resolve display, body e dado. Misturar fonte dilui a identidade.
Cor decorativa fora da paleta
Navy, teal, âmbar são legado. Não entram em material novo da Agência Pilaris.
Logo recolorida
A laranja + P preto, sempre. Sem versão all-white, sem versão all-black, sem gradient.
Sistema
Como a marca se organiza.
Mark
Cor
Tipo
Componente
Movimento
Aplicação
Como aplicar a marca.
01
Comece pelo eyebrow
Categoria em maiúscula, espaçada, em laranja. Define o assunto antes do título.
02
Heading com peso
Título em Inter 700 com 1 palavra em itálico laranja.
03
Corpo claro
Inter 400, line-height 1.6, máximo 60ch por linha. Frases curtas, parágrafos de 3 linhas.
04
CTA único
Botão primário laranja, texto preto. Um por seção, no máximo.
Contextos
Onde usar / onde não.
+ Onde usar
- Material institucional da Agência Pilaris
- Landing page de cliente com identidade adaptada
- Proposta comercial e diagnóstico
- Carrossel em @agenciapilaris
- Slide de apresentação interno
- Anúncio com logo da Agência Pilaris
− Onde não usar
- Material onde o cliente é o protagonista visual
- Conteúdo pessoal em @vininunescardoso
- Sites de terceiros sem autorização
- Marca registrada de cliente como fundo
- Em CMYK impresso sem prova de cor
- Material de marca pessoal de funcionário
Na prática
A marca em uso.
Carrossel · Instagram
10 slides com ritmo
Hierarquia padrão em cada slide. CTA final em laranja.
Landing page · cliente
Conversão direta
Hero, prova, oferta, CTA. Mesmo ritmo do brand book.
Proposta · comercial
Capa institucional
Hero com headline + itálico laranja. Hierarquia consistente.
Slide · apresentação
Diagnóstico padrão
Capa + 6 slides internos + capa final. Métricas em destaque.
GBP · post
Atualização visual
Foto + frase curta + CTA sutil em laranja.
Criativo · Google Ads
Display banner
Imagem + 1 frase + CTA. Sem ruído visual.
FAQ
Perguntas frequentes.
Posso usar a logo em fundo colorido?
Não. A laranja + P preto. Em dark mode, o header usa fundo #141414 pra dar contraste ao P. Em fundo colorido, não usar.
Quando uso o monograma vs o lockup completo?
Monograma (símbolo AP) em avatar, favicon e contextos pequenos. Lockup completo (símbolo + Agência Pilaris em Zen Dots) em header, capa e material institucional.
Como aplico o sistema em um carrossel novo?
Slide 1 = hero (headline + itálico laranja). Slides intermediários = bloco padrão (eyebrow + heading + corpo). Slide final = CTA. Inter em todos.
Que cor de fundo é padrão para landing page da Agência Pilaris?
Dark. #0A0A0A. Light pode entrar em seções específicas se o contraste fizer sentido.
Qual fonte uso em apresentação? E em e-mail?
Inter em ambos. Em e-mail HTML, fallback Helvetica/Arial. Apresentação Google Slides aceita Inter via Google Fonts.
Posso usar gradient laranja em CTA?
Não. Laranja é flat. Gradient é decoração que dilui a cor. CTA usa #FB8500 sólido sobre preto.