Introduksjon

Verdier og visjon

Logo

Farger

Typografi

Bildebruk

Grafiske elementer

Styleguide UX/UI

Profilen i bruk

Sosiale medier

Malverk

Logoer og materiell for underselskaper

OK:sykkel

OK:data

OK:ressurs

OK:service

logo_oslokollegargb-01

Profilmanual for OsloKollega


Vår visuelle identiteten består av ulike deler som sammen kommuniserer helheten av OsloKollega. Farger, typografi, logo og grafiske elementer spiller sammen for å skape det riktige etterlatte inntrykket, og kan varieres etter målgruppene våre.


Den visuelle identiteten skal bidra til at OsloKollega fremstår inkluderende for deltakere, underbygge troverdighet til våre budskap og vekke tillit til oss som samfunnsressurs.


Under arbeidet med den visuelle identiteten ble det gjennomført en personlighetstest for OsloKollega. Det har satt føringer for utformingen av det visuelle uttrykket. Vi skal ikke være redd for å ta mer plass ved å være mer ­høylytt​, forsterke vår posisjon som premium​, menneskeliggjøre merkevaren ytterligere ved å kommunisere på en mer emosjonell måte​, beholde vår posisjon som voksen, folkelig og human​ og være mer engasjerende, samtidig som vi bevarer vår anstendighet.


OsloKollega er Kopanopartner, og deler derfor noen grunnleggende elementer som typografi og deler av fargeprofilen med Kopano for å skape en grad av familiær tilhørighet. OsloKollega har valgt en svakt støttet tilhørighet til Kopano som merkevare. 


Riktig bruk av den visuelle identiteten er viktig for å bygge en sterk merkevare. Retningslinjer for bruk og nedlastbare filer av alle profilelementer og malverk finner du på denne siden. 

Gå til Kopanos profilmanual
oslokollega_header

Våre verdier

Ekte


Som betyr at vi vil vel, og at vi holder det vi lover og lever som vi lærer.

Offensiv


Som betyr at vi tar initiativ, er løsningsorienterte og modige i møte med våre omgivelser og hverandre.

Om oss

Vi har over 50 års fartstid i arbeidsinkluderingsfeltet, og er Oslos største arbeids- og inkluderingsbedrift. Vårt felles mål er å bidra til økt arbeidsinkludering for deltakere som av ulike grunner står helt eller delvis utenfor arbeidslivet. Vi jobber på oppdrag fra NAV. 


OsloKollega leverer ulike arbeidsmarkedstilbud for arbeidssøkere med bistandsbehov med mål om fast jobb i ordinære virksomheter. Vi er en arbeids- og inkluderingsbedrift med rundt 80 ansatte, og har over 250 kandidater i ulike programmer.


Vi har lokasjoner på Lambertseter, Holmlia, Skullerud og Vulkan. Hovedkontoret vårt ligger på Lambertseter, Cecilie Thoresens vei 11.


OsloKollega-konsernet består av bedriftene OsloKollega Karriere, OsloKollega Utvikling, OK:sykkel, OK:data, OK:ressurs, OK:service og PS:hotel. 

Arketype

Under arbeidet med den visuelle identiteten ble det definert en Arketype for OsloKollega.


OsloKollega er skaperen.


Skaperen representerer kreativitet og innovasjon. Alle ideer begynner som en tanke, en ide, en uro, et ønske om å gjøre noe vakrere, bedre, raskere eller på andre måter. Skaperen i oss gir disse ideene konkret form.


Folk og bedrifter søker ikke til ­skapermerkevarer for deres ­kreativitet, men for å uttrykke sin egen og ­virkeliggjøre ideer og drømmer. 

Vår visjon

Sammen hjelper vi mennesker videre i liv og karriere.

Vårt slagord

Et inkluderende samfunn er et bedre samfunn.

Logo

Logoen til OsloKollega består av navnetrekket til OsloKollega i tillegg til OK-figuren som er plassert midt i navnetrekket. OK-figuren har vært en del av den visuelle identiteten over tid, men har fått et annet uttrykk i den nye visuelle identiteten.


OK-figuren er basert på symbolikk som gjenspeiler konsernet og hvordan vi vil fremstå. figuren er en stilisert fremstilling av en person som holder hånden opp i mestring, samtidig som den er bygd opp av bokstavene O og K. Den symboliserer mestring, Inkludering, Integrering, glede

og bevegelse.


