v2 · Design System

Warm Boutique

Spa dental premium. Inspirado em Tend NYC, Notion warm e Headspace. Sensação de acolhimento, experiência curada, humano. Cremoso bege + coral terracota + verde sálvia.

Ogmma Odonto

Aplicação real

Login

Auth · entrada

→

Cadastro

Auth · signup

→

Esqueci a senha

Auth · recuperar

→

Dashboard

KPIs + agenda do dia

→

Paciente

Prontuário + odontograma

→

Agenda

Semana com drag-and-drop

→

Paleta

Background

--v2-bg

#FBF8F4

Elevation

--v2-bg-elev

#FFFFFF

Brand · Coral

--v2-brand

#C77757

Accent · Sálvia

--v2-accent

#6B8E72

Text

--v2-text

#1F1A14

Border

--v2-border

#E8E0D2

Componentes

Botões

Primary · Secondary · Ghost · Danger

Inputs

Campos com label, hint e focus ring

Como aparece nos prontuários

Mínimo 8 caracteres

Badges

Status semânticos · VIP em dourado boutique

Neutro★ VIPDestaqueConfirmadoAtrasadoCanceladoEm andamento

KPI Card

Métrica + delta · números em serif

Consultas hoje

24

+3

No-show 30d

2,7%

−1,1pp

Tipografia

Display 44 · Serif Medium

Heading 30 · Serif Medium

Subtitle 18 · Sans Semibold

Body 14 · Sans Regular — texto corrido em prontuário, evolução clínica e descrições gerais.

Caption 12 · Muted — metadados, hints e legendas.

Overline 11 · Uppercase