Padrões UX
Copie a estrutura, não a peça
Composições prontas — não componentes soltos. Copie a estrutura, troque o conteúdo.
Login
Fundo ink-900 com blobs pink em desfoque + card centralizado.
Entrar
App shell
Padrão oficial de shell dos apps. Topbar fixa (logo à esquerda, usuário à direita), sidebar colapsável à esquerda. Aberta por padrão na home, fechada nas telas internas, sempre com botão de toggle na topbar.
Topbar
56px, fundo ink-950. Esquerda: hambúrguer + logo rosa. Direita: sino + dropdown do usuário (perfil, sair). Sempre visível.
Sidebar
240px aberta, 64px só ícones. Mesma cor da área principal (ink-900), separada por uma linha sutil. Item ativo destacado em rosa.
Dashboard
Visão geral · Q4
Receita
R$ 1,24M
Leads
432
ROAS
4,8x
Ativas
12
Área principal · Outlet