# Data Dense

> Maximum information per viewport: tight spacing, small but legible type, multiple simultaneous panels, and no pixel left unused.

- Category: Layout-driven
- Era: 2010s–present
- Origin: Bloomberg Terminal; financial data displays; developer and DevOps tooling
- Lesson: https://design.dawit.dev/styles/data-dense
- Try it: https://design.dawit.dev/styles/data-dense?style=data-dense

## Where it came from

The Bloomberg Terminal — displaying hundreds of data points on a single screen — is the archetype of data-dense design. Traders, developers, and engineers depend on UIs where every action and data point is visible without navigating. The web version appears in monitoring dashboards, analytics tools, IDEs, and financial platforms: environments where context-switching is the real cost and density is a feature.

## How to spot it

- Compact spacing: 4–8px padding, tight line-height (1.2–1.35)
- Small type (11–13px) in a high-contrast readable weight
- Multiple columns or panels visible simultaneously without scrolling
- Tabular data, inline sparklines, and status indicators over full-scale charts

## Strengths

- Expert users see everything without navigating — maximum context at once
- Extremely efficient for power users who live in the tool
- Reduces the context-switch cost that is the real productivity killer

## Weaknesses

- Overwhelming for new users — no progressive disclosure
- Small text sizes fail WCAG AA contrast at low font weights
- Requires deep domain expertise to design well — each panel needs justification

## In the wild

- Bloomberg Terminal
- Grafana monitoring dashboards
- Advanced trading platform and DevOps tooling

## Use it when

Expert-facing tools — monitoring, analytics, trading, DevOps — where the user needs maximum simultaneous context.

## Related styles
[Terminal](https://design.dawit.dev/styles/terminal.md), [FUI — Fictional UI](https://design.dawit.dev/styles/fui.md), [Minimalism](https://design.dawit.dev/styles/minimalism.md)