v1 · Design System
Médico-moderno. Inspirado em Apple Health, Linear e Capim. Sensação de higiene, calmaria, confiança clínica. Off-white frio + teal médico + azul gelo.
Auth
Login
Auth · entrada
Auth
Cadastro
Auth · signup
Auth
Esqueci a senha
Auth · recuperar
Operação
Dashboard
KPIs + agenda + IA insights
Operação
Agenda
Semana + mini-cal + lista espera
Clínico
Pacientes (lista)
Filtros · tabela densa · aniversariantes
Clínico
Ficha do pacienteNorte
Odontograma + IA + plano · 6 seções
Clínico
Dentistas
Cards + sparkline de receita
Clínico
Procedimentos
Catálogo · categorias · uso 30d
Financeiro
Financeiro
KPIs · cobranças · caixa · despesas
Financeiro
Detalhe cobrança
Parcelas + IA sugestão WhatsApp
Admin
Equipe + permissões
Roles · convites · auditoria LGPD
Background
--v1-bg
#F7FAFB
Elevation
--v1-bg-elev
#FFFFFF
Brand · Teal
--v1-brand
#0E7C7B
Accent · Ice
--v1-accent
#4D8CB8
Text
--v1-text
#0B1320
Border
--v1-border
#E1EAEE
Primary · Secondary · Ghost · Danger
Campos com label, hint e focus ring
Mínimo 8 caracteres
Status semânticos
Métrica + delta
Consultas hoje
24
+3
No-show 30d
2,7%
−1,1pp
Display 40 · Bold
Heading 28 · Bold
Subtitle 18 · Semibold
Body 14 · Regular — texto corrido em prontuário, evolução clínica e descrições gerais.
Caption 12 · Muted — metadados, hints e legendas.
Overline 11 · Uppercase