Logo kan brukes i positiv og negativ. Figuren kan brukes med og uten rød OK-figur, men den røde fremhevingen sørger for at symbolet kommer bedre frem, og bør derfor være prioritert. 


logo_ok
logo_3
logo_sv
logo_2

Det skal alltid være luft tilsvarende OK-figuren som vist rundt logoen.


Logoen plasseres som en regel oppe i venstre hjørne. 


Logoen kan brukes med og uten Kopano-partner der det er hensiktsmessig. 

logo_avstand
logo_lyspositiv
logo_linjer
logo_4

Symbolet alene brukes til favicon, apper og profilbilde til sosiale medier.

Last ned logofiler
logo_1
logo_8
logo_plassering
logo_6

Farger

Primærfarger


Fargepaletten er basert på personlighets­testen, i tillegg til å være inspirert av sosial og økonomisk bærekraft der det brukes mye blått, gult/oransje og rødtoner.


Den mørkeblå fargen gir et premium preg ­samtidig som kontrastfargen får frem det nyskapende og emosjonelle. Kontrastfargenene utfyller hovedfargen, og gir merkevaren en ­tydelig personlighet som skaper gjenkjennelighet, ­skiller seg ut og er mer “høylytt”. Sammen støtter de opp under OsloKollega sitt mål om å være utrykksfull og moderne, samtidig som det bevarer et premium preg. Korallfargen og gulfargen tilfører merkevaren et humant preg. 


Til bakgrunner kan isblå brukes i tillegg til lyse varianter av de andre hovedfargene. De lyse variantene er 20% av de mørke fargene.

Last ned fargepaletter

Mørk blå

  • HEX #11183d

  • RGB 17, 24, 61

  • CMYK 100, 95, 44, 52

Gul

  • HEX #f2cc8f

  • RGB 242, 204, 143

  • CMYK 6, 22, 50, 0

Isblå

  • HEX #bbe8ff

  • RGB 187, 232, 255

  • CMYK 30, 0, 0, 0

Mørk korall

  • HEX #f2545c

  • RGB 242, 84, 92

  • CMYK 0, 79, 54, 0

Sekundærfarger


Sekundær­fargene støtter opp om fargepaletten og tilfører noen nyanser som gir større spillerom i ­identiteten. Vi varierer også fargebruken avhengig av målgruppen som vi snakker til. 


Sekundærfargene kan brukes på produkter, infografikk, digitale flater, illustrasjoner og andre steder det er behov for en utvidet fargepalett.


Sekundærfargene grønn og lilla kan også brukes som bakgrunner i 20%.


I infografikk og grafer kan fargene brukes i 40 og 60% om det er behov for flere nyanser.

Grønn

  • HEX #08605f

  • RGB 8, 96, 95

  • CMYK 87, 37, 53, 52

Lys blå

  • HEX #D0D1DC

  • RGB 208, 209, 220

Lilla

  • HEX #586ba4

  • RGB 88, 107, 164

  • CMYK 73, 57, 11, 0

Hvit

  • HEX #FFFFFF

  • RGB 255, 255, 255

Lys korall

  • HEX #fcddde

  • RGB 252, 221, 222

Lys lilla

  • HEX #dee1ed

  • RGB 222, 225, 237

Lys gul

  • HEX #faebd2

  • RGB 250, 235, 210

Lys grønn

  • HEX #cedfdf

  • RGB 206, 223, 223

Fargekombinasjoner

fargekombinasjoner-7
fargekombinasjoner-9
fargekombinasjoner-8
fargekombinasjoner-10

Vekting

fargekombinasjoner-11
fargekombinasjoner-6

Typografi

Primærfont


Poppins er sans serif font fra Google. OsloKollega deler font med Kopano. Den er valgt fordi den er tidløs, human og geometrisk, noe som passer til arbeids- og inkluderingssektoren. De runde formene virker imøtekommende, samtidig som den er seriøs.

Gå til Google fonts

Poppins SemiBold

Poppins Medium

Poppins Regular

Poppins Italic

abcdefghijklmnopqrstuvwxyzæøå

1234567890

Erstatningsfont


Arial brukes som erstatningsfont i Office-programmene. Erstatningsfonter blir brukt for å sikre at alle brukere har tilgang til de samme fontene for å skape bedre brukervennlighet på tvers av plattformer. 

Arial Bold

Arial Regular

Arial Italic

abcdefghijklmnopqrstuvwxyzæøå

1234567890

Bildebruk


