UI Now: What Dominates — And Why
App shell, ⌘K, drawer, bottom sheet, feed, and agent panel. Why these patterns have prevailed — and when they made a noise.
UX/UI Design
What type of article is this? A current reading (SaaS / dense apps 2024–26): which structures are ubiquitous and why — not a list of ‘inspiration’.
Thesis The current pattern has won due to density, shortcuts, and mobile — not because ‘modern’ is synonymous with good.
What you see in almost every dense product
- App shell — narrow sidebar + top bar + canvas. Scales menus without redesigning each page.
- Command palette (⌘K) — keyboard action; search and command in the same gesture.
- Drawer / Aside — edit or detail without losing the context of the list.
- Bottom sheet (mobile) — detail and actions at your thumb; clear dismiss.
- Feed / infinite list — activity, notifications, social, logs.
- AI side panel — main work + assistant alongside (not in the middle).
Why they have prevailed now
- Density — teams demand more tasks per viewport; shell + drawer deliver this.
- Speed — power users dislike hunting in menus; ⌘K shortens the path.
- Mobile — sheet is more honest than a central modal on a narrow screen.
- Agents — side chat keeps the task visible; fullscreen chat only serves the conversation.
Good vs noise
- Good: shell with few first-level items; ranked palette; drawer with one job; optional AI.
- Not: copying the aesthetics of another product without its architecture; 200 commands without ranking; stacked drawers; feed without filtering; chat covering the main task.
Rule of thumb: choose the structure based on the dominant task — not by the trend of the latest design system you opened.