Styleguide
Cores
Mundo de cores da 'cozinha ao entardecer'. No tema noite, o fundo vira azul de entardecer — nunca preto.
Âmbar de lamparina
--lamp · Luz, identidade, o que importa agora
Terracota de telha
--hearth · Ação principal (primary)
Oliva de horta
--garden · Crescimento, meta alcançada (success)
Linho cru
--background · Fundo — papel de caderno
Nogueira
--foreground · Texto — quente, nunca preto
Azul de entardecer
--dusk · Noite, silêncio, info
background
card
muted
secondary
accent
primary
destructive
success
warning
info
border
input
ring
Tipografia
Fraunces (SOFT 100) nos títulos: serifa calorosa de caderno. Nunito Sans no corpo: arredondada e legível com uma mão.
Display 60
H1 · Bom dia, Ana
H2 · Linha do dia
H3 · Reserva de emergência
Body 16 — Lembramos na véspera, respeitando seu silêncio.
Label 14 — Quem cuida de quê
Caption 12 — Somente leitura
R$ 1.050,00 · 12/10 · 25% (números tabulares)
Espaço, raio e superfícies
Profundidade por troca de superfície (papéis sobrepostos). Base 4px; raio 12px.
Movimento
fast 150 · base 250 · slow 400 · breath 4200 (só a Luz do dia). Nada de bounce; reduz com prefers-reduced-motion.
- Reveal 1
- Reveal 2
- Reveal 3
- Reveal 4
- Reveal 5
Camadas (z-index)
base 0 · dropdown 10 · sticky 20 · overlay 30 · modal 40 · toast 50 · tooltip 60
Ícones
lucide-react · stroke 1.5 · 16 inline / 20 padrão / 24 destaque · decorativo com aria-hidden.
- Sun
- CalendarDays
- ClipboardList
- ShoppingBasket
- Baby
- Syringe
- Stethoscope
- Sparkles
- Wallet
- Target
- Lightbulb
- Brain
- HeartHandshake
- Settings
- PiggyBank
- Plus
- Check
- Trash2
- Info
- AlertCircle
Botões
Campos
Informe um e-mail válido.
Feedback
Estados
Hoje está em paz
Assinatura: Luz do dia
Halo âmbar que respira atrás do que importa agora. Aparece em: item 'agora' da linha do dia, vacina da semana, meta mais próxima, plano em destaque e a marca (lamparina). Cada membro tem sua luz.
- 07:30
Levar Laura à escola
Rafael - 09:00
Vacina da Sofia
Ana - —
Hepatite A (atrasada)
Ana - 15:30
Natação da Helena
Os dois
Gráficos
Paleta categórica própria — não reutiliza primary nem feedback.