Style Library
De fundering van het design system: tokens, schalen en mixins. Klik op een sectie voor de details.
Kleuren
Pallet, semantische rollen en het 2-laagse light/dark/HC-theme-systeem.
Typography
Headings + body-text, responsive scaling via de typography-mixin.
Spacers
Golden-ratio spacer-schaal: 3xs … 4xl voor inset/inline/stack.
Radii
Fibonacci/Golden-radius-schaal voor afgeronde hoeken.
Levitation
Shadow-laagjes (xs–xl) met gecombineerde key + ambient drop.
Icons
Icoon-set, naming conventies en size-tokens.
Grid
12-kolom layout-grid met breakpoints.
Container
Page-container max-widths en gutters.