Profilmanual Retningslinjer for riktig bruk og implementering av den grafiske profilen til Teknologibyen Kongsberg 20. april 2010 ingrid forbord grafisk design
Bakgrunn Det er utarbeidet en visuell profil for Teknologibyen Kongsberg. Den visuelle profilen skal bygge og understøtte Kongsberg som Norges fremste teknologiby. Profilen er utarbeidet av Ingrid Forbord Grafisk Design i samarbeid med David Breckon. Alle profilelementene kan lastes ned fra www.kongsberg.no og brukes i tråd med retningslinjene.
Innhold 1 Symbolikk 2 Logo = symbol + ordbilde 3 Hovedversjon og kompakt versjon 4 Fargekoder for de fire profilfargene 5 Fargekoder for ordbildet 6 Logoen i sølv (eller grå) 7 Negativ versjon av logo 8 Logo på fotografi 9 Logo på svart bakgrunn 10 Logo på profilfarge 11 Logo på profilfarge; eksempler 12 Minste tillatte reproduksjonsstørrelse 13 Respektert sone rundt logo 14 Typografi markedsmateriell og kontorbruk 15 Utvidet fargepalett / fargevalører 16 Hovedlogo brukt stor, proporsjon symbol:ordbilde 17 Symbol plassert på kanten 18 Grafiske profilelementer 19 Teknologitekstur 20 Teknologibyen Kongsberg + egen profil 21 Eksempler på feil bruk
1 Symbolikk Den visuelle profilen til Teknologibyen Kongsberg består av logo (symbol + ordbilde), 4 profilfarger, skriftsnittet Flama, teknologitekstur og grafiske profilelementer. Logoen er en tredelt K for Kongsberg. De tre delene representerer industrien, samfunnet og akademia. Sammen symboliserer dette den gjensidige avhengigheten mellom partene. Den åpne formen gjenspeiler den åpenheten Kongsbergsamfunnet ønsker å representere. Logoen refererer også til Kongsbergs skihistorie gjennom bruk av K-en, samt konseptet sette i system som peker på Kongsbergindustriens ekspertise innen Systems Engineering. I tillegg til symbolet, er det utarbeidet seks grafiske profilelementer. Disse elementene kan benyttes til å understøtte logoen for Teknologibyen Kongsberg. De understreker at Kongsberg er mulighetenes by. I tillegg til høyteknologiindustrien har byen et rikt kulturliv, bredt aktivitetstilbud, flott natur, en stolt historie og godt synlige landemerker. Sammen med valg av fonter, fargepalett og teksturen som skaper teknologiassosiasjonen, skapes en levende og fleksibel profil som underbygger verdiene til Teknologibyen Kongsberg; mot, kunnskap og stolthet. Samtidig bidrar profilen til å bygge bro til historien ved å videreføre bruken av K for Kongsberg.
2 Logo = symbol + ordbilde Logoen består av symbolet K og ordbildet (teksten) Teknologibyen Kongsberg Symbolet kan brukes alene som et designelement, men ordbildet kan ikke brukes uten symbolet. Symbolet kan brukes med 4 likeverdige profilfarger. Ordbildet har alltid samme farge. Unntak: Når man ved spesielle anledninger ønsker å bruke sølvfarge vil både symbol og ordbilde være i sølv (eller grått). (Mer om dette på side 6).
3 Hovedversjon og kompakt versjon Når hovedversjonen ikke kan benyttes på grunn av manglende plass, eller at logoen skal plasseres sammen med andre logoer, kan kompakt versjon benyttes. Kompakt versjon skal som hovedregel ikke benyttes i større format enn 6 cm i bredden. HOVEDVERSJON KOMPAKT VERSJON
4 Pantone CMYK RGB Fargekoder for de fire profilfargene Logoen har 4 likeverdige alternativer for symbolfarge. Man kan velge den fargen som passer best til elementet man skal plassere logoen på. Her er fargene spesifisert for direktefarge (Pantone), firefargetrykk (CMYK) og skjerm (RGB). 166 C - 0 M - 78 Y - 100 K - 0 3135 C - 100 M - 0 Y - 20 K - 0 R - 224 G - 82 B - 6 R - 0 G - 148 B - 179 383 C - 35 M - 0 Y - 100 K - 20 R - 162 G - 173 B - 0 526 C - 80 M - 100 Y - 0 K - 0 R - 101 G - 45 B - 134
5 Pantone CMYK RGB Fargekoder for ordbildet Fargekode for ordbildet spesifisert for direktefarge (Pantone), firefargetrykk (CMYK) og skjerm (RGB). 550 C - 45 M - 7 Y - 8 K - 8 R - 140 G - 184 B - 198
6 Pantone CMYK RGB Logoen i sølv (eller grå) Ved spesielle anledninger kan man benytte logoen i sølv eller grå. Da skal symbol og ordbilde være i samme farge. Dette gjelder både hovedversjon og kompakt logoversjon. 877 metallic C - 13 M - 9 Y - 9 K - 27 Cool Gray 5 C - 13 M - 9 Y - 9 K - 27 R - 178 G - 180 B - 179 R - 178 G - 180 B - 179
7 Negativ versjon av logo Hovedregel: både symbol og ordbilde skal stå i hvitt dersom logoen skal plasseres på foto eller farget bakgrunn. Dette gjelder både hovedversjon og kompakt logoversjon. Unntak 1: dersom logoen skal brukes på en av logofargene KAN symbolet ha en av de andre 3 logofargene (se side 10). Unntak 2: symbolet KAN stå i en av de 4 profilfargene dersom det passer bedre enn hele logoen i hvitt når logoen står på foto. (Se side 8).
8 Logo på fotografi Ved plassering på fotografi vil man måtte vurdere om hele logoen skal i negativ eller om symbolet kan gå i en av logofargene. Pass på at det er nok kontrast slik at logoen er lesbar og symbolet kommer godt fram.
9 Logo på svart bakgrunn Dersom logoen skal plasseres på svart bakgrunn skal de positive versjon brukes, dvs. med farge i både symbol og ordbilde. Det anbefales å bruke oransje, blå eller grønn om logoen skal synes godt. Fiolett kan man bruke om man ønsker en mer tilbaketrukket effekt.
10 Logo på profilfarge Når logoen brukes på logofargene kan symbolet stå i en av de andre logofargene. Ordbildet skal stå i hvitt. På denne siden vises noen eksempler. Se neste side (side 11) for alle kombinasjonsmuligheter.
11
12 Minste tillatte reproduksjonsstørrelse For a bevare logoens lesbarhet skal den ikke reproduseres for liten. Her oppgis minimumsverdier ved optimal reproduksjonsmetode. Bruk den helst noe større. Man må vurdere material og trykkemetode, f.eks vil disse verdiene være for små om det skal trykkes offset på veldig grovt/porøst papir. Gjør prøvetrykk om nødvendig. Hovedversjon minimum bredde: 26 mm. Kompakt versjon minimum: 20 mm. 26 mm 20 mm
13 Respektert sone rundt logo HOVEDLOGO Minimum avstand fra logo til andre grafiske elementer: avstand lik bredden på den loddrette streken i symbolet x 1.5. Unntak: når hovedlogo brukes stort skal venstre kant av symbolet gå i flukt med kanten på elementet. KOMPAKT LOGO Minimum avstand fra logo til andre grafiske elementer: avstand lik bredden på den loddrette streken i symbolet x 2. NB - dette er minimumsverdier, bruk gjerne mer, se eksempel nederst til høyre, kompakt logo satt sammen med logoen til KNFH.
14 Flama Typografi informasjonsmateriell Skriftsnittet Flama er valgt som profiltypografi for Teknologibyen Kongsberg og skal brukes i alt informasjonsmateriell (trykksaker, bannere, plakater etc.). Flama er et komplett skriftsnitt med mange tykkelser. Alle tykkelsene har også tilhørende kursiv versjon. Flama er designet av Mario Feliciano fra Portugal og kan bestilles på www.felicianotypefoundry.com (Flama normal - 20 fonts) Flama er i OpenType format, dvs. kan brukes på både PC og Mac. Typografi kontorbruk Til kontorbruk (Word, PowerPoint, web etc.) skal skriftsnittet Arial benyttes. Det er en standard font som finnes på de aller fleste datamaskiner. Flama thin - kunnskap, mot og stolthet Flama ultralight - griper mulighetene! Flama light - 1 2 3 4 5 6 7 8 9 0 Flama book - alle tykkelser har også kursiv Flama basic - kunnskap, mot og stolthet Flama medium - griper mulighetene! Flama semibold - griper mulighetene! Flama bold - 1 2 3 4 5 6 7 8 9 0 Flama extrabold - griper mulighetene! Flama black - ekstra!!?
15 Pantone 166 Pantone 3135 Pantone 383 Pantone 526 Pantone 550 Utvidet fargepalett / fargevalører Kun profilfargene kan benyttes i symbolet, mens andre elementer (f.eks. profilelementene, teknologi-tekstur og bakgrunner) vil ha mye større variasjonsmuligheter når det gjelder fargebruk. Bruk fargekartet til høyre. Husk at de fire hovedfargene skal være dominerende/ gjenkjennende for profilen, men her har man rom for variasjoner, gradienter og fargekombinasjoner for å skape et levende og variert uttrykk. 0/78/100/0 100/0/20/0 35/0/100/20 80/100/0/0 0/55/100/0 70/0/16/0 20/0/100/10 55/75/0/0 45/7/8/8 34/5/6/6 0/25/80/0 40/0/10/0 15/0/80/5 30/40/0/0 23/3/4/4 0/8/60/0 25/0/6/0 10/0/60/0 20/20/0/0 12/2/2/2
16 Hovedlogo brukt stor; proporsjon symbol:ordbilde Det er tillatt å bruke hovedlogo stor (f.eks på en forside), og da kan proporsjonene mellom symbol og ordbilde endres. Symbolet kan forstørres inntil 300 % av normal størrelse i forhold til ordbildet. Pass på at man beholder den usynlige skrå linja fra symbolet til k i kongsberg i ordbildet (se rosa linje). Symbolet kan aldri forminskes i forhold til ordbildet. Eksempel: forsiden på denne manualen. Her er symbolet forstørret 250 % i forhold til ordbildet. Symbol 300% Symbol 200%
17 Symbol plassert på kanten I de tilfellene hvor hovedlogoen brukes stor skal den plasseres på elementet slik at symbolet går i flukt med venstre kant. Dette gjelder også når symbolet brukes som designelement uten ordbildet. Kompakt logoversjon skal aldri brukes stor, og skal ikke plasseres på kanten.
18 Grafiske profilelementer For å understøtte logoen er det utviklet et sett med grafiske profilelementer som kan benyttes ved implementering av profilen. Tema for profilelementer: - Aktiviteter (alpinist) - Historie (bergsjern og hammer) - Kultur (bassist) - Natur (Knuten) - Landemerke (kirketårnet) - Teknologi (K-symbolet) Aktiviteter Historie Kultur Husk at profilelementene skal understøtte, ikke overkjøre, logoen. De kan med fordel benyttes sammen med teknologiteksturen (se eksempel side 17). Natur Landemerke Teknologi
19 Teknologitekstur Profilen inneholder tekstur som kan brukes ved implementering, gjerne sammen med profilelementene. Teksturen er basert på fire konsepter felles for TEKNOLOGI: - system - lag - kompleksitet - nettverk Teksturen består av to sett med to bøyde linjer som er vevd sammen. De kan benyttes hver for seg eller sammen for mer kompleksitet og lag-effekt. Selve formen på de bøyde linjene kan endres, det samme gjelder farge, tykkelse på linjene og avstanden mellom linjene. Se forsiden av denne manualen og design portalen (kongsberg.no) for flere eksempler på implementering. Eksempel på bruk av tekstur (ett lag) Eksempel på bruk av tekstur (to lag) 07-10 Lorem ipsum amet Kongsberg rådhus
20 Teknologibyen Kongsberg + egen profil Teknologibyen Kongsberg oppfordrer privat næringsliv, offentlige institusjoner, lag, foreninger og organisasjoner til å bruke profilen til Teknologibyen Kongsberg sammen med egen grafisk profil i brosjyremateriell. Det er ønskelig at så mange som mulig benytter profilen for å synliggjøre Teknologibyen Kongsberg. Retningslinjene i denne manualen, samt egne profilmanualer bestemmer hvordan man setter de ulike profilene sammen. Teknologibyen Kongsberg er fleksibel. Den har 4 ulike profilfarger slik at man kan velge den som passer best til egne logofarger, alternativt kan den også brukes i negativ eller grå. Det spørs hvilket hierarki man ønsker mellom de ulike logoene. Her vises noen mulige løsninger: (se eksemplene) Man kan selvfølgelig også benytte profilelementene og teksturen. N Y H E T S B R E V Eksempel www.nce-se.no 1: NCE logo og Teknologibyen Kongsberg hovedlogo i headingen på NCE nyhetsbrev. Her oppfylles kravene til reproduksjonsstørrelse for å bruke hovedversjon. FOTO: BJØRN-OWE HOLMBERG - En reise i opplevelser og teknologi 22. april. Filmen er en hyllest til Kongsberg og skal bidra til å bygge stolthet blant byens innbyggere. Eksempel 2: NCE logo og Teknologibyen Kongsberg kompakt logo. Her er plassen så liten at man ikke kan bruke hovedlogo, men må benytte kompakt versjon. Eksempel 3: KNFH logo + Teknologibyen Kongsberg kompakt logoversjon i grønn. Som i eksempel 2 er det her for liten reproduksjonsstørrelse til å bruke hovedlogo. Teknologibyen Kongsberg har 4 ulike profilfarger til symbolet, velg den som passer best til egne logofarger. Nr. 1.2010
21 Eksempler på feil bruk Ikke skaler ut av proporsjon (eks. 1 og 2). Ikke sett i majuskler eller annen typografi (eks. 3 og 4). Ikke forandre avstand eller relativ posisjon mellom symbolet og ordbildet (eks. 5 og 6). (Unntak: se side 16). Husk også at symbolet skal alltid oppfattes som én, man kan ikke bruke ulike farger i de tre delene, heller ikke når symbolet fungerer som designelement. Riktig Feil Eksempel 1 Eksempel 3 KONGSBERG Eksempel 2 Eksempel 4 teknologibyen kongsberg Eksempel 5 Eksempel 6