Tarva BXD · LumosIndex › Foundations › Tokens · Grid
1920 × 1080 · Landscape
Index › Foundations › Tokens › Grid
12 cols · 2 breakpoints
Tokens · Grid
The grid.
A 12-column grid on two breakpoints carries every layout — two columns on tablet, the full shell with sidebars on desktop.
1
2
3
4
5
6
7
8
9
10
11
12
12 columns
Equal tracks, flexible widths — span any count from one to twelve.
Tablet--bp-table
768px
≥768 — two-column layouts
Desktop--bp-desk
1280px
≥1280 — full shell + sidebars
Gutters sit at 24px between columns; page margins hold steady at 32px. Columns flex with the viewport while the gutter stays fixed — the rhythm reads the same on every screen.
8.5 × 11 · Portrait