Primitives
Alle UI-primitives in alle states. Button varianten, icon buttons met count-badges, badges, links, icon wrapper, layout helpers. Matrix-compliant.
Buttons — varianten
Primary · filled forest
Ghost · outline forest
Text — link-like
Gold CTA · special moments
States
Dark section inversie
Icon buttons — met count badges
Default · 3 sizes
Met count badges
States (hover/active/expanded)
Badges
Pill-style badges
Count badges (voor cart, wishlist, notificaties)
Link variants
Inline link — stippellijn, solid op hover
Lees meer over onze halal-compliance methodiek of bekijk onze collectie bestsellers.
Nav link — underline slides in op hover
Arrow link — pijl schuift op hover
Icon wrapper — consistente sizing + stroke
Elk SVG krijgt class="icon icon--sm|md|lg|xl". Default: stroke 1.75px, round joins, geen fill, erft currentColor.
Stack + Row layout helpers
.stack — vertical gap
.row — horizontal gap, wrap-enabled
.row.row--between — space-between