Logo
Logoen er selve symboler for HK Norge, både forbundet sentralt, regionene og fagforeningene. Den skal gi en rask og effektiv identifikasjon av forbundet. Konsekvent og korrekt bruk av logoen er en forutsetning for at den visuelle profileringen skal bli effektiv.
Logoens utseende, proporsjoner og farger må ikke endres. Det skal heller ikke tilføres elementer til logoen.
For skjerm brukes PNG-filer. For trykk brukes AI. eller PDF-filer.
Hovedlogo
Hovedlogoen er liggende og består av forbundets symbol og navnetrekk.

Sekundærlogo
Sekundærlogoen er stående og består av organisasjonens symbol og navnetrekk. Denne versjonen av logoen skal brukes i tilfeller hvor det er lite plass i bredden, og hvor man kan bruke mer plass i høyden.

Luft rundt logoen
Beskyttelsesområdet bidrar til at logoen får plass, blir tydelig og lesbar, og at den ikke konkurrerer med andre grafiske elementer.
Området tilsvarer ¼ av hovedsirkelen i symbolet. Innenfor dette området skal det ikke være andre elementer.


Plassering av logo
Fortrinnsvis skal logo plasseres øverst i venstre hjørne.
Der dette ikke er mulig kan logo plasseres nede i venstre hjørne eller innenfor en tekstboks. Pass på at det er nok luft rundt logoen.

Logo og fargebruk
Logo i positiv versjon (rød og burgunder) benyttes på lys bakgrunn. På mørkere bakgrunn kan negativ versjon (hvit) brukes.
I sammenheng med utvalgte samarbeid eller på trykk uten farger kan sort logo benyttes. Fortrinnsvis skal man unngå bruk av denne versjonen.
Regler for logofarger gjelder også for sekundærlogo.
Det bør alltid etterstrebes god kontrast mellom logo og bakgrunn. Dersom logoen plasseres på er bilde er det viktig å påse at bakgrunnen er rolig og at logoen blir godt synlig.



Logo og markering av støtte
Logoens utseende, proporsjoner og farger må ikke endres. Avstand mellom symbolet og navnetrekket, eller de enkle bokstavene, skal ikke endres. Dersom HK Norge ønsker å markere støtte til en sak eller synliggjøre et tema, kan dette signaliseres i bakgrunnen eller ved bruk av øvrige profilelementer.
De samme prinsippene gjelder når symbolet brukes som frittstående element. Les mer om bruk av symbolet her.
Det skal innhentes godkjenning før HK Norges logo eller symbol benyttes til markering av støtte. Ta kontakt her.


Engelsk logo
Logoen finnes også i engelsk versjon. På lik linje som i den norske logoen er det engelske navnetrekket en spesialtegnet forkortet versjon av forbundets juridiske navn.
I løpende tekst og omtale kan det engelske navnet skrives helt ut: «Norwegian Union of Commerce and Office Employees».

Lokale logoer
Alle fagforeninger, bransjeråd og Sammenslutningen for Landsomfattende Avdelinger (SLA) har sine egne logoversjoner, som kan brukes i alle sammenhenger der de står som avsender.
Overordnede retningslinjer for bruk- og plassering av logo skal alltid følges.
Trykk på din fagforening for å laste ned deres fagforeningslogo:
Buskerud, Finnmark, Gudbrandsdal, Hedmark, Helgeland, Innherred, Møre og Romsdal, Nord-Trøndelag, Nordre Nordland, Oppland, Oslo – Akershus, Telemark, Troms, Trøndelag, Vestfold, Østfold.


HK Ung
HK Ung har sin egen logo, som kan brukes i alle sammenhenger der de står som avsender.
Overordnede retningslinjer for bruk- og plassering av logo skal alltid følges.

Symbol
Bruksområdet for kun symbolet er begrenset til konkrete flater. Eksempler på dette kan være profil bilder og små flater i sosiale medier, favikon på nettside, buttons/pins, slipsnål, etc. Dette er flater og kontekster der brukeren er bevisst på at HK i Norge er avsender, og er tilfeller hvor logosymbolet kan stå alene.
Symbolet skal ellers ikke brukes som pynt eller mønster.


Farger
Farger er en viktig del av HK Norges visuelle identitet. Fargepaletten er valgt for å underbygge profilens særegenhet og for å dekke et bredt spekter av behov.
Forbundets hovedfarger er rød og burgunder. Disse er viktige identitetsmarkører og skal sammen med støttefargene sand og lys sand brukes i størst utstrekning.
Sekundærfargene brukes hovedsakelig for å variere fargebildet og skape kontraster i for eksempel grafer eller illustrasjoner. De kan også benyttes i kampanjesammenheng for å underbygge et budskap.
Bevisst bruk av hvitt bidrar til et rent og åpent uttrykk, og balanserer de tyngre flatene. I tilfelle de er behov for mer nøytrale toner kan ulike nyanser av grå brukes som et komplement.
Vekting av farger
Riktig vekting av fargene sikrer gjenkjennelighet på tvers av forbundets flater.
Primærfargene er ulike røde og varme toner. For en tydelig avsenderidentitet skal disse brukes i størst utstrekning.
Sekundærfargene benyttes i mindre mengder og til dedikerte flater for å skape kontraster og variasjon.
Komposisjon og uttrykk
Til større flater brukes fortrinnsvis de lysere tonene. De mørke fargene brukes som et komplement i mindre mengder.
Det bør alltid etterstrebes et monokromt uttrykk (ton-i-ton). For å oppnå dette velger men enten rødt, blått, grønt eller gult som gjennomgående fargeretning. En blanding av for mange farger av gangen vil svekke den visuelle identiteten.

