Introduksjon

Verdier og visjon

Logo

Farger

Typografi

Bildebruk

Grafiske elementer

Ikoner

Illustrasjonsstil

Styleguide UX/UI

Merkevarearkitektur

Visittkort

Sosiale medier

Profilen i bruk

Malverk

logo

Profilmanual for Kopano


Kopano skal være en ledende kunnskapsbedrift innenfor arbeids- og inkluderingssektoren. Den visuelle identiteten består av ulike deler som sammen kommuniserer helheten av Kopano. Farger, typografi, logo og grafiske elementer spiller sammen for å skape det riktige etterlatte inntrykket, og kan varieres etter målgruppene våre.


Under arbeidet med den visuelle identiteten ble det gjennomført en personlighetstest for Kopano. Det har satt føringer for utformingen av det visuelle uttrykket. Kopano skal være ­folkelig, premium, nyskapende, høylytt, ­anstendig, emosjonell og human. Ikke ung eller voksen, ­uhøytidelig eller formell eller maskulin eller feminin.


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. 

header-main header-2

Våre verdier

Samlende


Vi vet at vi får til mer når vi jobber sammen. Ved å samle fagfolk med et sterkt ønske om å hjelpe, gir vi folk kunnskap og troen på seg selv – slik at de kan oppnå sin jobbdrøm.​


Skapende


Vi skaper muligheter ved å knytte tette bånd mellom de som søker jobb og de som trenger arbeidskraft. Vårt mål er å alltid tilby tjenestene som gir de beste forutsetningene for å lykkes i arbeidslivet.​

Kraftfull


Vi har kompetansen, ambisjonene og størrelsen til å løse en av samfunnets største utfordringer: Utenforskapet. Vår lokale tilstedeværelse og kollektive kraft lar oss drive frem endringer som gir et mer inkluderende samfunn.​

Om oss

Kopano er en allianse av Norges ledende arbeids- og inkluderingsbedrifter. Vi jobber for at alle, uansett forutsetninger og drømmer, skal kunne lykkes i arbeidslivet.  ​


Det handler om noe som er større enn oss selv. Det handler om å bygge verdier, og om det som ikke bare kan måles i kroner og øre. Vi er eid av det offentlige og er til for folk flest. ​


Det å hjelpe folk med å få og stå i jobb er noe av det viktigste vi gjør for hverandre og for fellesskapet. ​


Sammen har vi kraften til å drive frem nye løsninger – for et samfunn der ingen står utenfor.​

Vår visjon

Sammen skaper ​vi et arbeidsliv med plass og muligheter for alle.

Vårt kundeløfte

Vi gir deg muligheter ​til å lykkes i arbeidslivet.​

Logo

Logoen til Kopano består av et logosymbol og navnetrekket til Kopano. Logosymbolet er basert på symbolikk som gjenspeiler selskapet og hvordan vi vil fremstå. Ringvirkninger, partnerskap, fellesskap, samarbeid og inkludering er viktige stikkord. Den lille sirkelen som ligger over den store representerer inkludering og partnerskap spesielt. 


Logo kan brukes i positiv og negativ. Fargen på bokstavene og den lille sirkelen skal alltid være hvit eller mørk blå. 


logo_2
logo_positiv-2
logo_11
logoer_positiv

Det skal alltid være luft tilsvarende bredden av den største sirkelen rundt logoen.


Typografien plasseres fra symbolet med avstand tilsvarende den lille sirkelen. Navnetrekket settes i Poppins Regular med 15 pt sperring. Øverste del av bokstavene skal være på linje med midten av den lille sirkelen. 


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

logo_7
logo_outline
logo_9
logo_3

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


På skilting kan logoen forenkles som vist i nederste eksempel. 

Last ned logofiler
logo_10
logo-skilt
logo_5
skilt

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. Kontrastfargen har også en kobling til ­teknologi, og gir merkevaren en ­tydelig personlighet som skaper gjenkjennelighet, ­skiller seg ut og er mer “høylytt”. Sammen støtter de opp under Kopano sitt mål om å være en ledende kunnskapsbedrift, samtidig som vi tørr å skille oss ut og være nyteknende. 


Til bakgrunner kan lys turkis brukes. Lys turkis er Kopano turkis i 20%.

Last ned fargepaletter

Kopano mørk blå

  • HEX #0b132b

  • RGB 11, 19, 43

  • CMYK 100, 85, 45, 60

  • PMS 4147 C

