Et interaktivt oppslagsverktøy for moderne UI-komponenter og designtokens. Hvert element viser norsk navn, en levende eller skjematisk forhåndsvisning, det offisielle engelske navnet og når det bør brukes. Trykk på et kort for detaljer, eller på det engelske navnet for å kopiere det.
Hele paletten som CSS-variabler. Trykk på en farge for å kopiere token-navnet (f.eks. --brand-turquoise).
Skala i Red Hat Display (titler) og DM Sans (brødtekst). Trykk på en token for å kopiere.
Én skala med 4 px som grunnenhet – brukes til både padding og margin. Trykk for å kopiere.
Fra skarpe hjørner til pille og sirkel.
Dybdeskygger pluss en turkis glød til fokus og hover. Vist på lys plate så skyggene synes.
Responsive terskler for media queries.
Lagdeling så overlegg legger seg i riktig rekkefølge.
Varighet og mykning. Respekter alltid prefers-reduced-motion.