Collection
Build a great dashboard
Everything you need to make a data-heavy screen readable instead of overwhelming.
5 skills
01
dashboard-information-density
Fit more real information on screen without it reading as cluttered, by controlling hierarchy instead of shrinking everything uniformly.
Layout · Design Systemsby UI Skillbook
Universal→
02data-table-scannability
Structure table rows and columns so the eye can scan down and across without losing its place.
Layout · Visualby UI Skillbook
Universal→
03navigation-active-states
Make it unambiguous where the user is, at every level of nested navigation.
Navigation · Visualby UI Skillbook
Universal→
04empty-state-design
Treat empty states as an onboarding opportunity, not a placeholder to fill later.
Visual · Tasteby UI Skillbook
Universal→
05color-contrast-for-taste
Use accessible contrast ratios as a floor, then build restrained hierarchy on top of them rather than treating them as the whole job.
Visual · Accessibility · Tasteby UI Skillbook
Universal→