Lys turkis

  • HEX #def2f2

  • RGB 222, 242, 242

Kopano turkis

  • HEX #5bc0be

  • RGB 91, 192, 190

  • CMYK 62, 0, 31, 0

  • PMS 2227 C

Hvit

  • HEX #FFFFFF

  • RGB 255, 255, 255

Sekundærfarger


Sekundær­fargene støtter opp om fargepaletten, tilfører noen varmere nyanser og gir større spillerom i ­identiteten. Vi varierer også fargebruken avhengig av målgruppen som vi snakker til. De varmere nyansene i sekundærpaletten er med på å gjøre merkevaren mer human.


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


Alle sekundærfarger kan også brukes som bakgrunner i 20%.


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

Korall

  • HEX #e07a5f

  • RGB 224, 122, 95

  • CMYK 0, 62, 61, 0

  • PMS 4053 C

Grønn

  • HEX #08605f

  • RGB 8, 96, 95

  • CMYK 87, 37, 53, 52

  • PMS 3305 C

Gul

  • HEX #f2cc8f

  • RGB 242, 204, 143

  • CMYK 6, 22, 50, 0

  • PMS 3596 C

Lilla

  • HEX #586ba4

  • RGB 88, 107, 164

  • CMYK 73, 57, 11, 0

  • PMS 7668 C

Lys korall

  • HEX #f9e4df

  • RGB 249, 228, 223

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

Tertiærfarger


Tertiærfarger brukes om det er behov for andre mørke nyanser. Det kan for eksempel være i infografikker eller i større publikasjoner.


Mørk rød brukes helst i kombinasjon med gul og korall. 


Mørk lilla brukes helst i kombinasjon med lilla og grønn. 

Mørk rød

  • HEX #562c2c

  • RGB 86, 44, 44

  • CMYK 40, 76, 59, 64

  • PMS 7631 C

Mørk lilla

  • HEX #3d405b

  • RGB 61, 64, 91

  • CMYK 81, 71, 39, 33

  • PMS 4126 C

Fargekombinasjoner

1
3
5
2
4
6

Vekting

7
8

Typografi

Primærfont


Poppins er sans serif font fra Google. Den er valgt som typografi til Kopano fordi den er tidløs, human og geometrisk. 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

Arial Bold

Arial Regular

Arial Italic

abcdefghijklmnopqrstuvwxyzæøå

1234567890

Bildebruk


Bildene til Kopano skal være naturlige, og ha fokus på mennesker og teknologi. Teknologi vises gjennom bilder av produktene våre i bruk. 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. 

ifokus_aug_21_305_mindre
ifokus_aug_21_742_mindre
Gå til bildebank
ifokus_aug_21_336_mindre
ifokus_aug_21_500_mindre
ifokus_aug_21_662_mindre
ifokus_aug_21_676_mindre

Grafiske elementer


De grafiske elementene er hentet fra logosymbolet. Elementene kan brukes på mange ulike måter og i ulike farger.

Last ned grafiske lementer
dekorelementer

Ikoner


Ikonene er basert på geometriske former hentet fra logosymbolet og typografien til Kopano. Oppbygningen er lik som i logosymbolet, der det brukes en ren fargeflate i tillegg til en form med outline. Bruk de ulike formene til å bygge opp ulike ikoner. 


Ikoner kan brukes illustrativt eller til forsterking av budskap.


For å lage et nytt ikon brukes en rute på 90x90 pixler med en grid på 10x10. Tykkelsen på outline er 8 pt. 

10
11
Last ned ikoner i SVG
Last ned ikoner PNG 4x
Last ned ikoner i PNG
Last ned ikoner i EPS

Illustrasjonsstil


Illustrasjonene er med på å myke opp uttrykket i profilen og gjøre det mer menneskelig. Illustrasjonsstilen til Kopano er leken men enkel, og bruker mer organiske former enn de andre elementene i profilen. 


Illustrasjoner kan brukes i mange ulike typer kommunikasjon, men er spesielt godt egnet til materiell som skal nå brede målgrupper eller sluttbrukerene våre. 

13
Last ned illustrasjoner
14

Styleguide UX/UI


Nettside til Kopano og alle partnerene skal følge retningslinjene i profilmanualen. 


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. 


Denne modulen vil bli oppdatert etterhvert når nettsidene tar mer form. 


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

