ealmeida
faef9b47dc
Dify foi removido 06-03-2026. Skills brainstorm/discover ainda referenciam-no no corpo. Bump v1.2 + nota top-of-file. Reescrita workflow para próxima sessão. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
63 lines
2.0 KiB
Markdown
63 lines
2.0 KiB
Markdown
---
|
|
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"}
|
|
```
|