DiBK Styleguide
SnarveierStyleguide for elementer som brukes på Innsiden
Dette er en teknisk beskrivelse for innholdselementer som kun brukes på Innsiden, og skal være et verktøy for videre utvikling av komponenter for Innsiden. Elementer som ikke er listet nedenfor er hentet direkte fra styleguiden til dibk.no.
Farger
Hovedfarger Innsiden
De tre hovedfargene er hentet fra logoen.
#809e3d
Grønn
#fff
Hvit
#8aaec3
Lys blå
#072938
Mørk blå
Støttefarger Innsiden
Støttefargene brukes som bakgrunnfarger i blokken "Enkeltlenke med tittel, beskrivelse og bilde".
#c4d89d
Grønn
(Ny 2020)
#eeefc3
Lys grønn
(Ny 2020)
#afc6d4
Lys blå
(Ny 2020)
Overskrifter
Heading article
Altis light, 50px på 60px linjeavstand / Mobil: 40px på 60px linjeavstand.
Overskrift til artikler på Innsiden.
Class: h1
Lorem ipsum dolor sit amet
Moduler - bokser
Blokk med bilde og overskrift
Boksen eksisterer i ulike farger
Class: boxed-image
Enkeltlenke med tittel, beskrivelse og bilde
Blokk med forskjellig bakgrunnsfarger. De fargede blokkene brukes bare på Innsiden. Default (grå) brukes på dibk.no
Class: boxed-image