STYRENDE PRINSIPPER

  • Kontrast
  • Store flater i hvitt, sekundærvalg svart.
  • Aktiv bruk av luft
  • Riktig og konsekvent bruk av profilfarger: primær-, sekundær- og støttefarger
  • Tydelig teksthierarki
  • Tydelig avsender, uten å overskygge budskapet
  • Fokusere på ett budskap
  • Kundefokus
  • Redusere kognitiv overbelastning visuelt
  • Redusere kognitiv overbelastning med tanke på tekstmengde

Alle disse er i tråd med god, skikk med tanke på grafisk design, merkevare og profesjonalitet, spesielt digitalt, altså på nettsider, sosiale medier osv.

FARGER

Riktig vekting av fargene sikrer gjenkjennelighet på tvers flatene.

Utstrakt bruk av hvitt bidrar til et rent og åpent uttrykk, og gir rom for de tyngre flatene. Svart gir tyngde og tydelighet til profilen.

Fargene er delt inn i primær-, sekundær- og støttefarger. Regler for bruk er beskrevet under.

Rød, rosa og grønn brukes med omhu i mindre mengder, fortrinnsvis til de grafiske elementene.

MG lys rosa, MG Medium- og Lys grønn samt MG grå kan benyttes på større flater og i alle prosenter.

Primærfarger

MG Svart

HEX #000000
RGB 0, 0, 0

MG Hvit

HEX #ffffff
RGB 0, 0, 0

Sekundærfarger

MG Rød

HEX #d22c45

R210 G44 B69

C11 M93 Y65 K2

Støttefarger

MG Lys rosa

HEX #edb8b7 • R237 G184 B183

MG Lys rosa bakgrunn

HEX #f8e2e1 • R248 G226 B225

C2 M13 Y7 K0

MG Grønn

HEX #006261 • R0 G98 B97

C87 M36 Y53 K31

MG Medium grønn

HEX #009e93 • R0 G158 B147

C79 M13 Y48 K1

MG Lys grønn

HEX #dbf0e2 • R219 G240 B226

C18 M0 Y16 K0

MG Grå

HEX #71777a • R113 G119 B122

C55 M41 Y40 K23

Kommunikasjonen skal være tilgjengelig og lesbar for alle. Når det brukes tekst på en bakgrunnsfarge skal det alltid sørges for gode kontrastforhold.

For digitale flater kan du bruke en online kontrastsjekker for å sikre at valgene dine består testen. Ved behov kan det benyttes egne farger for utheving av interaktiv tekst og elementer. Påse at fargene harmonerer med øvrige farger i paletten og at krav for universell utforming oppfylles.

Typografi

Tittelfont

Her bruker vi Roboto Condensed

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå
1 2 3 4 5 6 7 8 9 0 ! ? % ;

«Brødtekst»

Roboto brukes til mengdetekst på alle flater der det er mulig.

Fonten er lisensfri og tilgjengelig gjennom Google.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå
1 2 3 4 5 6 7 8 9 0 ! ? % ;

Arial
I mailsignatur (Microsoft Office) eller andre flater der profilfonten ikke er tilgjengelig, skal Arial brukes som alternativ font.

Arial er standardskrift, tilgjengelig i alle programmer og på alle plattformer.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå
1 2 3 4 5 6 7 8 9 0 ! ? % ;

Profilerende typografi
På utvalgte statiske flater og i animasjoner kan enkelte ord og setninger kombineres med de grafiske elementene for et personlig og levende uttrykk.

Grafiske elementer

Merkurs grafiske elementer består av sirkler, trekvartssirkler og halvsirkler. Disse kan benyttes enkeltvis eller settes sammen til mønster. Formene og mønsterkomposisjonene gir liv til flatene og bidrar til å skape en umiddelbar gjennkjenningseffekt.

Former
Alle grunnformer som benyttes tar utgangspunkt i en sirkel:
hel sirkel, trekvartssirkel og halvsirkel.

De hele og halve sirklene kan fylles med farger. De kan opptre alene eller settes sammen til mønster.

Merkur profilfarger

Trekvartssirklene defineres av en strek med forskjellig tykkelse, der «hullet» i midten også kan vokse utover.

Formene kan fylles med bilder eller brukes som rene grafiske elementer. De kan også kombineres med sirkler og halvsirkler satt sammen til ulike mønster.

Mønster
De grafiske elementene kan settes sammen til mønster.

Merkur Mønster

Eksempel på bruk

Bildestil

Det skal legges vekt på troverdige og relevante bilder, som ikke virker manipulerte eller unaturlige. Unngå bilder med overdrevent stiliserte situasjoner og/eller grafiske illustrasjonselementer på.

Eksterne fotografer bør alltid krediteres, enten i bildetekst eller kolofon.

Merkur leverer store banner, folie til vegger, boards, skilt og plakater

Ikoner

Alle ikoner som brukes bør være tydelige og enkle å forstå. Et grafisk uttrykk basert på geometriske former støtter opp under øvrige profilelementer.

Bruk Google Fonts IKONER for generering av ikoner. I utgangspunktet brukes innstillingene under:

Benytt «Outline» og «Sharp»

Strektykkelsen kan måtte varieres ut fra størrelsen ikonet skal opptre i.

Hvis du ikke finner egnet symbolikk her, kan andre nettsteder benyttes eller ikonet kan tegnes opp for hånd. Ved bruk av andre ikoner er det viktig at disse ikke skiller seg fra stilen som allerede er valgt.