Informasjonsgrafikk flytskjema

Publisert: 5. januar 2023
Sist endret: 17. januar 2023

Flytskjema beskriver som regel en prosess, eller er en visualisering av tekst. Disse skiller seg fra diagrammer og grafer ved at de inneholder mer beskrivende informasjon og har mer tekst og mindre data.

Bilde av eksempler på flytskjemaer som brukes av Finanstilsynet.

Grafiske elementer i flytskjema

I hovedsak bruker vi linjer, bokser og piler for å differensiere innholdet i flytskjema.
Det anbefales ikke å bruke ikoner (da de ikke bør være meningsbærende).
Flytskjema som er designet med bokser i hvitt, skal ligge på lysegrå bakgrunn (lysegrå: #F0F0F0, RGB 240, 240, 240).
Piler er satt i gult: #776D46, RGB 119,109,70.
Fotnoter som hører til flytskjema settes inn som en del av figuren.
Fargepaletten er basert på Finanstilsynets fargepalett og samsvarer med fargepaletten for diagrammer. Det er benyttet tre farger som beskrives med toneverdier (lys->mørk).
Husk WCAG-kravene for kontrast.

Farger i flytskjema

I flytskjema brukes turkis i overskrifter på hvit bakgrunn. På turkis bakgrunn brukes hvit tekst:
- Nivå 1: Overskrift Bold 28px #117B8C. Nivå 2: Open Sans Bold 20px #16535B.
Gul brukes til piler og delelinjer.
Lysegrå (#F0F0F0) brukes som boksfarge eller som farge bak hvite bokser. Merk at denne fargen ikke alene kan differensiere et element fra et annet.
I eksemplene under bidrar både streker og piler (i tillegg til teksten) til å differensiere innholdet.

Typografi i flytskjema

Primærfont er Open Sans, alternativ er Arial. All tekst skal plasseres horisontalt.

Størrelsen på filene varierer etter hvilken flate den skal presenteres på. Det vil derfor ofte være nødvendig å bruke noe skjønn når figurene må skaleres.

Forkortelser

Benytt bokstaver: mrd. / mill. / tusen og kr. (ikke kroner).
Bruk %-tegnet hvis det er del av en setning.
Ikke benytt forkortelser i figurtittel eller kilde/note. Der skrives variablene helt ut. Eksempel: mrd. skives milliarder kroner.

For mer informasjon om forkortelser: