Estrutura de Páginas
Dois contextos principais: Landing Page e Dashboard. Cada um com sua lógica de grid, seções e breakpoints.
1
Hero
Badge + Título + CTA principal + Visual
2
Produtos / Serviços
Grid de 3 cards com ícones
3
Prova Social
Portfólio, depoimentos, stats
4
Pricing
Planos + destaque no plano recomendado
5
CTA Final
Urgência + botão primário grande
Dashboard — Estrutura
Shell compartilhado:
DashboardShell + DashboardSidebar + DashboardHeader. Roles: admin · cliente · revendedor.375px
Mobile S
768px
Tablet
1024px
Laptop
1440px
Desktop