goud999safe, Design system

Levende referentie van de tokens, iconen en componenten die over alle schermen hergebruikt worden. Bewerk de bron in assets/ds/*.css en assets/icon-sprite.svg; deze pagina toont automatisch het resultaat.

Kleuren

Gedefinieerd als CSS-variabelen in :root (01-tokens.css).

Typografie

Gewichten

Regular 400 Medium 500 Semibold 600 Bold 700

Spacing (4px-grid)

Hoekafronding

Iconenbibliotheek

Eén bron: assets/icon-sprite.svg. Gebruik: <svg class="icon"><use href="#naam"/></svg>. Kleur volgt currentColor, grootte via --icon-sm/md/lg of de context.

Knoppen

Primair / secundair
Op witte kaart (detail-acties)
Factuur Download kosten
Mini

Status- en transactiebadges

Transacties, status & type (punt + label)
Bevestigd Ontvangst Betaling Opwaarderen Naar provisie spaarplan Vervallen Geannuleerd
Metaal-punt
Goud Zilver Platina Palladium Rhodium