Design System
Paleta de Cores
Cores extraídas do site FireBee original (tema escuro)
Primary#1a1a2e
Secondary#16213e
Accent#f59e0b
Surface#0f0f23
Success#22c55e
Error#ef4444
Tipografia
Escala Tipográfica
Poppins como fonte principal — self-hosted por performance
Heading 1 — Detecção Inteligente
text-4xl md:text-5xl lg:text-6xl
Heading 2 — Nossos Produtos
text-3xl md:text-4xl
Heading 3 — Como Funciona
text-2xl md:text-3xl
Heading 4 — Benefícios
text-xl md:text-2xl
Body — Texto de parágrafo normal com line-height 1.7 para legibilidade. A FireBee desenvolve tecnologia de ponta em detecção e combate a incêndios.
Small — Texto auxiliar e captions.
Componentes
Botões
Variantes e tamanhos disponíveis
Componentes
Cards
Containers para conteúdo com variantes
Card Default
Card padrão com hover lift.
Card Elevated
Card com sombra e hover.
Card Bordered
Card com borda e hover.
Componentes
Badges
Etiquetas para categorias, status e tags
Formulários
Campos de Entrada
Para formulário de contato e newsletter
Utilitários
Divisores
Três variantes de separador:
Default:
Gradient:
Accent: