Core Components
Componentes reutilizáveis em qualquer site: botões, cards, navegação, FAQ, depoimentos, CTA, tabelas, formulários e rodapé.
Buttons
Somente três estilos: Primary, Secondary e Text Link.
| Altura mínima | 52 px |
|---|---|
| Padding | 14 × 24 px |
| Radius | 12 px |
| Fonte | Inter 16 / 600 |
| Hover | translateY(-2px) |
Cards
Um card-base gera as variações de sintoma, tratamento, passo, localização e autoridade.
Card base
Padding, radius, borda e comportamento permanecem consistentes.
Card de passo
O número substitui o ícone.
Card de autoridade
Mais discreto, sem sombra.
Header e menu
Header sticky, menu enxuto e CTA principal visível.
FAQ
Accordion simples, respostas curtas e semanticamente presentes no HTML.
Depoimentos
“Texto real de um depoimento validado pelo cliente.”
“Não inventar estrelas, nomes, avaliações ou fontes.”
“No mobile pode virar carrossel quando houver volume suficiente.”
CTA
Tabelas
Visual limpo, cabeçalho suave, divisórias sutis e status em pílulas.
| Data | Descrição | Status | Ação |
|---|---|---|---|
| 03 ago. | Projeto médico | Concluído | Sem ação |
| 12 set. | Revisão de conteúdo | Em andamento | Revisar |
Formulários
Footer
CRM/RQE visíveis, dados reais, redes essenciais e ano automático.