Best design styles for dashboards & data apps
Un dashboard tiene una sola misión: hacer que muchos datos se entiendan de un vistazo sin agotar a quien los consulta. Eso exige contención: una paleta serena, una retícula compacta, una jerarquía clara y acentos que informen, no que decoren. Estos estilos de Curio hacen justo eso.
Qué hace que un estilo funcione con datos
Las interfaces con muchos datos funcionan mejor con una retícula disciplinada, una escala tipográfica legible incluso en tamaños pequeños, una paleta contenida con pocos acentos decisivos para estados y énfasis, y contraste suficiente para leer de un vistazo.
Cada opción es un sistema de diseño completo, no una plantilla. Indícale una a tu AI y generará tu dashboard con ese estilo. Pulsa "What is it" para leer la guía o "View spec" para ver el sistema.
The styles
-
1
Apple Fitness Rings Closed (2024)
Midnight feels exact. Magenta, green, and cyan rings lock onto OLED black.
-
2
GitHub Dark
Code-first darkness. Cool-blue canvas, 1px borders, green/red diff lines.
-
3
Linear 2024
Precision down to the millisecond. Near-black, indigo-violet accents, Inter Display, no decoration.
-
4
Slack 2019
Warm enterprise chat. Aubergine rail, Manrope type, and single-accent badges keep it human.
-
5
Terminal Vim Dracula (2014)
Terminal-native darkness. Near-black panes carry six saturated syntax colors in mono grid.
-
6
Tube Map (Beck)
Connection beats geography. Blue-red-yellow routes snap to a cool card grid.
-
7
Abyssal Bioluminescence
Dark carries the signal. Electric cyan pins and Exo 2 readouts surface from a sonar grid.
-
8
Admiralty Sea Chart
Survey authority, engraved. Aqua chart water, black soundings, buff land, one magenta mark.
-
9
Aeronautical Chart
Reads like cockpit data. Magenta-blue airspace rings cut through dense dark-chart grids.
-
10
Air Traffic Control Radar
Operational gravity. Phosphor green rings, sweep wedges, and monospace blips enforce clarity.
-
11
Airtable Spreadsheet-Rainbow
Work becomes celebratory. Inter grids stay white while rainbow pills and yellow CTAs carry energy.
-
12
Amazon Web Services (AWS)
Enterprise cloud made legible. Orange-on-navy service tiles lock to an 8px grid.
FAQ
¿Funcionan también con gráficas y tablas, y no solo con el layout?
Cada estilo es un sistema completo —color, tipografía, espaciado y reglas de componentes—, así que tu AI lo aplica de forma coherente a gráficas, tablas y tarjetas KPI, no solo a la estructura de la página.