Paciente Exemplo A
38 anos · Retorno · qua 09:00
Relato do paciente
Dor ao mastigar do lado direito (fictício)InDOR Connect
Design System InDOR · v0.1 · Fase 2
Um ecossistema
Referência viva dos tokens e componentes da plataforma. Base preto e grafite, azul digital apenas como luz de acento. Dois registros visuais: Vitrine (paciente e site — vidro, halo, movimento) e Operação (consulta e prontuário — superfícies sólidas e leitura rápida).
Dados fictícios · demonstração
01 · Marca
Duas marcas, um ecossistema
O InDOR Connect usa o próprio símbolo; a InDOR Clínica de ATM assina como marca-mãe. O brilho e o azul são exclusivos do Connect — a marca da clínica aparece só em cinza, sem efeitos.
InDOR Connect
Atenção · Logotipo InDOR Clínica de ATM provisório
Reconstruído a partir das pranchas do manual; será substituído pelo vetor oficial (SVG/AI) da YA Studio — Prompt Mestre §39.1.
02 · Cores
Tokens do tema escuro
Superfícies em níveis de profundidade; cada cor com origem declarada. O contraste abaixo é calculado ao vivo (WCAG 2.x): 4,5:1 para texto comum, 3:1 para textos grandes e elementos de interface.
#0E0E0E
--background
Preto base · manual
#161819
--surface-01
Superfície 1 · derivada
#1E2124
--surface-02
Superfície 2 · derivada
#2A2A2A
--surface-03
Grafite · manual
#304450
--surface-card
Slate escuro · manual
#4C667A
--border
Slate · manual
#7D929F
--text-secondary
Slate claro · manual
#C7C9CC
--text-primary
Névoa · manual
#F2F4F6
--text-strong
Texto forte
#35B6FF
--accent
Azul digital · manual Connect
#34C759
--success
Estado · aprovado 22/09
#E8A23D
--warning
Estado · aprovado 22/09
#E5484D
--critical
Estado · aprovado 22/09
#FF6B6F
--critical-text
Leitura do crítico (acessibilidade)
| Texto | Sobre | Contraste | Uso |
|---|---|---|---|
| Texto forte | Fundo | 17.5:1 | ✓ Texto comum |
| Texto primário | Fundo | 11.6:1 | ✓ Texto comum |
| Texto primário | Slate escuro | 6.1:1 | ✓ Texto comum |
| Texto secundário | Fundo | 6.0:1 | ✓ Texto comum |
| Texto secundário | Superfície 2 | 5.0:1 | ✓ Texto comum |
| Texto secundário | Grafite | 4.4:1 | △ Só texto grande/ícone |
| Texto secundário | Slate escuro | 3.1:1 | △ Só texto grande/ícone |
| Acento | Superfície 2 | 7.2:1 | ✓ Texto comum |
| Sucesso | Superfície 2 | 7.3:1 | ✓ Texto comum |
| Atenção | Superfície 2 | 7.4:1 | ✓ Texto comum |
| Crítico (cor) | Superfície 2 | 4.1:1 | △ Só texto grande/ícone |
| Crítico (leitura) | Superfície 2 | 5.8:1 | ✓ Texto comum |
03 · Tipografia
Poppins
Família única até a confirmação da licença web da Reservation Wide Black. Números clínicos em algarismos tabulares, grandes e com unidade separada.
Título de tela · 32/600
Título de seção · 24/600
Subtítulo · 18/500
Texto de leitura · 15/400 — Precisão no diagnóstico, excelência no cuidado.
Legenda · 12/400
36mm
04 · Memória clínica
Categorias do dado (§28)
Cada informação mostra sua natureza por forma, texto e cor — nunca só pela cor.
Fato documentadoDado objetivoRelato do pacienteInferência da IADecisão profissional
05 · Botões
Botão · 9 estados
default
hover
focus
active
disabled
loading
success
warning
error
06 · Campos
Input · 9 estados
Campos clínicos com unidade fixa ao lado do número.
Validado
Diferente da consulta anterior
Valor fora da faixa física (0–100)
07 · Seleção
Segmented · Tabs · Slider
Conteúdo da aba “Resumo”.
08 · Retorno
Alertas, aviso, modal e gaveta
Informação · Exame novo disponível
Tomografia enviada pela recepção em 20/09.
Concluído · Evolução validada
Registrada no prontuário com sua assinatura.
Atenção · Campo relevante sem registro
Abertura máxima (LMDM) ainda não medida nesta consulta.
Crítico · Sinal que pede atendimento humano
Relato no diário exige contato da equipe.
09 · IA
Assistente por voz, sugestão e confirmação (§39.7)
O assistente nunca domina a tela. Toda sugestão aparece como “aguardando validação” até o profissional decidir.
Assistente em espera
Ouvindo
Organizando o dado
1 campo relevante sem registro
Sugestão da IA — aguardando validação
Abertura livre de dor = 36 mm
Origem: “Trinta e seis milímetros.” · 09:23
Inferência da IA
Confirmação necessária
Registrar sensibilidade 2 no masseter direito
Comando por voz reconhecido. Confirme para gravar no prontuário.
10 · Clínico
Cartões, linha do tempo e gráficos
Resumo clínico
Últimos registros- Abertura livre de dor
- Dado objetivo02/09
- 36 mm
- Dor média no diário (7 dias)
- Relato do pacienteaté ontem
- 4,2 de 10
- Abertura máxima (LMDM)
- Dado objetivo
- Informação não registrada.
Linha do tempo
Diário da dor · 0 a 10
Relato do paciente09:00
Em atendimentoPaciente Exemplo A
Retorno · 40 min
10:00
ConfirmadaPaciente Exemplo B
Primeira consulta · 80 min
Recebido no mês
R$ —
Módulo na Fase 10
A receber
R$ —
Módulo na Fase 10
11 · Exame
Mapa da dor, palpação e exames
Vista frontal: o lado direito do paciente aparece à esquerda da tela.
Toque numa região para registrar a intensidade.
Palpação · graus 0–3
Vazio = não avaliado| Local | Direito | Esquerdo |
|---|---|---|
| ATM · lateral à cápsula | ||
| ATM · dorsal à cápsula | ||
| Masseter | ||
| Temporal anterior | ||
| Temporal posterior | ||
| Ápice | ||
| Nuca | ||
| Esternocleidomastoideo | ||
| Suboccipital | ||
| Digástrico posterior | ||
| Tendão do temporal | ||
| Pterigoideo lateral | ||
| Pterigoideo medial |
0 não sensível · 1 levemente sensível · 2 sensível · 3 muito sensível (protocolo da ficha InDOR). Por voz: “masseter direito, dois”.
Área da imagem (zoom, brilho, comparação)
Fato documentado
Texto do laudo como enviado pelo serviço de imagem.
12 · Entrada
Upload, gravação e paleta de comandos
Gravação da consulta
00:00Consentimento necessário
A gravação só começa após o paciente ser informado da finalidade e consentir.
Ctrl K
13 · Dados
Tabela e carregamento
| Paciente | Última consulta | Próximo retorno | Diário |
|---|---|---|---|
| Paciente Exemplo A | 02/09 | 24/09 | 6 de 7 dias |
| Paciente Exemplo B | — | 24/09 | Informação não registrada |
| Paciente Exemplo C | 15/08 | Aguardando | 2 de 7 dias |
14 · Ícones
Iconografia própria
home
calendar
user
users
file
chart
wallet
box
message
settings
search
mic
check
x
info
warn
alert
spark
clock
upload
edit
image
stop
chevron
pulse