Carregando interface
Preparando os componentes da plataforma.
Ir para o conteúdo
Design SystemÁrea pública de referência
Task T003
Uma base humana para experiências complexas.
Esta página pública valida a fundação visual e técnica. Nenhum acesso protegido, papel ou empresa ativa está sendo simulado.
Identidade oficial
Cuidado traduzido em uma linguagem visual serena.
A paleta do Grupo Gente que Sente orienta superfícies, ações e destaques. Variações mais profundas são usadas somente quando o contraste da interface exige.
Azul principal
Marca institucional
#7794CDAzul céu
Marca institucional
#6DC1EAAzul suave
Marca institucional
#96D0FFVioleta
Marca institucional
#7782C2Tipografia primária
Baloo Bhaijaan
Reservada à personalidade da marca, títulos e chamadas de destaque.
Tipografia secundária
Delight
Aplicada à leitura cotidiana, descrições, controles e dados operacionais.
Indicadores da fundação
Capacidades
06
Layouts-base
02
Dados sensíveis
Zero
Tema
Adaptável
Capacidades reutilizáveis
Tabela responsiva com filtro tipado e exportação, pronta para módulos futuros.
| Capacidade | Camada | Evidência | Status |
|---|---|---|---|
Tailwind + Shadcn/UI Interface | Interface | Paleta oficial, tokens semânticos e tema claro/escuro | Pronto |
React Query Estado | Estado | QueryClient compartilhado no App Router | Pronto |
React Hook Form + Zod Formulários | Formulários | Schema tipado aplicado ao filtro desta tabela | Pronto |
Layouts por persona Navegação | Navegação | Admin desktop e portal mobile reutilizáveis | Preparado |
Estados de interface Experiência | Experiência | Loading, erro e vazio com semântica acessível | Pronto |
Componentes operacionais Produtividade | Produtividade | Tabela genérica, filtro e exportação CSV | Pronto |
Feedback em qualquer situação
Estados consistentes reduzem incerteza e usam mensagens sem conteúdo sensível.
Carregando conteúdo
Aguarde enquanto buscamos as informações necessárias.
Ainda não há registros
Ajuste os filtros ou adicione o primeiro item quando tiver permissão.
Algo não saiu como esperado
Não foi possível concluir a solicitação. Tente novamente em instantes.
Mobile-first
Portais preparados para caber na rotina das pessoas.
O shell de portal prioriza leitura simples, alvos de toque confortáveis e navegação inferior. Conteúdo de colaborador e paciente será adicionado somente nas tasks próprias.
- Navegação inferior alcançável com uma mão
- Linguagem clara e áreas de toque amplas
- Estrutura compatível com futura evolução PWA
Olá!Portal do paciente
SeguroPróxima experiência
Conteúdo claro, no tempo certo.
Este espaço receberá apenas dados autorizados da pessoa conectada.
Pendências
—
Avisos
—