Visão Geral

Referência visual do Prime Visita — as mesmas cores, tipografia e componentes de interface (src/components/ui/*) usados na aplicação de verdade, reunidos aqui pra consulta rápida. Cada exemplo abaixo é o componente real renderizado com dados de exemplo, não uma imagem ou recriação.

• Cores — paleta de marca, neutros e cores de status.
• Tipografia — hierarquia de títulos e texto.
• Botões — variantes e tamanhos.
• Badges e status — etiquetas coloridas usadas em médicos, agendamentos e grupos.
• Formulários — campos de texto, seleção e área de texto.
• Cards e superfícies — blocos, indicadores numéricos, barra de progresso e estado vazio.
• Navegação e overlays — abas, modal e menu de contexto.
• Conteúdo em markdown — como títulos, listas, tabelas e código ficam nesta própria documentação.
• Tema escuro — como a troca de tema funciona e os tons exclusivos do escuro.