Bildene bør være naturlige, og ha fokus på mennesker og våre tjenester. Det er viktig at vi viser ekte situasjoner og vanlige mennesker. Bildene våre skal vise mangfold og samarbeid. Eksempler på motiver kan være rådgivningssituasjoner, jobbsituasjoner på ulike arbeidsplasser, teknologien vår i bruk og folk som samarbeider. 


Siden OsloKollega er Kopanopartner har de også tilgang på en bildebank som deles av alle partnerene.

_dsc7148
_dsc9430
_dsc8939
_dsc8943
_dsc8990
_dsc9967
Gå til bildebank OsloKollega
Gå til bildebank Kopano

Grafiske elementer


De grafiske elementene til OsloKollega er basert på elemenene i OK-figuren og navnetrekket. Vi bruker skråstillingen fra foten til et mønster som former trekanter. Trekantene settes sammen slik at de visualiserer fjelltopper - som igjen er et symbol på fremgang. De runde formene fra OK-figuren brukes til å vise mestring, og rundingene plasseres over fjelltoppene. 


Det er også laget et mønsterelement som brukes i kombinasjon med fjelltoppene. Linjene og rundingene hentet fra navnetrekket representerer prosessene og menneskene som OsloKollega hjelper i arbeidslivet. Strekene og de runde formene brukes også i ulike symboler som viser de ulike tjenestene til OsloKollega. 


De grafiske elementene er med på å gi OsloKollega et helhetlig uttrykk, som skaper stoppeffekt og gjenkjennelse til merkevaren over tid. Stilen kan også fungere som en base for illustrasjoner. 



Last ned grafiske elementer
grafiske-elementer_02

Styleguide UX/UI


Nettsidene til Kopano og alle partnerene skal følge retningslinjene i de ulike profilmanualene. 


Det er CoreTrek som er leverandør for nettsidene til Kopano, produktene våre og alle partnerselskap. Alle er bygget på samme struktur og med like komponenter. 


For å skape gode nettsider som oppfyller kravene til Univsersell utforming er det lagt til noen systemfarger som brukes til varsler, linker og andre elementer som trenger fargekoding. 

Kritisk

  • HEX #d32037

Info

  • HEX #28589f

Advarsel lys

  • HEX #f9dca7

Suksess

  • HEX #08654f

Kritisk-lys

  • HEX #ee9a90

Info-lys

  • HEX #b4cbec

Advarsel

  • HEX #f2b950

Suksess-lys

  • HEX #b5f9f9

Hvit

  • HEX #FFFFFF

Profilen i bruk

oslokollega_visittkort
oslokollega_totebag
oslokollega_lineup
oslokollega_samleslide
oslokollega_samleslide2
oslokollega_oppsummering

Sosiale medier


Profilbilde og header til Facebook og LinkedIn.

Last ned
some-mockup

Malverk

Visittkort


Visittkortene til OsloKollega kommer i tre versjoner, slik at det er mulig å velge mellom ulike til selskapene. Baksiden ser lik ut på alle kort. 


InDesign-fil finnes i linken under. 


Visittkortene finnes også med Kopano-partner.

Last ned InDesign-fil
Visittkort med Kopano-partner
visittkort_oslokollega

Powerpoint


Powerpointmalen inneholder forsider og skillesider i ulike fargetemaer i tillegg til en variasjon av vanlige layouter.


Ved bruk er det viktig å holde seg til malverket og bruke riktige farger, bilder og typografi.


Det er viktig å tenke på målgruppen for presentasjonen ved valg av fargeprofil og bruk av illustrasjoner eller bilder. 


Arial er brukt som erstatningsfont i Office-malene. 


Malen finnes også i en versjon med Kopano-partner. 

Last ned Powerpoint-mal
PPT-mal med Kopano-partner
oslokollega_ppt

Word-mal


Word-malen kommer med 3 forskjellige valg for forsider. Det er mulig å legge til illustrasjoner eller ikoner på forsidene som ikke har bilde. 


OsloKollegas word-mal er basert på Kopanos, og brukes derfor på samme måte. Her finner du en film som forklarer bruken av word-malen til Kopano: Slik bruker du word-malen


Malverket finnes også i en versjon med Kopano-partner.

Last ned Word-mal
Word-mal med Kopano-partner
oslokollega_wordmal

Brevark


OsloKollega har en egen mal i Word for brevark bestående av en forside og en layout for dokumenter med flere sider. 

Last ned mal for brevark
Brevark med Kopano-partner
brevark_oslokollega-mockup

Konvolutter


