Element · Foundations
Vier Pixel tragen die Leiter.
styles/global.css
Skala 4–128. Container-Kante 24px (px-6). Sektion atmet in 64 / 96 / 128. Raster und Spalten liegen unter Raster.
1
4px
Innen, Signal-Lücke.
2
8px
Tag-Pad, enge Gruppe.
3
12px
Pille, kompakt.
4
16px
Listen-Abstand.
5
20px
Button-Pad small.
6
24px
Container px, Gutter.
8
32px
Gruppen.
10
40px
Shell gap-y.
12
48px
Zwischen Blöcken.
16
64px
Hero unten, Sektion kompakt.
24
96px
Sektion py-24.
28
112px
Hero innen oben.
32
128px
Sektion py-32, CTA.
| Einsatz | Token | Maß |
|---|---|---|
| Container-Kante | px-6 | 24px, links und rechts |
| Spalten-Gutter | gap-x-6 | 24px |
| Zeilen in der Shell | gap-y-10 | 40px |
| Sektion kompakt | py-16 | 64px |
| Sektion | py-24 lg:py-32 | 96 / 128px |
| Hero innen | pt-28 pb-16 | 112 / 64px |