data
Design system · KPIs, charts & menus

ATLAS®
Data

The visual language Decathlon's data team uses to put numbers on screens. Black canvas, neon signal, zero noise.

35
Components
11
Chart types
38
Viz tokens
1
Signal color
01 — Principles

Four rules every screen follows.

73%
Number first

The figure is the biggest thing on the card. Labels explain it; they never compete with it.

One story per chart

Highlight one series in green. Mute the rest to 16% white. The title states the finding.

▲ +4.1%▼ −2.3%
Green means good

Color encodes outcome, not direction. Churn going down is green.

Zero noise

6% gridlines, no chart borders, no 3D, no legends a label could replace.

02 — Color

Black dominates. Green leads the data.

Five categorical series in fixed order, three semantic states, a green sequential ramp for density and a coral-to-green diverging ramp for signed change.

Signal green
--viz-1 · #7DFAA0
Chart blue
--viz-2 · #8C91FF
Warm yellow
--viz-3 · #FFCD56
Soft coral
--viz-4 · #FF9A9A
Neutral
--viz-5 · #BDBDBD
Sequential
Diverging
03 — Figures

Numbers get their own scale.

kpi-fs-hero · 88€4.82MOne per screen
kpi-fs-lg · 483.41%KPI cards
kpi-fs-md · 32128,400Compact cards, chart centers
mono label · 11Net revenue · vs last week · source ERPLabels, axes, meta
04 — KPIs

The KPI card, three sizes.

Label, figure, delta, trend, goal. Hero leads the page, default fills the row, compact goes in dense grids and side panels.

Delta states Sparklines
05 — Charts

Every chart, one frame.

All charts sit in a ChartCard: green eyebrow, a title that states the finding, a one-line takeaway, the chart, and the source. Hover any chart to inspect it.

07 — Tables

Tables that chart.

Six cell types: text, number, delta, sparkline, bar and status. Click a header to sort. The green edge marks the row the title talks about.

08 — In context

Assembled: the performance cockpit.

A full dashboard built only from the pieces above. Switch Week, Month and Quarter to see every component update.

Where data plays offense.ATLAS® Data · v1.0