Det er laget malverk for konvolutter i størrelse EC4 og C5. Oppsettet følger Postens retningslinjer for plassering av elementer. 


Konvolutter finnes med og uten vindu. 


Trykk på knappene for å laste ned InDesign-fil eller PDF versjon. 


Konvoluttene finnes også med og uten Kopano-partner

Last ned konvoluttfiler
Konvoluttfiler med Kopano-partner
konvolutter-mockup

E-post signatur


Mailsignatur holdes enkel, men logo legges på Isblå slik at den også fungerer for de som bruker dark-mode. 


Det finnes en formell og en uformell versjon av signaturen, der hver enkelt bruker kan velge hva som passer de best. 


Forenklet versjon uten logo brukes som singatur på mobil.   

Last ned e-post signatur
mail-signatur_oslokollega_2

Stempel


Stempel brukes til dokumenter som sendes eksempelvis til NAV. 


Det finnes et stempel for hvert av de 3 selskapene OsloKollega AS, OsloKollega Utvikling AS og OsloKollega Karriere AS.  


Stemplene finnes også i en versjon med Kopano-partner.

Last ned PDF av stempel
Stempel med Kopano-partner
stempel_oslokollega

Logoer og materiell for underselskaper


Alle underselskaper tildeles hver sin farge fra hovedpaletten, slik at de skal kunne skilles fra hverandre. 

OK:sykkel


OK:sykkel bruker mørk korall som sin hovedfarge, i tillegg til mørk blå, isblå og hvit. 

Logo og elementer for OK:sykkel
oksykkel_2
oksykkel_mockup

Retningslinjer for bilfolie


All foliering av biler må tilpasses den spesifikke modellen, og gjøres av folieringsleverandør.


Som en hovedregel brukes det grafiske elementet med fjelltopper, rundinger og tilleggselement på siden av bilen. I tillegg legges ikonet på en av bakdørene.


Fjelltopper dekker nedre del av siden.


Tilleggselement legges på fremdør.


Logo plasseres på skyvedør og front.  


Rundinger plasseres over spiss på fjelltopp. 


Ikon legges på den ene bakdøren.

bilfolie-stor
bilfolie-liten
bil_sideforan_ok-sykkel

OK:data


OK:data bruker lilla som sin hovedfarge, i tillegg til mørk blå, isblå og hvit. 

Logo og elementer for OK:data
okdata_2
okdata_2_mock

Retningslinjer for bilfolie


All foliering av biler må tilpasses den spesifikke modellen, og gjøres av folieringsleverandør.


Som en hovedregel brukes det grafiske elementet med fjelltopper, rundinger og tilleggselement på siden av bilen. I tillegg legges ikonet på en av bakdørene.


Fjelltopper dekker nedre del av siden.


Tilleggselement legges på fremdør.


Logo plasseres på skyvedør og front.  


Rundinger plasseres over spiss på fjelltopp. 


Ikon legges på den ene bakdøren.

okdatabil1
okdatabil2
okdatabil3

OK:ressurs


OK:ressurs bruker grønn som sin hovedfarge, i tillegg til mørk blå, isblå og hvit. 

Logo og elementer for OK:ressurs
okressura_1
okressura_mock

OK:bistro


OK:bistro bruker gul som sin hovedfarge, i tillegg til mørk blå, isblå og hvit. 

Logo og elementer for OK:bistro
okbistro_1
okbistro_1_mock

Retningslinjer for klær



Alle underselskapene følger den samme malen for klær. Alle bruker den mørke blåfargen som underlag, eller en blåfarge som er så nært som mulig orignalen.


OK:bistro og OK:sykkel er brukt som eksempel, men de andre selskapene har samme retningslinjer for plassering og endrer bare farge og logosymbol. 


Logo plasseres på venstre side av brystet. 


Stor versjon av OK-figuren i fargen til underselskapet på ryggen.


På venstre arm plasseres teksten "Et initiativ av OsloKollega" i Poppins Semibold, i tillegg til ikonet for underselskapet.


Eksemplene viser:

T-skjorte

Pique

Hettegenser

Crewneck

mockup_klr_oslokollega_mindre
klr-retningslinjer

Verdier og visjon

Logo

Farger

Typografi

Bildebruk

Grafiske elementer

Styleguide UX/UI

Profilen i bruk

Sosiale medier

Malverk

Logoer og materiell for underselskaper


Har du spørsmål om profilmanualen? 

Kontakt kristiane.brevik@oslokollega.no

Tilbake til toppen↑