Page Structure
Two main contexts: Landing Page and Dashboard. Each with its own grid logic, sections and 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 — Structure
Shell compartilhado:
DashboardShell + DashboardSidebar + DashboardHeader. Roles: admin · cliente · revendedor.375px
Mobile S
768px
Tablet
1024px
Laptop
1440px
Desktop