KLAUS Agência Digital Brandbook · v1 · 10/2026
Brandbook · Identidade KLAUS Agência Digital

Agência paramarcas que queremser escolhidas.

Este é o manual da nova identidade da KLAUS. Ele nasce do site novo: a mesma calma, a mesma clareza e o mesmo ponto de vermelho. Tudo o que a marca publicar — Instagram, propostas, e-mails, anúncios — sai daqui.

Versão1.0 · outubro 2026
ResponsávelEquipe KLAUS
Basesite institucional novo
Manifesto

Pensado com clareza. Feito com identidade. Medido em vendas.

A gente pensa o digital como um sistema: o anúncio atrai, o conteúdo convence, o Google confirma, o site converte e o atendimento responde na hora. Quando uma peça falha, o resto perde força — por isso cuidamos de todas juntas.

Começamos sempre pelo diagnóstico. Entendemos o negócio, o público e a concorrência antes de propor qualquer coisa. Sem pacote de prateleira.

Somos de Uberlândia e atendemos marcas no Brasil e na Europa. Unimos estratégia, design e tecnologia — incluindo atendimento com inteligência artificial que trabalha 24 horas por dia no WhatsApp.

Tudo com relatório claro, contrato simples e um time que responde. O que importa no fim do mês é cliente novo. Vamos conversar?

Pensado com clareza.Estratégia antes de execução. Diagnóstico antes de proposta.
Feito com identidade.Cada cliente com a própria cara. Nada genérico.
Medido em vendas.O resultado que conta é cliente novo, com relatório claro.
02
Essência

Quem a KLAUS é antes do logo.

Propósito

Fazer marcas boas serem vistas, lembradas e escolhidas.

Existimos para que o negócio do cliente não dependa de sorte: que ele apareça para quem procura, convença quem chega e responda quem chama — na hora.

Posicionamento

Um só time, do primeiro clique até a resposta no WhatsApp.

Para negócios locais e marcas que querem crescer, a KLAUS é a agência de Uberlândia que junta tráfego, conteúdo, Google, site e atendimento com I.A. num sistema único — com diagnóstico antes, relatório depois.

Personalidade · 5 atributos
01Direta

Fala o que importa, sem rodeio e sem jargão.

02Clara

Explica, mede e mostra. Nada escondido em relatório confuso.

03Humana

“A gente” e “você”. Responde rápido, trata pelo nome.

04Precisa

Cuidado de agência séria: detalhe, prazo, acabamento.

05Inquieta

Usa tecnologia e I.A. de verdade — dentro de casa primeiro.

O que somos

  • Parceiros de crescimento que começam pelo diagnóstico.
  • Um time completo: estratégia, marketing, sites e inteligência.
  • Feitos para o celular, o Google e o WhatsApp do cliente.
  • Uma marca com a cara de cada cliente — nunca um molde.
  • Transparentes: contrato simples, relatório claro, time que responde.

O que não somos

  • Fábrica de posts ou pacote de prateleira.
  • Agência de promessa milagrosa e número inventado.
  • Fornecedor que some depois de vender.
  • Visual carregado, colorido demais, cheio de efeito.
  • A marca de uma pessoa: a KLAUS fala como equipe.
04
Cores

Papel, tinta e um ponto de vermelho.

Cores medidas no site novo (skill design-dna, k-means sobre os prints). Os neutros são quentes, como papel; o vermelho é o da logo e aparece pouco — por isso, quando aparece, chama.

Branco
Branco#FFFFFF · RGB 255 255 255Fundo principal, respiro.
Creme
Creme#F7F5F0 · RGB 247 245 240Seção alternada, cards, capas.
Tinta
Tinta#15140F · RGB 21 20 15Títulos, texto forte, botão.
Vermelho KLAUS
Vermelho KLAUS#DE0240 · RGB 222 2 64Só acento: chevron, seta, ponto, hover.
Escuro
Escuro#151412 · RGB 21 20 18Seção de contato e tecnologia.
Cinza quente
Cinza quente#B7B2AA · RGB 183 178 170Título grande sobre o escuro.
Divisória
Divisória#E4E0D9 · RGB 228 224 217Linhas de 1 px, bordas.
Grafite da logo
Grafite#333333 · RGB 51 51 51Só dentro do logo. Não usar em layout.
Escala de neutros
FFFFFF
F7F5F0
E4E0D9
D3D1CC
B7B2AA
89857F
5B5954
3A3934
15140F

