1A Racional — fundações aplicadas

Painel de TV Inteligente

Proposta de design de alta fidelidade sobre a estrutura já aprovada no wireframe — mesma arquitetura, agora com a identidade Qualimplan e as decisões fechadas no documento de fundações de UX/UI.

Cores — marca + semáforo

151 C · #FF8200
chamada, destaque
321 C · #00778B
estrutura, ícones
Gray 9 C · #75787B
texto secundário
877 C · #8A8D8F
bordas, acabamento
● Normal · #2E7D32
▲ Atenção · #F9A825
■ Crítico · #C62828

Âmbar deliberadamente mais amarelo que o laranja da marca — alerta nunca se confunde com destaque. Forma + rótulo sempre acompanham a cor (WCAG 1.4.1: cor nunca sozinha).

Tipografia — Quicksand + Poppins

Maria Gonçalves
Quicksand no display da TV — mesmo DNA do wordmark (geométrica, monolinear, andar único, terminações arredondadas). Poppins no Gestão e em todos os números: 0:42 · 14 min · Sala 3.

Decisões que o design prova nas telas

01Privacidade por hierarquia. Apelido → primeiro + segundo nome — nunca o nome completo na TV. No Gestão, nome completo (quem opera precisa identificar).
02Foto só na chamada, circular, com fallback para iniciais quando o Clinicorp não tem foto — dado faltando nunca quebra a tela.
03"Aguardando", não histórico. Painel lateral ordenado por urgência, com o mesmo Badge do Gestão. Dentista sem sala exibe "sala a definir" — resiliência antes de completude.
04Chamada como evento: barra que cresce (450 ms), entrada sequenciada, anéis que tocam 2× e param. Nunca pisca, nunca loop.
05Gestão puramente operacional: sem KPIs no monitor — fila, cronômetro e ações (Chamar → Confirmar → Finalizar). Métricas vivem em Relatórios.
06Marca é configuração. Cores, fontes, som e limiares entram como config da instância Qualimplan — o núcleo veste outra clínica sem reescrita.
Para decidir na reunião: fundo da TV — claro (1b, máxima legibilidade à distância, seção 4.2 das fundações) ou teal escuro (1c, mais imersivo e "de marca"). A estrutura é idêntica; só a pele muda.
1B Painel de TV · fundo claro · chamada em destaque · 1920×1080
Qualimplan Tratamentos Odontológicos
{{ clock }}
{{ dateLabel }}
Chamando
foto
MG
Maria Gonçalves
Sala 3
Dra. Fernanda Costa
Aguardando
{{ p.name }}
{{ p.dest }}
{{ p.semShape }} {{ p.semLabel }}
1C Painel de TV · variante teal escuro · 1920×1080
Qualimplan Tratamentos Odontológicos
{{ clock }}
{{ dateLabel }}
Chamando
MG
Maria Gonçalves
Sala 3
Dra. Fernanda Costa
Aguardando
{{ p.name }}
{{ p.dest }}
{{ p.semShape }} {{ p.semLabel }}
1D Painel de Gestão · G2 Monitor de Fila · 1440×960
Qualimplan
Monitor de fila 2
Administrador
Configurações de alerta
Salas & vínculos
Relatórios
Usuários
RM
Richard Moraes
Administrador

Monitor de fila

Atualizado há 4 s
Paciente
Dentista
Sala
Chegada
Espera
Status
Ações
{{ r.name }} {{ r.priority }} 2ª chamada sugerida
{{ r.dentist }}
{{ r.room }}
{{ r.arrival }}
{{ r.wait }}
{{ r.badgeLabel }} {{ r.shape }}{{ r.badgeLabel }}
{{ toastMsg }}