Regler
Stilvalg og one-liner-mønstre - se full oversikt.
Om mappen
/designsystem/ samler de delte byggesteinene i repoet. Hver token-kategori, komponent og funksjon har sin egen dokumentasjonsside generert fra en manifest.json-kontrakt.
Kategorier
Guider
Praktiske veiledninger på tvers av flere komponenter - se full oversikt.
Tokens
10 kategorier - se full oversikt.
Komponenter
56 komponenter - se full oversikt.
Funksjoner
26 funksjoner - se full oversikt.
Token-smakebiter
Forsiden viser ekte utdrag fra tokenkildene - ingen statiske illustrasjoner. Gå videre til kategorisidene for hele tabellen og alle beskrivelser.
Farger
6 token-smakebiter
-
--color-surface -
--color-surface-muted -
--color-accent -
--color-suksess -
--color-fare -
--chart-color-1
Samlet fargekategori for hele nettstedet (/, turer/ og slides/), bygget rundt én delt aksentfamilie i oklch() og tema-nøytrale flate- og tekstfarger med light-dark().
Mellomrom
5 avstandstrinn
-
--space-2xs -
--space-xs -
--space-small -
--space-medium -
--space-large
Delt avstandsskala for gap, padding og margin i UI-krom, bevisst uttrykt i relative em- og lh-enheter.
Fremhevede komponenter
Et lite utvalg levende komponenter lastet rett fra sine egne moduler og manifest-eksempler.
Avatar
lm-avatar · Medieinnhold
Viser et lite profil- eller enhetsbilde i en konsistent form, med automatisk fallback til initialer når bildet mangler eller ikke kan lastes.
Skjelettplassholder
lm-skeleton · Tilbakemelding
Viser en nøytral, animerbar plassholder mens ekte innhold lastes eller beregnes.
Fremdriftslinje
lm-progress-bar · Tilbakemelding
En lineær fremdriftsindikator for prosesser som tar merkbar tid, bygd rundt native <progress> i stedet for en håndrullet div-basert erstatning.
Paginering
lm-pagination · Navigasjon
Gir et kompakt og tilgjengelig sidevelger-mønster for paginerte datasett, med første/forrige/neste/siste og sidenumre som komprimeres med ellipser når antall sider blir stort.