Cores de apoio funcionais (não são da marca, só de interface): verde status #1FBF5F no ponto “online” e amarelo #E5A100 nas estrelas de avaliação.

Proporção de uso
60% branco + creme
30% tinta + escuro
10%
60 · Superfície

Branco e creme alternados. A peça respira antes de falar.

30 · Conteúdo

Tinta nos títulos e textos; escuro em blocos de impacto (contato, tecnologia, citação).

10 · Acento — no máximo

Vermelho em pontos: chevron, seta, um número, um sublinhado. No site ele ocupa menos de 0,1% da tela fora da fita.

Combinações acessíveis (WCAG)
Aa Tinta#15140F sobre #FFFFFF · 18,6:1AAA · qualquer texto
Aa Secundário#5B5954 sobre #F7F5F0 · 6,5:1AA · corpo e eyebrow
Aa Cinza quente#B7B2AA sobre #151412 · 8,6:1AAA · títulos no escuro
Aa Branco#FFFFFF sobre #DE0240 · 5,0:1AA · botão / selo
Aa Vermelho#DE0240 sobre #FFFFFF · 5,0:1AA · link, destaque
Aa Legenda#89857F sobre #FFFFFF · 3,7:1só ≥ 18 px ou rótulo mono
Aa Vermelho#DE0240 sobre #151412 · 3,6:1só títulos grandes / formas
Aa Tinta#15140F sobre #DE0240 · 3,7:1evitar
05
Tipografia

Grotesca firme, serifa que respira.

Três famílias do Google Fonts, gratuitas e iguais em site, Canva e Figma. Cada uma tem um papel — e só um.

Títulos e texto
Aa

Hanken Grotesk

400 · 500 · 600 · 700 · 800. Títulos em 700/800 com tracking negativo (−0,025 a −0,05 em). Corpo em 400, entrelinha 1,6.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Destaque
Aa

Instrument Serif itálica

Só itálico 400. Só na palavra ou expressão de destaque do título. É a voz humana da marca.

ser escolhidas · conversar? · medido em vendas

Rótulos técnicos
01

JetBrains Mono

400 · 500. Números de índice, URLs, status, dados de painel, passos do agente de I.A.

KLAUS.AI · AO VIVO · 01 / 04

Escala
Hero800 · clamp(52–132 px)
entrelinha .95 · −0,045 em
Marcas que querem ser escolhidas.
H2700 · clamp(34–52 px)
entrelinha 1,05 · −0,025 em
Feito com a cara de cada cliente.
H3700 · 18–24 px
entrelinha 1,2 · −0,015 em
Social media e tráfego para imóveis de alto padrão.
Corpo400 · 16–19 px
entrelinha 1,6

Tráfego, conteúdo, Google, sites e atendimento com inteligência artificial — um só time, do primeiro clique até a resposta no WhatsApp.

Eyebrow500 · 12 px
caixa-alta · +0,14 em
Agência digital em Uberlândia · Marketing, sites & I.A.
MonoJetBrains 400 · 11–13 px
caixa-alta opcional · +0,08 em
Atendimento com I.A. · Online · 01
Número800 · 44–76 px
sufixo vermelho sobrescrito
250+24/73x
Regra da serifa itálica · 1 destaque por título
Assim
A inteligência que trabalha enquanto você descansa.

Uma expressão, no fim da frase, carregando a emoção. O resto em grotesca 700/800.

Assim não
A inteligência que trabalha enquanto você descansa.

Serifa espalhada vira enfeite e perde força. Também não: título inteiro em serifa, serifa em negrito, serifa em corpo de texto.

Cor da serifa: tinta no claro; branco no escuro (com o resto do título em cinza quente); vermelho só quando a peça não tiver outro vermelho.

06
Elementos gráficos

Poucos elementos, sempre os mesmos.

Tudo deriva do K. Usados com economia, viram assinatura: dá para reconhecer a KLAUS sem ver o logo.

Tráfego pago (Meta e Google)Google Meu NegócioAtendimento com I.A.

Chevron “<”

A seta do K, recortada. Bullet de lista, marcador de balão, seta de selo, ícone isolado.

Quando: listas, marcadores, capa de destaque. Sempre vermelho, sempre apontando para a esquerda (ou girado para virar seta de ação).

Selo circular

Texto em caixa-alta girando em volta da seta vermelha. Gira devagar (18 s por volta).

Quando: um por peça, como convite (“Fale com a gente”, “Trabalhos selecionados”, “Arraste para o lado”). Canto inferior ou ao lado do título.

O próximo case pode ser o seu.

