Om Designsystemet
Designsystemet inneholder grunnleggende UI-komponenter, retningslinjer og mønstre som er verdifulle å dele på tvers.
Grunnleggende
Lær mer om Designsystemet, de grunnleggende designelementene, og hvordan du kommer i gang som designer eller utvikler.
Introduksjon
Designsystemet inneholder grunnleggende designelementer, mønstre, god praksis og kodede komponenter som gir verdi å dele på tvers av offentlig sektor.
Kom i gang
Informasjon om hvordan du kan komme i gang, og hva du kan forvente deg.
Samarbeid
Hvordan samarbeider vi om Designsystemet?
Universell utforming
Designsystemet skal være tilgjengelig for alle, uansett varige eller midlertidig reduserte evner.
Verdier
Verdier designsystemet bygges på.
Design Tokens
Variabler
Design tokens er gjenbrukbare verdier som fungerer som et bindeleddet mellom alle flater.
Farger
Slik er fargene strukturert og slik bruker du dem.
Størrelser og avstander
Størrelser og avstander i Designsystemet
Typografi
For å presentere innholdet korrekt bruker vi stiler og komponenter for typografi.
Skygger
Hvordan skygger brukes i Designsystemet
Temabygger
Bygg ditt tema
Lær hvordan du bruker Designsystemet med dine egne profilfarger og preferanser.
Kontrast
Kontraster i temabyggeren
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.
Figma
Kom i gang med Figma
Hvordan bruke Designsystemet i Figma og hvordan du kan aktivere bibliotekene.
Modes i Figma
Lær hvordan du kan endre størrelser, farger og typografi med modes i Figma
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
Slik lager du en ny komponent i Figma
Ressurser
Ikoner
Hvordan vi bruker ikoner i komponenter