Pular para o conteúdo
PegaHorário
A Peggy, de blazer laranja, mostra no celular um horário agendado.

PEGAHORÁRIO / GUIA DA MARCA

Guia de identidade visual.

A referência para o PegaHorário ter a mesma cara em todo lugar: no app, no site, no WhatsApp, nos anúncios e no menor ícone.

SÍMBOLO

Horário confirmado

Um relógio com o selo de check: o momento em que o cliente pega o horário e ele fica garantido.

COR

Laranja que chama

O laranja é a marca. O azul-marinho dá peso e o azul do selo diz "confirmado".

PERSONAGEM

A Peggy

A assistente que atende o WhatsApp dos negócios. Tem rosto, voz (Kore) e um jeito de falar.

01 / MARCA

O símbolo e o nome.

Use o arquivo pronto. O nome está em curvas — não digite "PegaHorário" com uma fonte para imitar o logotipo.

Logotipo horizontal
Horizontal · uso principal. Site, documentos, assinatura de peças. SVG ↓
Logotipo horizontal sobre azul-marinho
Negativo · sobre azul-marinho ou foto escura. SVG ↓
Logotipo empilhado
Empilhado · espaços quadrados ou verticais. SVG ↓
Símbolo
Símbolo · ícone, avatar, carimbo. SVG ↓
Logotipo todo branco
Branco · sobre o laranja ou foto, quando a cor não cabe. SVG ↓
Símbolo em azul-marinho
Monocromático · impressão em uma cor, carimbo. SVG ↓