Marca d’água

O logo monocromático repetido, girado −14°, a 7–12% de opacidade, deslizando em diagonal.

Quando: só sobre o escuro, em cards de convite ou fundo de story. Nunca sobre foto, nunca sobre branco.

Fita de cetim vermelha formando o K

Fita de cetim / K

A fita vermelha que atravessa e amarra o K: “um só time ligando tudo”. É a peça-herói da marca.

Quando: capa (site, perfil, destaque, proposta, abertura de reel). No máximo uma vez por peça, sobre creme, com mix-blend multiply.

I.A. respondendo agora · 24h
Reels publicado
★★★★★Nova avaliação no Google

Balões de status

Pílulas brancas translúcidas (blur 10 px) com ponto verde pulsando ou chevron. Flutuam 7 px num ciclo de 7 s.

Quando: mostrar “operação acontecendo” (lead, agendamento, avaliação). Frases curtas, sem número inventado. Máximo 4 por peça no celular.

Imobiliárias●Clínicas●Estética●Imobiliárias●Clínicas●Estética●

Texto vazado

Palavras grandes só com contorno de 1 px (#D3D1CC), rolando em faixas, separadas por ponto vermelho.

Quando: listas de segmentos, serviços ou cidades. Fundo claro. Nunca para mensagem principal (lê pouco).

6
14
999

Grade e cantos

Grade de 12 colunas, margem lateral 16–46 px, divisórias de 1 px. Cantos: 14 px em cards e mídia, 999 px em botões e balões, 6 px em detalhes.

Quando: sempre. Sem cantos vivos em mídia, sem raio maior que 14 px em cards.

klausagencia.com.br

Mockups

Celular preto (raio 30 px, moldura 7 px) para reels e WhatsApp; navegador claro com barra de URL em mono para sites.

Quando: mostrar trabalho de cliente. O conteúdo dentro é sempre real. Sombra longa e suave, sem perspectiva 3D.

Agente de diagnóstico● online✓ Lendo o Instagram da marca✓ Checando o perfil no Google○ Montando o diagnóstico

Painel escuro

Fundo #151412 com grade fina de 44 px que some num degradê, rótulos em mono e status verde.

Quando: conteúdo de tecnologia e I.A. É o único lugar onde a marca fica “técnica”.

07
Fotografia e vídeo

Mostrar o trabalho de verdade.

A prova da KLAUS é o cliente real. Nada de banco de imagem genérico: a imagem mostra o lugar, a equipe e o produto de quem a gente atende.

Reel real da Royce Imobiliária em mockup de celular
Reel = vídeo
Reel real da Eternità em mockup de celular
Luz clara, cor real
Imagem gerada com I.A.

Mídia real do cliente

Fotos e vídeos do espaço, da equipe, do produto e dos clientes (com autorização). Se não temos, produzimos — não inventamos.

Reel é vídeo, nunca print

No site e em apresentações o reel roda como vídeo mudo em loop dentro do mockup de celular, otimizado (MP4 leve + pôster WebP).

Luz clara e natural

Ambientes iluminados, brancos e tons de madeira/pedra combinam com o creme. Evitar filtros pesados, saturação exagerada e vinheta.

Sem banco genérico

Nada de aperto de mão, pessoa apontando para gráfico ou escritório de stock. Se a foto serve para qualquer agência, não serve para a KLAUS.

I.A. só marcada

Imagem gerada ou retocada com I.A. leva a etiqueta “Imagem gerada com I.A.” (ou na legenda) e nunca se passa por cliente, resultado ou depoimento real.

Enquadramento

Retângulos com cantos de 14 px, vertical 4:5 / 9:16 para social. Texto sobre imagem só em área calma; se não houver, use faixa creme ou escura.

08
Movimento

Calmo, preciso, nada pula.

Movimento existe para guiar o olho, não para chamar atenção para si. Vale para o site, reels, stories animados e apresentações.

Curva única

cubic-bezier(.2,.8,.2,1)

Sai rápido e pousa suave. A mesma curva em tudo.

Revelar ao rolar

Sobe 30 px com fade em 900 ms; itens em sequência com 80 ms de atraso. Títulos sobem de dentro de máscara.

Agendamento confirmado

Flutuar leve

Balões sobem 7 px e voltam em 7 s. Ponto verde pulsa a cada 2 s. Selo gira em 18 s.

Resposta ao toque

300–400 ms: botão vira vermelho, seta desliza 4 px, mídia aproxima 5%.

Princípios

  • Durações entre 300 ms (micro) e 900 ms (entrada); loops longos e lentos.
  • Um movimento por vez na tela. O resto parado.
  • Em vídeo: cortes no ritmo da fala, texto entrando de baixo por máscara, fita como transição.
  • Respeitar “reduzir movimento”: tudo aparece parado e legível.

Evitar

  • Quique, elástico, giro 3D, zoom agressivo, glitch.
  • Texto letra por letra, efeito máquina de escrever em título.
  • Transições prontas de app (estrela, cortina, explosão).
  • Tudo se mexendo ao mesmo tempo; pisca-pisca no vermelho.
09
Voz e tom

Falar direto, como gente.

A KLAUS fala como um time que conhece o seu negócio e quer resolver. Frases curtas. “A gente” e “você”. Sem jargão de marketing e sem promessa que não dá para medir.

01

Direta

Começa pelo que importa. Uma ideia por frase.

02

Humana

“A gente”, “você”, “seu negócio”. Nunca “prezado cliente”.

03

Sem jargão

Se o dono da clínica não fala, a gente não escreve.

04

Honesta

Só número real. Sem “garantido”, sem “explodir vendas”.

Certo × errado
Assim
Assim não
A gente cuida do anúncio, do Google, do site e do atendimento. Um só time.
Soluções 360° de marketing digital full-service com sinergia omnichannel.
Antes de propor qualquer coisa, a gente faz um diagnóstico do seu negócio.
Contrate agora nosso pacote premium e EXPLODA suas vendas!!!
Sua clínica responde o WhatsApp em segundos, mesmo de madrugada.
Implementamos chatbots com IA generativa de última geração para leads.
Empresas que respondem na hora agendam mais. É isso que a I.A. faz por você.
Resultados garantidos: 1.000% de ROI em 30 dias.
Equipe KLAUS
Fulano & Fulana · Fundadores
Palavras que usamos
a gentevocêseu negóciodiagnósticoser escolhidocliente novona horaum só timecom a sua cararelatório claromedidoatendimento com I.A.vamos conversar?
Palavras que evitamos
garantidoexplodir vendas360°sinergiaomnichannelgrowth hackingleads quentes!!!imperdívelprezado clientechatbotsucesso absolutonúmero inventado
CTA padrão
Fale com a gente

Principal: Vamos conversar? / Fale com a gente. Para venda: Quero um diagnóstico. Sempre no imperativo gentil ou pergunta, nunca com urgência falsa.

Regra de assinatura

O material é da KLAUS Agência.

Peças, propostas, posts e e-mails institucionais falam em nome da marca. Nada de nomes de pessoas no material. Assinatura: Equipe KLAUS.

Exceção: a assinatura de e-mail individual identifica quem escreve — mas o tom continua sendo o da equipe.

10
Aplicações rápidas

Do site para o feed.

Modelos de referência. O Instagram segue o site: fundo claro na maioria, escuro como pausa, vermelho só no detalhe.

01 / 05
Atendimento com I.A.

Seu WhatsApp responde em segundos.

Arraste para o lado@klausagencia
Post · capa de carrossel (4:5)Creme, eyebrow, título 800 com serifa no fim, chevron como seta.
Agência
24/7

Atendimento com I.A. sem fila.

Vamos conversar?klausagencia.com.br
Post · número (4:5)Escuro como pausa no feed. Só os números públicos: 250+, 24/7, 7 dias, 3x.
klausagencia

Um só time, do clique ao WhatsApp.

Agendamento confirmado
Fale com a gente
Story (9:16)Fita como herói, um balão de status e um CTA. Margem segura de 250 px em cima e embaixo.
KLAUS Agência Digital
Nome SobrenomeCargo · KLAUS Agência Digital[email protected]klausagencia.com.br
Assinatura de e-mailLogo + nome + cargo + e-mail + site. Sem telefone. Fonte de sistema (Arial) para funcionar em qualquer cliente de e-mail; filete vermelho de 2 px.
Proposta · 2026
Proposta comercial

Para a sua marca ser escolhida.

Preparada para: Nome do cliente

Equipe KLAUS[email protected]
Uberlândia · MGklausagencia.com.br
Capa de proposta (A4, fundo claro)Branco, logo principal, fita no card creme, título com serifa. Assinada pela Equipe KLAUS.
Case
Royce Imobiliária

Social media e tráfego para imóveis de alto padrão.

Post · case (4:5)Igual ao card do site: mídia real em mockup, eyebrow com o cliente, frase em H3.