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 er enkle, tydelige og alltid funksjonsorienterte.
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 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 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)
Vanlig knapp
Viktig knapp
Boks
Knapp med skygge
Boks med skygge