Anatomia do símbolo

  • Quadrado arredondado com o degradê laranja (#f97316 → #ea580c, 135°).
  • Relógio em branco, com os ponteiros para cima: o horário que está chegando.
  • Selo azul com check no canto inferior direito: o horário confirmado. Ele sempre fica nesse canto e sempre em azul (#1e40af) com aro branco.

Área de proteção e tamanho mínimo

Deixe em volta do logotipo um respiro igual a metade da altura do símbolo. Nada de texto, borda ou outro logo dentro dele.

Mínimo: símbolo 16 px (use o símbolo pequeno abaixo de 48 px — sem os marcadores das horas) e logotipo horizontal 120 px de largura.

02 / CORES

A paleta.

Laranja para chamar, azul-marinho para dar peso, azul para confirmar. Clique numa cor para copiar o HEX.

Proporção

creme / branco 50%marinho 30%laranja 16%

O laranja funciona porque aparece pouco: botão, destaque de uma palavra, ícone. Uma peça inteira em laranja só para chamada final (CTA).

Contraste para texto

AaBranco sobre marinho16,4:1 · qualquer texto
AaMarinho sobre creme15,2:1 · qualquer texto
AaLaranja escuro #c2410c sobre creme4,8:1 · texto pequeno ok
AaBranco sobre laranja2,8:1 · só texto grande e negrito (botão, título)
AaLaranja sobre marinho5,9:1 · texto e destaques
AaLaranja #f97316 sobre creme2,6:1 · só títulos grandes (ou use #ea580c, 3,3:1)

Tokens: CSS ↓ · JSON ↓ · Paleta GIMP/Inkscape ↓

03 / TIPOGRAFIA

Plus Jakarta Sans.

Uma família só, em pesos diferentes. Gratuita (licença OFL) e com acentos completos.

Aa

Pegue seu horário.

A agenda do seu negócio aberta 24 horas.

O cliente escolhe o serviço, o profissional e o horário. A Peggy confirma no WhatsApp e lembra no dia.

TEXTO DE APOIO · LEGENDA · ETIQUETA

Hierarquia

TítuloExtraBold 800 · 48–96 px · espaço entre letras −2%
SubtítuloBold 700 · 24–36 px
TextoRegular 400 / Medium 500 · 16–18 px · entrelinha 1,5
EtiquetaBold 700 · 12–14 px · maiúsculas · espaço +8%

Destaque: pinte de laranja uma palavra ou expressão do título ("Agendamento online com WhatsApp"). Nunca o título inteiro.

Fonte (TTF variável) ↓ · Licença OFL · Google Fonts: "Plus Jakarta Sans"

04 / A PEGGY

A cara de quem atende.

A Peggy é a assistente virtual que atende o WhatsApp dos negócios no PegaHorário. É ela que pega o horário com o cliente, confirma e lembra.

Peggy de corpo inteiro acenando
Corpo inteiro · PNG 1536×2752 ↓

Ficha da personagem

  • Cabelo black power escuro, cacheado, volumoso
  • Pele marrom, bochechas rosadas
  • Fone branco de arco com microfone — ela está sempre "em atendimento"
  • Blazer laranja (o laranja da marca), camiseta branca
  • Calça azul-marinho e tênis branco
  • Broche azul-marinho com check branco, na lapela esquerda — o selo do símbolo
  • Estilo 3D de filme de animação, luz suave, nunca fotográfica
Avatar da Peggy em fundo laranja
Avatar do WhatsApp · PNG 2048 ↓
Quatro poses da Peggy: positivo, pensando, comemorando e apresentando
Poses · positivo, pensando, comemorando, apresentando · PNG 2752×1536 ↓

Em cena, em cada segmento

Peggy no balcão de uma barbearia mostrando o celular ao barbeiro
Barbearia · PNG ↓
Peggy agachada fazendo carinho num cachorro no pet shop
Pet shop · PNG ↓
Peggy na recepção de uma clínica ao lado de uma médica
Clínica · PNG ↓
Peggy num salão de beleza mostrando um horário agendado
Salão (hero) · PNG ↓

Pode

  • Usar as artes daqui como estão, ou recortar mantendo o corpo inteiro no quadro.
  • Colocar o título no espaço vazio da cena, nunca sobre o rosto.
  • Gerar cenas novas sempre a partir da folha da personagem, conferindo a ficha acima.

Não pode

  • Trocar a roupa, o cabelo, a cor da pele ou tirar o fone e o broche.
  • Usar a Peggy como se fosse uma cliente real dando depoimento.
  • Mostrar a Peggy fazendo o que o sistema não faz.

05 / VOZ & LINGUAGEM

Como a Peggy fala.

A mesma regra vale para o robô do WhatsApp, os vídeos e os textos das peças.

VOZ

Kore

A voz da Peggy nos vídeos e no assistente é a Kore do Gemini TTS. Sempre a mesma, em qualquer peça.

JEITO

Curta e amigável

Até 3–4 linhas. Responde o que foi perguntado. Conversa — nunca manda menu "digite 1, 2, 3".

PALAVRAS

Pegar e soltar horário

Pegar horário = agendar. Soltar horário = cancelar. Use nas peças também.

06 / APP ICON & FAVICON

Um ícone, em todos os tamanhos.

O app do dono e o app do cliente usam o mesmo ícone: fundo laranja, relógio branco, selo azul. (Hoje o app do dono está com o fundo azul e o check laranja — trocar na próxima versão.)

Lojas / iOS · 1024 · PNG ↓
Android adaptativo · frente ↓ · fundo ↓
PWA · 512 · 192
Favicon · ICO ↓ · SVG ↓
32 e 16 px

07 / COMPOSIÇÃO

Como as peças se montam.

Fundo creme ou azul-marinho · etiqueta laranja em cima · título grande com uma palavra em laranja · a Peggy ou a tela do app · logotipo embaixo à esquerda.

Exemplo de imagem de compartilhamento
Compartilhamento de link · 1200×630 · PNG ↓
Exemplo de post do Instagram com a Peggy acenando
Post do feed · 1080×1350 · PNG ↓
Exemplo de Status do WhatsApp com a Peggy na barbearia
Status / Story · 1080×1920 · PNG ↓

Regras de conteúdo (as mesmas dos posts)

  • Uma ideia por peça. Título com no máximo 2–3 linhas.
  • Número só com fonte. Depoimento só de cliente real, com autorização.
  • Tela de app só da conta de demonstração. Feature do plano pago nunca com "teste grátis".
  • Ícones: Lucide, traço 2, na cor laranja ou branca.

08 / CUIDADOS

O que não fazer com a marca.

✕ Esticar ou achatar
✕ Trocar as cores
✕ Logo colorido sobre laranja (use o branco)
✕ Girar o símbolo
✕ Sobre foto sem contraste
PegaHorário
✕ Digitar o nome com outra fonte

09 / ARQUIVOS

Comece pelos arquivos.

Tudo o que está neste guia, pronto para usar.

As imagens da Peggy são raster (PNG, 2752×1536 ou 1536×2752), geradas por IA a partir da folha aprovada em 22/10/2026. A marca e os ícones são vetoriais (SVG).