Komponentstil & Stilinnstillinger

For å sikre visuell konsistens i alt vi lager, har vi definert faste innstillinger for knapper, bokser og skygger. Disse komponentene skal alltid følge retningslinjene under, og aldri modifiseres utenfor rammene.

Knapper

Knapper er enkle, tydelige og alltid funksjonsorienterte.

Stil:

• Form: Helt avrundede hjørner (100 % radius)
  
  

• Stroke (outline):
  – Knapper har tynn stroke: 2 px
  
  

• Farger: – Gnist (#F68926) brukes på vanlige knapper med Helvetica Regular hvit tekst
  – Fume Oransje (#F26622) brukes på viktige knapper med Helvetica Bold hvit tekst
  
  

Bokser

Bokser brukes for å fremheve innhold på lyse bakgrunner.

Stil:

• Form: Avrundede hjørner, men mindre enn knapper
  
  

• Hjørneradius: ca. 12–16 px (tilpass etter format)
  
  

• Stroke (outline): 5 px i Kullblå eller tilsvarende
  
  

• Fyllfarge: Sand (#FEEDE5)
  
  

Bokser kan ha skygge, se neste punkt.

Skygger

Skygger brukes med måte for å skape dybde på lyse flater. Kun én type skygge brukes i hele identiteten:

Innstillinger:

• Blending Mode: Multiplisert
  
  

• Farge: Svart
  
  

• Opacity: 100%
  
  

• Vinkel: 135°
  
  

• Avstand: 5 px
  
  

• Spredning: 0 px
  
  

• Størrelse: 0 px
  
  

• Laget fortrenger skyggen: Ja (aktivert)

Eksempler: