Agência Pilaris
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.

Direção sobre ornamento

Cada elemento visual tem função. Nada decora por decorar. Hierarquia substitui efeito.

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 Símbolo + lockup
Cor Preto + laranja
Tipo Inter
Componente Botão, card, FAQ
Movimento Scroll + hover
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.
Get started

Pronto para aplicar o sistema.

Falar com a gente