Riktig fargegjengivelse er viktig for gjenkjennelse av profilen. Dette sikres gjennom bruk av internasjonale systemer.
For trykk brukes CMYK eller Pantone Matching Systems (PMS).
For digitale flater brukes RGB/HEX. Fargene kan variere en del mellom ulike skjermer og programmer.
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.
Du kan bruke en online kontrastsjekker for å sikre at valgene dine består testen her.
Hovedfarger
Rød

HEX #cf152d
RGB 207, 21, 45
CMYK 2, 100, 80, 10
PMS 711 U
Burgunder

HEX #460028
RGB 70, 0, 40
CMYK 40, 98, 23, 70
PMS 7421 U
Støttefarger
Lys sand

HEX #fbf0e7
RGB 251, 240, 231
CMYK 2, 5, 13, 0
PMS 9184 U
Sand

HEX #f8e2cf
RGB 248, 226, 207
CMYK 0, 8, 27, 3
PMS 4685 U
Sekundærfarger
Blå

HEX #25708f
RGB 37, 112, 143
CMYK 277, 33, 18, 25
PMS 7704 U
Lys himmelblå

HEX #e4eff1
RGB 228, 239, 241
CMYK 10, 2, 2, 0
PMS 642 U
Grønn

HEX #187854
RGB 24, 120, 84
CMYK 77, 12, 68, 25
PMS 340 U
Lys mint

HEX #eef9f2
RGB 238, 249, 242
CMYK 10, 0, 9, 0
PMS 9041 U
Brun

HEX #9a674b
RGB 154, 103, 75
CMYK 23, 54, 61, 29
PMS 4655 U
Lys gul

HEX #fbf4d7
RGB 251, 244, 215
CMYK 2, 2, 17, 0
PMS 9064 U
Mørk blå

HEX #233b52
RGB 35, 59, 82
CMYK 84, 60, 23, 46
PMS 2187 U
Himmelblå

HEX #cae0e4
RGB 202, 224, 228
CMYK 25, 2, 4, 0
PMS 552 U
Mørk grønn

HEX #1d4545
RGB 29, 69, 69
CMYK 80, 35, 50, 55
PMS 3292 U
Mint

HEX #cdedda
RGB 205, 237, 218
CMYK 20, 0, 15, 0
PMS 556 U
Mørk brun

HEX #523d2d
RGB 82, 61, 45
CMYK 43, 56, 58, 60
PMS 476 U
Gul

HEX #f6e4b4
RGB 246, 228, 180
CMYK 4, 5, 31, 0
PMS 7500 U
Universell utforming
I utarbeidelse av den visuelle verktøykassen for HK Norge er det arbeidet aktivt med inkludering og universell utforming (UU) i digitale flater. Dette handler i korte trekk om å sikre at alle skal ha enkel tilgang til HKs informasjon og tjenester uavhengig av funksjonsgrad for syn, hørsel, motorikk eller kognisjon. Mer om universell utforming og gjeldene krav på uutilsynet.no
Typografi
Profilfonten til HK Norge er Open Sans. Gjennom konsistent bruk over tid forsterker den forbundets visuelle identitet ved å bidra til et helhetlig uttrykk. Fonten er funksjonell og lesbar i både små og store størrelser og kommer i en rekke ulike snitt. Den er lisensfri og tilgjengelig gjennom google.
Som erstatningsskift i Officeprogrammer. Og i tilfeller hvor Open Sans ikke er tilgjengleig, brukes Arial.
Jubilat er en tilleggsfont med særpreget uttrykk som kan benyttes til dramatisering av budskap i kampanjer og sosiale medier. Brukes med måtegold til overskrifter og ingresser.
Open Sans
Profilfont som skal brukes på aller flater der det er mulig.
Fonten er lisensfri og tilgjengelig gjennom google.

Arial
Erstatningsfont til digitale flater som ikke tillater bruk av profilfonten.
Arial er standardskrift, tilgjengelig på alle datamaskiner.

Jubilat
Profilfont som skal brukes på aller flater der det er mulig.
Fonten er lisensfri og tilgjengelig gjennom google.

