Patterns
Dashboard Layout
Fixed sidebar + sticky top bar + scrollable content area. The content background is subtly tinted, distinct from both the sidebar and pure-white cards — that tint is what creates depth without extra borders everywhere.
Anatomy
$84,920
Revenue
1,204
Customers
3.2%
Conversion
Do
- Show a greeting ("Good Morning, [Name]") on the main dashboard; a page description on sub-pages.
- Keep the top bar sticky so page-level actions stay reachable while scrolling.
- Tint the content background distinctly from both the sidebar and card surfaces.
Don't
- Use pure white for both the page background and cards — nothing will read as elevated.
- Let the sidebar scroll with the page — it stays fixed.