UI agora: o que domina — e por quê

Que tipo de artigo é este? Leitura do momento (SaaS / apps densos 2024–26): quais estruturas estão em todo lado e por que — não lista de “inspiração”.

O que você vê em quase todo produto denso

• App shell — sidebar estreita + top bar + canvas. Escala menus sem redesenhar cada página.
• Command palette (⌘K) — ação por teclado; busca e comando no mesmo gesto.
• Drawer / Aside — editar ou detalhar sem matar o contexto da lista.
• Bottom sheet (mobile) — detalhe e ações no polegar; dismiss claro.
• Feed / infinite list — atividade, notificações, social, logs.
• AI side panel — trabalho principal + assistente ao lado (não no meio).

Por que ganharam agora

1. Densidade — times pedem mais tarefa por viewport; shell + drawer entregam isso.
2. Velocidade — power users odeiam caçar no menu; ⌘K encurta caminho.
3. Mobile — sheet é mais honesto que modal central em tela estreita.
4. Agentes — chat lateral deixa a tarefa visível; fullscreen de chat só serve a conversa.

Bom vs barulho

• Bom: shell com poucos itens de 1º nível; palette ranqueada; drawer com um job; AI opcional.
• Não: copiar estética de outro produto sem a arquitetura dele; 200 comandos sem ranking; drawers empilhados; feed sem filtro; chat cobrindo a tarefa principal.

Regra prática: escolha a estrutura pela tarefa dominante — não pela moda do último design system que você abriu.