Designsystem
Et grid er et underliggende nett av hjelpelinjer som tekst og grafikk plasseres i henhold til. Gridet gjør at komposisjonen av flaten blir et profilelement i seg selv. Slik skapes det god sammenheng mellom ulike trykte og skjermbaserte produkter.
Designsystemet er bygget for å gi stor grad av fleksibilitet og variasjon. Gridet bidrar til et gjenkjennelig uttrykk for forbundet.
Sørg for at det er et tydelig hierarki i designet. Innhold skal presenterer enkelt og tydelig, slik at elementene ikke kjemper om oppmerksomhet.
Designsystem
Systemet baseres opp et kvadratisk grid som tilpasses ulike flater og skal fungere som et hjelpemiddel til å bygge opp layouten og ivareta profilen.
Digitale flater
For skjerm følger gridet regelen 30 px per kvadrat.
Trykte flater
For trykte flater følger gridet regelen 15 mm per kvadrat.
Det er utarbeidet et grid for standardformatene A4 og A5 som sikrer konsekvent plassering av visuelle elementer. På disse formatene har logo fast plassering og størrelse.


Tekstbokser
En viktig del av forbundets visuelle identitet er bruk av tekstbokser. Disse utgjøres av to fargeflater satt sammen til en helhet. Fortrinnsvis skal rød og burgunder benyttes. Unntaksvis kan en sammensetning av de andre mørke fargene brukes (velg da enten blå, grønn eller gul fargeretning).
Komposisjonen kan være enten horisontal eller vertikal, og den største boksen skal alltid utgjøre minst 55 % av den totale tekstboksflaten.
Pass på at det er store nok marger inni tekstboksene, slik at oppsettet oppleves som harmonisk og teksten blir god å lese.
Sørg også for at det er tilstrekkelige marger rundt tekstboksen og bakgrunnen. Som hovedregel skal tekstboksen plasseres sentrert på flaten, med jevne marger på sidene.

Bildestil
Riktig bildebruk bidrar til å synliggjøre HK Norge. Konsekvent bruk vil bidra til å skape et helhetlig uttrykk og løfte mangfoldet og menneskene i de ulike bransjene og yrkesgruppene som forbundet representerer. Bildestilen er lys, varm, menneskelig og ekte.
Alle bilder som brukes til forbundets formål bør være relevante i forhold til budskap, samtidig som de skal gjenspeile respekt for tema og mennesker. 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å.
Fotografer vør alltid krediteres, enten i bildetekst eller kolofon.
Lys og varme
Naturlig lyssetting og frisk stil. Varme toner og menneskelig nærvær som gir liv i bildene.

Mennesker i aktivitet
Medlemmer som utøver sitt virke og mennesker som betjenes av disse.
Variasjon i modeller: alder, kjønn og etnisitet.
Variasjon i perspektiver og utsnitt: nærbilder, tett på og langt fra.

Ekte og ærlig
Et naturlig uttrykk og troverdige situasjoner. Unngår det oppstilte og poserte.

Illustrasjoner
Det er utviklet en egen illustrasjonsstil til HK Norge. Illustrasjonene er en viktig del av forbundets grafiske uttrykk. Nøkkelord for uttrykket er enkle, grafiske former og en monokrom bruk av fargepaletten.
Illustrasjonene skal være med på å forsterke og understreke budskapene de representerer de kan brukes alene, eller som verktøy i medlemskommunikasjon.
Eksemplet viser illustrasjoner til HK Norge skal nye illustrasjoner tegnes etter samme maner. Ved behov for ytterligere illustrasjoner – ta kontakt her.

Det er også laget illustrasjoner med mer menneskelige personas for å skape et mer emosjonelt uttrykk. Illustrasjonene er tilgjengelige både som statiske bilder og som animerte GIF-er.
Ved behov for ytterligere illustrasjoner – ta kontakt her.
Velg tematikk og last ned animert GIF:
Kommunikasjon dame
Kommunikasjon mann
Økonomi
Bolig
Utdanning
Omsorg
Konflikt
Forhandling

Språk
Ordene vi velger og måten vi sier ting på er viktige, og samme med hvordan vi ser ut er dette på å forme hvordan folk oppfatter HK Norge.
Bruk et språk som er enkelt, forklarende og tillitsvekkende.
HK Norge har en bred målgruppe; medlemmer og potensielle medlemmer som er enkeltmennesker med ulik bakgrunn og forutsetninger. Det er viktig for forbundet å nå frem til alle.
Med en imøtekommende tilnærming og språk som de aller fleste forstår, uten tyngende faguttrykk og fremmedord, blir informasjon tilgjengelig for flere og skaper tillit.
Husk hvem du snakker til. Sett deg inn i mottakerens ståsted og tenk at det handler om dem. De vil alltid tenke; Hva får jeg ut av dette? – og du kan gi dem svaret.
Snakk direkte og personlig til leseren: «Du får» muntlig forklart dette til noen som ikke jobber med det?»
Bruk et enkelt språk. Tenk: «Hvordan ville jeg muntlig forklart dette til noen som ikke jobber med det?»
Tenk kort, konsist og ryddig. Kom raskt til poenget, del opp lengre tekst med informative overskrifter og unngå lange setninger.
Slik: HK Norge jobber kontinuerlig for at du som medlem skal ha en trygg arbeidsplass og gode lønns- og arbeidsvilkår.
Ikke slik: HK i Norge hobber for at medlemmene våre skal ha trygge arbeidsplasser og gode lønns. Og arbeidsvilkår.