Compact Pro Preview

Pico CSS v2 with a compact, neutral Zinc palette for actual applications and dashboards.

Dashboard

Last refreshed 2 minutes ago
Monthly revenue

€48,249

+12.5% from last month
Active users

2,350

+180 this week
API error rate

0.18%

Within target threshold
Queued jobs

14

3 require attention

Forms and actions

Dense, boring, useful.
Project settings
Controls

Link button

Data display

Tables, progress, code, details.
EventServiceStatusCreated
Deployment completed
build_01JH2C8
api-gatewayHealthyToday, 10:42View
Cache invalidated
cache_01JH2B1
edge-cacheCompletedToday, 09:18View
Worker retry threshold
alert_01JH25F
billing-workerAttentionYesterday, 18:11View
Showing 3 of 42 events
System health
Native elements

Highlighted text, deleted text, inserted text, Ctrl + K.

pnpm add @picocss/pico

Advanced settings

Native disclosure works with no JavaScript. Use it for genuinely secondary controls.

Typography

Lower scale, lower drama.

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Normal body text for operational applications. It is deliberately compact without becoming unpleasant to read. This is a normal link.

Make the default boring enough that you do not have to fight it for every internal tool.
— A completely reasonable principle

Dialog

Requires only a small amount of native DOM API.
Confirm deployment

This preview demonstrates Pico’s native dialog styling with the compact theme layered over it.