Maritim Karriere logo.

Farger og forløpninger

Alt begynner med utsikten fra det maritime kontoret.

For en som jobber på sjøen, er horisonten arbeidsplassens vindu. Den skifter hele døgnet: soloppgangen som varmer opp en grå morgen, det klare blå midt på dagen, skumringen som legger seg over dekket, solnedgangen som slår om i oransje og rosa, og det store dype havet som ligger under alt sammen.

Det er denne utsikten hele fargepaletten er hentet fra. Først fem fargeforløpninger, og så de ti faste fargene, trukket ut av forløpningene.


Fargeforløpninger

Forløpningene er den visuelle oversettelsen av grunnidéen «Åpne horisonter»: en overgang fra én tilstand til en annen. De er optimistiske og lite begrensende. Slik representerer de bredden av hva en maritim karriere kan være.

Derfor er forløpningene det viktigste virkemidlet i profilen, og derfor bør de få plass når de brukes. En forløpning presset inn i et lite felt mister hele poenget. Den trenger flate nok til at overgangen får skje.

De fem forløpningene kan lastes ned som høyoppløste PNG-filer. De er laget for å fylle store flater, og bildene kan strekkes i alle retninger uten at det ser galt ut.

Slik bruker du dem

  • Som bakgrunn på hele seksjoner eller som bilderammer
  • Bak korte, store overskrifter med bakgrunnsfarge bak teksten
  • I fullbredde, der de får plass til å utfolde seg

Og slik bruker du dem ikke

  • Ikke bak lange avsnitt med brødtekst. Kontrasten varierer over flaten, og teksten blir tung å lese.
  • Unngå å bruke flere forløpninger helt inntil hverandre
  • Ikke beskjær dem så forløpningen ikke vises i sin helhet
  • Ikke endre på fargene eller legg dem med gjennomsiktighet oppå bilder
  • Ikke som fyll i knapper eller ikoner

Sol til sjø

Maritim Karriere fargeforløpning "Sol til sjø"

Soloppgang

Maritim Karriere fargeforløpning soloppgang.

Gylning

Maritim Karriere fargeforløpning gylning.

Skumring

Maritim Karriere fargeforløpning skumring.

Havdyp

Maritim Karriere fargeforløpning havdyp.

Solide farger

De solide fargene er plukket rett ut av forløpningene. De brukes på tekst og elementer som tekstbakgrunn, knapper og ikoner, og på flater hvor fargeforløpningene ikke har nok spillerom.


Krav til kontrast

Etter norsk lov må tekst alltid ha nok kontrast mot bakgrunnen for å være lesbar for alle. Godkjente kontrastfarger er listet opp under hver solide farge.

På UU-tilsynets nettsider finner du tips, enkle tester og introduksjon til universell utforming. Her kan du lese mer om krav til kontrast for universell utforming.


Hvit


  • HEX

    #ffffff


  • RGB

    255, 255, 255


Profilens lyseste farge. Brukes først og fremst som bakgrunnsfarge, eller som tekstfarge på mørke bakgrunner.


Tilstrekkelig kontrast mot:

Havblå

Midnattsblå

Midnattsblå


  • HEX

    #032145


  • RGB

    3, 33, 69


Profilens mørkeste farge. Brukes først og fremst som tekstfarge på lyse bakgrunner, eller som bakgrunnsfarge.


Tilstrekkelig kontrast mot:

Hvit

Isblå

Beige

Gul

Himmelblå

Oransje

Rød

Havblå


  • HEX

    #0752ab


  • RGB

    7, 82, 171


Primærblåfargen. Tekst, lenker, ikoner og flater som skal være tydelig blå uten å bli helt mørke.


Tilstrekkelig kontrast mot:

Hvit

Isblå

Beige

Gul

Himmelblå


  • HEX

    #41cfff


  • RGB

    65, 207, 255


Bakgrunn bak overskriftstekst, infobokser og steder som skal fange blikket.


Tilstrekkelig kontrast mot:

Midnattsblå

Isblå


  • HEX

    #b5ecff


  • RGB

    181, 236, 255


Rolige seksjonsbakgrunner. Gir luft mellom mørke bolker.


Tilstrekkelig kontrast mot:

Midnattsblå

Havblå

Beige


  • HEX

    #f7e3bb


  • RGB

    247, 227, 187


Nøytral og varm. Bakgrunn der blått blir for kaldt, eller for å skape variasjon.


Tilstrekkelig kontrast mot:

Midnattsblå

Havblå

Gul


  • HEX

    #ffdc67


  • RGB

    255, 220, 103


Varm flate til infobokser og fremhevede felt.


Tilstrekkelig kontrast mot:

Midnattsblå

Havblå

Oransje


  • HEX

    #ffa238


  • RGB

    255, 162, 56


Handlingsfarge. Brukes dit vi vil lede oppmerksomheten.


Tilstrekkelig kontrast mot:

Midnattsblå

Rød


  • HEX

    #ff3f00


  • RGB

    255, 63, 0


Brukes hovedsaklig som visuelt krydder for å skape variasjon.


Tilstrekkelig kontrast mot:

Midnattsblå

Farger og forløpninger | Merkevarehåndbok – Maritim Karriere