Hopp til hovedinnhold
Designsystemet logoDesignsystemet logo

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

Ulike måter du kan bruke Designsystemet på.

Samarbeid

Hvordan samarbeidet fungerer og hvordan du kan bidra.

Designelementer

Stilene i designsystemet er grunnleggende designelementer som brukes i komponentene. De finnes i flere sett for ulike identiteter og ulike behov og situasjoner. For eksempel har vi et eget sett for kompakt visning, som kan være hensiktsmessig å bruke i verktøy eller admingrensesnitt.

Design Tokens

Alle variablene som blir generert av kommandolinjeverktøyet.

Farger

Hvordan fargene er strukturert og hvordan du bruker dem.

Typografi

Hva du bør tenke på når du velger Font-family.

Skygger

Hvordan skygger er definert og brukes i Designsystemet.

Ikoner

Med Designsystemet velger du selv hvilken ikonpakke du vil bruke

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

Fargar i kode

Informasjon om korleis du bruker fargar på frontend.

Komposisjon

Informasjon og bruk av asChild til å løyse komposisjon.

CLI Config

Informasjon om korleis du bruker CLI config fil.

Figma

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?