Density Levels

Your data, your density

Four density levels from compact to relaxed. Switch in one click. Preferences save per view so tables and dashboards can differ. Your data, your breathing room.

Compact24px
Maximum rows visible
font: 10px
padding: 4px
row: 24px
Default32px
Balanced readability
font: 12px
padding: 8px
row: 32px
Comfortable40px
Spacious layout
font: 13px
padding: 12px
row: 40px
Relaxed48px
Breathing room
font: 14px
padding: 16px
row: 48px

Right density for every task

Scanning 500 rows to find an outlier? Use compact. Reviewing content for quality? Use comfortable. Presenting to stakeholders? Use relaxed. The density should match the task, not the screen size.

  • Compact: data scanning, large datasets, quick lookups
  • Default: day-to-day editing, general browsing
  • Comfortable: content review, detailed inspection
  • Relaxed: long text, presentations, accessibility needs
Density by Context
Products Table
2,400 items — need to scan fast
Compact
Blog Drafts
Daily editing workflow
Default
Content Review
Reading descriptions carefully
Comfortable
Client Dashboard
Screen sharing presentation
Relaxed

Preferences save per view

Set compact for your product catalog. Set relaxed for your content calendar. Each view remembers. Switch views and density follows. No re-configuring. No settings page. Just one click and it sticks.

  • Density saved per view, not globally
  • Persists across sessions and page reloads
  • Override hierarchy: view > user default > org default
  • Reset to default with one click
  • New views inherit your user default
View Preferences
products / tableCompact
blog-posts / kanbanDefault
glossary / tableComfortable
leads / galleryRelaxed
Auto-saved per user, per view

Responsive adaptation

Compact mode on desktop fits 30+ rows above the fold. On mobile, compact mode adds just enough touch target padding (44px minimum) to stay accessible. Visual density stays compact. Tap targets stay usable. No trade-off required.

  • 44px minimum touch targets on mobile (WCAG)
  • Compact mode adds touch padding without visual clutter
  • Horizontal scroll for wide tables on narrow screens
  • Column priority: most important columns stay visible
  • Density toggle available on mobile toolbar
Desktop
30+ rows visible
Tablet
20+ rows
Mobile
44px touch

One click to switch

The density toggle lives in the view toolbar. One click cycles to the next level. Instant. No settings page. No dialog. Click and the table reflows.

Search...
Filter
Sort
Compact
Click to cycle: Compact -> Default -> Comfortable -> Relaxed
4
Density levels
1
Click to switch
24-48px
Row height range
44px
Min touch target

How it feels

Like adjusting a lens.

Click compact and 30 rows snap into view. Click relaxed and each row breathes. The data doesn't change — just how much room it has. Switch to your kanban board and it remembers you like it comfortable. Return to your table and it's still compact. Each view knows what you prefer.

Frequently asked questions

Your data is incomplete. Fix it.

Define your schema. Import your data. Let AI enrich every record. See quality scores improve in real time. Free to start, no credit card.

Command Palette

Search for a command to run...