Om Designsystemet
Hvorfor det finnes, hva det løser og hva det består av.
Introduksjon
Designsystemet inneholder grunnleggende designelementer, mønstre, god praksis og kodede komponenter som gir verdi å dele på tvers av offentlig sektor.
Kom i gang
Ulike måter du kan bruke Designsystemet på.
Samarbeid
Hvordan samarbeidet fungerer og hvordan du kan bidra.
Verdier
Våre verdier kvalitet, helhet, åpenhet og tillit styrer arbeidet vårt.
Universell utforming
Hvordan Designsystemet hjelper deg med universell utforming.
Design Tokens
Oversikt variabler
Alle variablene som blir generert av kommandolinjeverktøyet.
Farger
Hvordan fargene er strukturert og hvordan du bruker dem.
Størrelser og avstander
Hvordan størrelser og avstander er definert og brukt i Designsystemet.
Typografi
Hva du bør tenke på når du velger Font-family.
Skygger
Hvordan skygger er definert og brukes i Designsystemet.
Temabygger
Bygg ditt tema
Hvordan du bruker Designsystemet med dine egne farger og preferanser.
Kontrast
Hvordan temabyggeren hjelper deg med kontraster.
Fleire tema
Lær korleis du har fleire tema i same prosjekt.
Kode
Kom i gang med kode
All informasjonen du trenger for å komme i gang med kode.
Fargar i kode
Informasjon om korleis du bruker fargar på frontend.
Størrelsar i kode
Informasjon om korleis du bruker størrelsar på frontend.
Komposisjon
Informasjon og bruk av asChild til å løyse komposisjon.
CLI Config
Informasjon om korleis du bruker CLI config fil.
Figma
Kom i gang med Figma
Hvordan bruke Designsystemet i Figma og hvordan du kan aktivere bibliotekene.
Modes i Figma
Hvordan modes i Figma fungerer og hvordan du raskt justerer størrelser, farger og typografi.
Farger i Figma
Main og Support farger i Figma Dev Mode, og hvordan de brukes.
Hent oppdateringer
Hva gjør du når det har kommet en ny versjon av Figma community-filen?
Ny komponent i Figma
Dette bør du tenke på når du lager en ny komponent i Figma.
Ressurser
Ikoner
Med Designsystemet velger du selv hvilken ikonpakke du vil bruke