Logos Principais
Horizontal · uso preferencial
CAMPUZZ
CAMPUZZ
SISTEMA DE DESIGN
Tokens, componentes e telas para a implementação WhatsFlow → Campuzz, mantendo a identidade visual oficial CAMPUZZ — preto, branco e dourado. Tipografia Google Sans, modo escuro primeiro, hierarquia sóbria e densa para uso operacional.
01 · Identidade
A marca opera em quatro variações de logotipo e dois ícones. Sempre preservar a
proporção do cubo e a área de respiro mínima de 0.5× a altura do bloco.
02 · Tokens
Paleta sóbria com dourado como única cor expressiva. Use Dourado para CTAs primárias e estados ativos; Branco para superfícies claras; Bronze como hover/pressionado do dourado.
03 · Type
Google Sans como família única — versátil, geométrica e neutra. Pesos Bold (titulação editorial) e Medium (titulação UI) cobrem todo sistema.
CORPO DE TEXTO
Texto · Regular 16px
Padrão para textos corridos.
TEXTOS AUXILIARES
BOLD · TÍTULOS
MEDIUM · TÍTULOS
Atendimento próximo,
operação no controle.
H4 / Medium · uso editorial
04 · Componentes
Botões e formulários cobrem 90% do produto. Mantenha tamanho mínimo 32px (pequeno) e
44px (padrão), borda sutil 1px Grafite, raio 999px nos pílulas.
Pequeno · 32px
Padrão · 44px
Hover
Dropdown
Tema escuro
Tema claro
Controles
06 · Aplicação
Demonstração do DS aplicado a uma tela real do produto: Atendimento com inbox WhatsApp, conversa ativa e ações rápidas. Cores, tipografia e componentes seguem fielmente o guia.
CAIXA · 24h
Bom dia! Gostaria de saber sobre o curso de marketing.
Pagamento confirmado, obrigado!
Não consegui acessar a área de membros, podem ajudar?
Quando começa a próxima turma?
Recebi a fatura, segue o comprovante.
Quero renovar minha assinatura anual.
Mariana Ribeiro
+55 11 98712-4490 · Online agora