---
name: design-saude
description: >
  Design system para sector saúde — clínicas, KiviCare, consultórios médicos.
  Paleta, tipografia, CTAs e layouts optimizados para contexto clínico PT.
  Usar quando: criar landing page de clínica, página de serviços médicos,
  agendamento online, ou qualquer material visual para clientes saúde.
---

# /design-saude — Design System Saúde

## Paleta

```css
--primary: #0ea5e9;     /* Azul confiança médica */
--secondary: #10b981;   /* Verde saúde/cura */
--neutral: #f8fafc;     /* Fundo limpo e asséptico */
--text: #1e293b;        /* Texto principal */
--accent: #f59e0b;      /* CTA urgência (marcar consulta) */
--danger: #ef4444;      /* Alertas, urgências */
```

## Tipografia

- **Títulos:** Inter SemiBold — transmite profissionalismo sem frieza
- **Corpo:** Inter Regular 16px, line-height 1.7 — legibilidade para público 40+
- **Evitar:** fontes decorativas, cursivas, serifas antiquadas

## Layouts obrigatórios

### Landing page clínica
1. Hero: foto médico real + headline "Cuidamos de si" + CTA "Marcar Consulta"
2. Serviços: cards com ícone + nome + preço (se disponível)
3. Equipa: fotos reais + credenciais
4. Depoimentos: com nome e tratamento (anonimizado se necessário)
5. Localização + horários + contacto
6. CTA final: WhatsApp ou formulário

### CTAs saúde
- Principal: "Marcar Consulta" (verde, proeminente)
- Secundário: "Saber Mais" ou "Ver Serviços"
- Urgência: "Consulta Hoje" (âmbar)

## Anti-slop checklist saúde

- [ ] Fotos de pessoas reais (não stock de médicos brancos genéricos)
- [ ] RGPD: sem dados de pacientes visíveis em mockups
- [ ] Cores acessíveis: contraste WCAG AA mínimo
- [ ] Mobile: formulário agendamento testado em 375px
- [ ] PT-PT: "consulta" não "appointment", "médico" não "doctor"

## Referências visuais

Ver `~/.claude/design/referencias-visuais/saude/`

---

## Healing Log

```jsonl
{"date":"","issue":"","fix":"","source":"user|auto"}
```