SaaS dashboard design
Information per pixel. Power users want density, speed, and one quiet accent.
- Typeface ·
- Humanist screen-sans built for small sizes (Inter)
- Hero ·
- 28–36px
- Body ·
- 14px (13px in dense tables)
- Numerals ·
- Tabular in every table; weight (not size) carries hierarchy
Sharp–medium (4–8px) — precise, dense
Pick one and apply it to every card, button, input, and modal. Mixing sharp and round corners is the #1 tell of un-designed UI.
Disciplined grayscale, one accent for primary action + selected state. Charts use a small fixed scale.
High. Tables, filters, multi-KPI rows. Density is a feature — keep rhythm.
Balanced numbers + labels, tabular-nums, tight line-height, quiet headings.
Snap (instant, Linear-style). Layout/FLIP for reorder, near-zero entrance.
Chart card with period toggle, dense KPI grid, filterable table, segmented control.
Avoid in saas & b2b dashboards
- decorative motion
- oversized hero numbers wasting space
- 6-color chart legends
- modal-heavy flows
Build it with StyleSeed
StyleSeed bakes this judgment into 74 rules your AI reads automatically. For saas & b2b dashboards, start from the Linear / Vercel skin and the snap motion seed.