01 / IdentidadeQuatro bases. Um ponto de conexão.
A geometria do símbolo corresponde ao favicon. Estes exemplos combinam o símbolo com DM Sans. Os logotipos SVG independentes existentes ainda usam Arial e precisam de uma versão revisada com texto convertido em curvas para distribuição externa.
Downloads do logotipoPronto para seu próximo perfil.
Use o PNG quadrado no LinkedIn e em outras imagens de perfil. Ambas as versões têm 1024 × 1024 px, com margem para recortes quadrados ou circulares. Use SVG para trabalhos de design escaláveis.
Símbolos transparentes
Baixar símbolo para fundos claros (SVG)
Baixar símbolo para fundos escuros (SVG)
Para o logotipo completo, combine o símbolo com DM Sans. Os SVGs antigos da composição completa contêm texto editável em Arial e não são as versões principais recomendadas para novos trabalhos externos.
Downloads de banners para redes sociaisUma identidade. Todos os canais.
Banners prontos para enviar às páginas de empresa do LinkedIn, YouTube e X. Cada layout usa a frase aprovada em inglês “Your RevOps consultant in your AI.” Baixe o PNG para enviar ou o SVG com texto em curvas para trabalhos de design.
Baixar todos os banners (ZIP, em inglês)
Página de empresa no LinkedIn
4200 × 700 px · Capa da empresa, com a mensagem afastada do logotipo do perfil.
Baixar PNGBaixar SVG
Canal do YouTube
2560 × 1440 px · Imagem completa, com texto e logotipos mantidos no recorte central para dispositivos móveis.
Baixar PNGBaixar SVG
Perfil no X
1500 × 500 px · Cabeçalho com espaço para a foto do perfil e recortes superior e inferior.
Baixar PNGBaixar SVG
O texto dos SVGs foi convertido em curvas para preservar as fontes. Confira o recorte na prévia de envio de cada plataforma antes de publicar. Ler as notas de formato e envio (em inglês).
02 / CoresAzul com espaço para respirar.
Use azul nas ações, nos estados ativos e no quinto ponto. Mantenha grandes superfícies claras e o texto escuro. Evite destaques verdes de marca e botões principais laranja.
03 / TipografiaPensamento claro.
Expressão humana.
DM Sans
Títulos principais, texto e interface. Hierarquia forte, pesos moderados e altura de linha generosa.
Newsreader em itálico
Ênfase editorial curta nos títulos.
IBM PLEX MONO
Etapas, rótulos de seção e pequenos detalhes técnicos.
Para novos componentes: corpo de 16px, texto secundário de 14px, orientações essenciais com pelo menos 12px. Não leve rótulos minúsculos de demonstrações para formulários.
Deixe claro o próximo passo.
Os botões de exemplo navegam dentro deste guia. Altura de 50px · raio de 7px · rótulo de 13px. Cartões usam raios de 12–14px; painéis de seções principais usam 18px.
05 / Ritmo e animaçãoEspaço para entender.
- Área de conteúdo de 1240px; espaçamento de 100px entre seções no desktop.
- Empilhe as colunas em telas estreitas; normalmente 55–65px de espaçamento entre seções no celular.
- Use seções abertas, claras e escuras para variar o ritmo.
- A seção principal leva diretamente ao problema.
Animações com propósito.
- História principal: 5 segundos por etapa.
- Logotipos de clientes: repetição contínua de 25 segundos.
- Pause ao passar o mouse ou receber foco e respeite a preferência por movimento reduzido.
- Nunca esconda informações essenciais em animações.
Amplie o sistema com intenção.
Toda recomendação futura deve indicar a necessidade do usuário, o padrão existente reutilizado, o comportamento no celular e as implicações de acessibilidade. Novas cores, fontes e tratamentos do logotipo exigem uma decisão intencional de marca.
Esta referência documenta a direção aprovada. Os padrões de reutilização propostos e as inconsistências restantes de CSS e recursos estão listados no guia completo; isto não é uma certificação de acessibilidade.