Overview
NINA Medical Design System
Sistema-base para criar sites médicos consistentes por IA ou Elementor, alterando apenas identidade, conteúdo e dados do profissional.
Princípio do sistema
O NINA Medical Design System mantém a engenharia visual e responsiva estável. Em cada novo médico, mudam apenas a identidade visual, o conteúdo e os dados profissionais.
Fixo NINAContainers, spacing, radius, cards, botões, breakpoints, estrutura e responsividade.
Variável por médicoLogo, cores, fonte dos títulos, fotos, copy, CRM/RQE, WhatsApp, cidade e locais.
PrioridadeSites gerados por IA, com implementação equivalente disponível para Elementor.
ObjetivoTrocar tema e conteúdo sem redesenhar o sistema a cada projeto.
Fluxo de um novo site
A IA recebe o Design System NINA como base e um pequeno pacote do cliente.
NINA Design System→Tema do médico→Copy + fotos→IA ou Elementor→Site final
Arquitetura
| Área | Função |
|---|---|
| 01 · Foundations | Tokens, containers, spacing, tipografia, radius e sombras. |
| 02 · Core Components | Botões, badges, cards, header, FAQ, tabela, formulários, CTA e footer. |
| 03 · Medical Components | Hero médico, Quando agendar, áreas, consulta, sobre, autoridade, selos e locais. |
| 04 · Section Patterns | Regras de composição das seções e grids. |
| 05 · Templates | Modelos reutilizáveis de páginas. |
| 06 · For AI | Regras legíveis por IA e arquivos estruturados. |
| 07 · For Elementor | Tradução das mesmas regras para construção manual. |
Pacote do cliente
Para iniciar um novo projeto, preencha ai/client-theme.example.json, forneça as imagens e a copy. O restante deve permanecer aderente ao sistema.
Regra central: adaptar o conteúdo ao sistema, não redesenhar o sistema para cada conteúdo, salvo solicitação explícita.