Central / Style Guide
Identidade da marca · fiel ao site

Style Guide Callface

A fonte da verdade visual da marca, alinhada ao site callface.ai. Base pra hub, criativos, LPs e qualquer material. Clique numa cor pra copiar o hex.

Cores da marca

Carmim é a primária. Roxo profundo e navy estruturam. Verde é sucesso. Lima é faísca pontual (liberada pra criativos).

Carmim · Primária
#e23752
Roxo profundo
#3d1152
Navy · Texto
#1a1a2e
Verde · Sucesso
#34d399
Lima · Accent criativos
#c8ff00
No site, o destaque é carmim sobre navy, fundo branco. A palavra de impacto usa o fade carmim→transparente. Lima entra só em criativos da Scott Studio, nunca no produto.

Neutros

Escala navy→branco. Bordas e superfícies saem daqui (padrão do site, base Tailwind).

Tipografia

Inter em tudo. Títulos peso 700 com tracking apertado (-.03em). Corpo 400/500.

DisplayInter · 700 · 64px
Voz inteligente.
Heading 1Inter · 700 · 48px
Aa Callface
Heading 2Inter · 700 · 32px
Aa Callface
Heading 3Inter · 700 · 24px
Aa Callface
Heading 4Inter · 600 · 20px
Aa Callface
BodyInter · 400/500/700 · 16px
Regular · Medium · Bold — a Callface conecta times de vendas.
SmallInter · 400 · 14px
Texto auxiliar, labels e metadados.

Logos

SVG vetorial. Versão cor pra fundo claro, branca pra fundo escuro. Em /style-guide/logos/.

Callface — completo

Callface — símbolo (Smile)

Ticky · Ticky AI (assistente)

CRMs integrados

Componentes

Os blocos da marca, recriados no padrão do site. Radius 8px em botões, 12px em cards.

Botões

Badges & Pills

Fonte da verdade Em revisão Vivo Em breve Callface · Central interna

Card de métrica

20M
Minutos analisados pela IA

Aplicações

Como a marca aparece. O padrão do hero, a palavra com fade, os cards.

Callface · Voz Inteligente
Pare de decidir no achismo.

Cada ligação do seu time vira dado. A IA anota, pontua e joga no CRM.

Padrão de hero: pill no topo, título navy com a palavra-chave em fade carmim, subtítulo muted, dois CTAs (sólido + outline). É o esqueleto de toda LP e do hub.

Forma & espaçamento

UI flat, sem sombra pesada. Radius 8px (botões/inputs) e 12px (cards). Spacing em múltiplos de 4px.

Border radius

8px
12px
full

Escala de espaçamento

4
8
16
24
32

Voz & Tom

Resumo da fundação de comunicação. Eixo: do achismo ao dado.

✓ Sempre

Gancho na dor (decidir no achismo, sem dado do time) → o que a gente entrega: cada ligação vira dado pra decidir, com agilidade. Fala de gente pra gente, simples, prova com número.

✕ Nunca

"Previsibilidade" (palavra morta), "IA que vende sozinha", "IA" solta sem verbo, jargão de telecom (PABX, ramal), travessão "—", vigilância. Não liderar pela tecnologia.

Checklist — antes de publicar

Todo material passa por aqui.

Copiado!