Farger

Farger

Fargene er basert på NVEs og Varsoms profilmanualer, men i designsystemet har farger kontekstbaserte roller. Det vil si at fargene blir tildelt en rolle og kontekst, og at du må sørge for å bruke fargene riktig basert på rollen.

I designsystemet har farger kontekstbaserte roller. Det vil si at når du bruker fargene, må du bruke de i riktig kontekst. F.eks: Vil det stå om fargen brukes i elementer med forgrunn eller bakgrunn. Dette sikrere at fargene brukes i riktig kontekst og gjør det enklere å oppfylle kravene til universell utforming. Det gjør også at vi får et felles og konsekvent uttrykk på tvers av design.

Fargekategorier

Vi har fire hovedkategorier:

Nøytrale farger kategorisert med bruksnivå (som f.eks. primary, secondary). Brukes på interaktive handlinger som knapper og lenker.Brukes i varslinger, på statuser og i tilbakemeldinger.Fargeskalaen som brukes i farevarsler, en farge for hvert farenivå.

Farger i designsystemet

Dette er fargene slik de er definert.

Man skal ikke bruke disse variablene direkte, men heller bruke andre variabler som bruker disse.

Varsom overstyrer noen av disse fargene

Se også https://designsystemet.no/no/fundamentals/design-tokens/colors/