04 — Gradienter

Gradienter

Gradientene bygger utelukkende på de åtte palettfargene. De brukes til å gi dybde i mørke flater og til å løfte enkeltmomenter aldri som dekorasjon. Alltid lineære, alltid rolige overganger på 135° eller 180°.

Bibliotek

Gradienttokens

Fem gradienter dekker alle behov. Lag ingen nye uten at de kun bruker palettfargene.

Intelligence

Mørk

Token

--gradient-intelligence

CSS

linear-gradient(135deg, #0B1F33 0%, #102A43 38%, #0F5C6E 100%)

Fargestopp

Signaturgradienten. Navy til teal — bruk på hero, nøkkelpaneler og datavisning.

Signal

Mørk

Token

--gradient-signal

CSS

linear-gradient(135deg, #0B1F33 0%, #0F5C6E 55%, #126E82 100%)

Fargestopp

Navy som glir gjennom teal til lys petrol — aktive tilstander, fremhevede kort og grafflater.

Ember

Mørk

Token

--gradient-ember

CSS

linear-gradient(135deg, #102A43 0%, #C76A2A 70%, #D97706 100%)

Fargestopp

Navy som varmes opp til kobber. Beslutningsknapper og enkeltstående nøkkeltall. Maks én per skjerm.

Horizon

Mørk

Token

--gradient-horizon

CSS

linear-gradient(135deg, #0B1F33 0%, #102A43 30%, #126E82 62%, #C76A2A 100%)

Fargestopp

Full merkevaregradient. Kun til store flater som cover, forside og presentasjoner.

Surface

Lys

Token

--gradient-surface

CSS

linear-gradient(180deg, #F7F9FB 0%, #EEF2F6 100%)

Fargestopp

Lys flategradient til seksjonsbakgrunner og kort. Nesten umerkelig dybde.

Bruk

Gradienter i grensesnittet

Hero-panel

Intelligence-gradienten som bærende flate.

Beredskapsbilde

Beslutningsklar etterretning

Mørk gradient gir dybde uten støy. Tekst alltid i lysegrå, aldri ren hvit på teal.

Nøkkeltall

Signal-gradient til dataflater.

Aktive hendelser

Kobberaksent

Ember kun på ett element om gangen.

Kobbergradient signaliserer beredskap, ikke alarm. Aldri på store flater.

Lys flate

Surface-gradient som rolig seksjonsbakgrunn.

Nesten umerkelig dybde

Brukes når to lyse seksjoner må skilles uten kanter eller skygger.

Regler

Slik holder vi gradientene rolige

Kun palettfarger — ingen nye kulører introduseres i en gradient.

Lineære overganger på 135° eller 180°. Ingen radial- eller konisk gradient.

Maks én gradientflate som blikkfang per skjermbilde.

Tekst på mørke gradienter er lysegrå (#EEF2F6), aldri ren hvit på teal.

Kobbergradient kun på handlinger og nøkkeltall — aldri som bakgrunn på hele seksjoner.

Ikke bland kobber og teal i samme gradient utenom Horizon på store flater.