📞 45998209534

Style Guide

Referência visual completa de todos os componentes, cores e tipografia do template. Altere tudo pelo painel admin.

🎨 Paleta de Cores
Primary--color-primary
Secondary--color-secondary
Accent--color-accent
Background--color-bg
Surface--color-surface
Text--color-text
✍️ Tipografia

Título h1 — Display Font

Título h2 — Heading Grande

Título h3 — Section Header

Título h4 — Subsection

Título h5 — Card Title
Título h6 — Caption Title

Parágrafo normal (body text). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lead text — texto de introdução com tamanho maior e estilo suave para capturar a atenção do leitor.

Small / caption text — informações secundárias, timestamps, labels auxiliares.

Texto com código inline usando fonte monospace para trechos técnicos.

text-primary  ·  text-secondary  ·  text-accent  ·  text-muted

🔘 Botões — Variantes
🔘 Botões — Tamanhos
🔘 Botões — Variações
🃏 Cards
Card Básico

Subtítulo opcional

Componente base para organizar conteúdo em blocos visuais com hover suave.

🔮

Card Glass

Efeito glassmorphism com backdrop-filter blur.

⚡

Feature Card

Card de destaque com ícone gradiente e glow no hover.

📝 Formulários

Máximo de 500 caracteres. Texto auxiliar abaixo do campo.

E-mail inválido. Por favor verifique o formato.

🏷️ Badges
Primary Secondary Accent Success Warning Danger Neutral
🔔 Alertas
✅ Operação realizada com sucesso! Os dados foram salvos corretamente.
❌ Ocorreu um erro ao processar a solicitação. Verifique os dados e tente novamente.
⚠️ Atenção: esta ação não pode ser desfeita. Certifique-se antes de prosseguir.
ℹ️ Dica: personalize as cores e fontes acessando o painel de aparência.