Merkevarearkitektur

Merkearkitekturen skaper tilhørighet mellom Kopano og partnerne. Gjennom et visuelt slektskap skapes det en familie av merkevarer som alle bidrar til å etablere kjennskap og verdier. Slektskapet oppnår positive synergier og overføringer av ønskede assosiasjoner mellom alle parter.


Mormerket

Kopano er merkevaren som partnerne har til felles. Partnerne bidrar til å fylle merkevaren med verdier og innhold som til gjengjeld overfører positive assosiasjoner tilbake.

merkevarearkitektur1c

Støttet

Partnerlogoen bruker de visuelle virkemidlene til Kopano-logoen og deler logosymbol, font og farger. Partneren vektlegger sitt eget merkenavn og begrepet Kopano er lite synlig. Selv om navnet Kopano ikke vies mye oppmerksomhet bidrar partneren til å etablere kjennskap og verdier til symbolbruken og slektskapet blir tydelig visuelt. Partnere på dette visuelle nivået oppfordres til å bruke fargepaletten og de øvrige visuelle verktøyene i Kopano-identiteten på sin unike måte slik at alle parter fremstår med en viss egenart.

ivekst-ifokus_21

Svakt støttet

Partnerlogoen bruker sitt eget logosymbol og deler kun font og (sekundær)farge med familien. Partneren blir dermed en fjernere slektning og det oppnås mindre tilknytning og verdioverføring. Dette er hensiktsmessig hvis man ønsker å spissprofilere og bygge et annet omdømme uten assosiasjoner på tvers. Ta i betraktning at det er ressurskrevende for en merkevare å stå på egne ben og man drar ikke fordeler av delte aktiviteter og merkevarebygging. Partnere på dette visuelle nivået må vurdere hvordan komponentene i sin visuelle identitet skal slekte, harmonere eller bryte med Kopano-identiteten for å oppnå hensiktsmessig grad av egenart.

ivekst-ifokus_22

Produkter

Produkter og tjenester som inngår i Kopano er med på å bygge merkevaren. Det skal komme tydelig frem at Kopano er avsender. Vi gir produktene beskrivende og lettfattelige navn for å etablere Kopano som eneste abstrakte begrep. De fremstår som en samling ved at navnetrekket uføres med samme font, farge og symbolbruk. De gjenkjennes av sirkelen som en avsluttende signatur. Ved å bruke et element av logosymbolet fremstår de som en del av Kopano og underordnet i hierarkiet. Produktene er en av uttakene som skal bære Kopano-identiteten og skape kjennskap til primærfargene og de visuelle verktøyene.

merkevarearkitektur4d
karriereportalen2

Karriereportalen logopakke

Veilederportalen logopakke

Last ned
Last ned

Karrierepasset logopakke

Last ned

Partnermerke

Partnerne kan bruke et merke for å signalisere sin tilknytning til Kopano andre steder enn i logo.

kopanopartner-v2
Last ned

Partneres datterselskaper

Merkevarearkitekturen i organisasjonen til hver partner må vurderes i hvert enkelt tilfelle. De visuelle verktøyene i Kopano sin visuelle identitet kan benyttes for å videreføre et slektskap der det er hensiktsmessig for totalen. Dette skal man ha et bevisst forhold til, og valg skal baseres på strategi og innsikt.

Visittkort

Indesign-mal til visittkort for Kopano

Last ned visittkortmal
mockup_visittkort_kopano-copy

Sosiale medier


Profilbilde og header til Facebook og LinkedIn.

Last ned
fb-mock_2

Profilen i bruk

flagg2
grid_kopano
van-mockup-by-webandcat
eksempel_word
pins
web_mockup
mockup_3

Malverk

Powerpoint


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


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. 

Last ned Powerpoint-mal
ppt-mockup

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. 


Her finner du en film som forklarer bruken av word-malen: Slik bruker du word-malen

Last ned Word-mal
word

E-post signatur


Mailsignatur holdes enkel, men logo legges på lys blå 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
mockup-mail-kopano_02

Verdier og visjon

Logo

Farger

Typografi

Bildebruk

Grafiske elementer

Ikoner

Illustrasjonsstil

Styleguide UX/UI

Merkevarearkitektur

Sosiale medier

Profilen i bruk

Malverk


Har du spørsmål om profilmanualen? 

Kontakt navn.etternavn@firma.no

Tilbake til toppen↑