Making Waves 2009 Profilhåndbok Februar 2009 versjon 1
Innhold Innledning 3 Logo Logo 5 Logo,varianter 6 Luft rundt logo 7 Ensfargedealternativer 8 Størrelser 9 Plasseringav logo 10 Bruk 11 Farger Hovedfarger 13 Tilleggsfarger 14 Fordeling av farger 15 Dekorelementer Dekor-elementer 17 Typografi Hovedfont 19 Tilleggsfont 20 Skrift påskjerm 21 Størrelser 22 Regler for tekst 23 Bildestil Bildestil 25 Layout Tredeling 27 Bruk av dekor 28 Avsenderfelt 29 Flere avsendere 30
Dette er håndboken som viser hvordan den visuelle profilen for Framtidens Byer skal brukes. Prosjektet Framtidens Byer har satt seg ambisiøse, men gjennomførbare mål. Derfor skal all den visuelle kommunikasjonen kulepenner, nettsider, flagg, messestands framstille framtidens byer som et inspirerende og troverdig prosjekt. Identiteten til Framtidens Byers bygges og vedlikeholdes hver gang den visuelle profilen tas i bruk. Designhåndboken skal være et verktøy for å opprettholde og skape en tydelig og enhetlig profil. Retningslinjene i dokumentasjonen skal benyttes ved utarbeidelse av all visuell kommunikasjon og skal bidra til at Framtidens Byer fremstår tydelig og konsekvent over tid. Kontakt Ane Kolberg Seniorrådgiver, Framtidens byer Miljøverndepartementet Ane.Kolberg@md.dep.no 22 24 59 36 / 455 11 144 Alexander Fjelldal Grafisk designer Making Waves as a.fjelldal@makingwaves.no 99 60 83 48 Vi håper at håndboken er til nytte og og inspirasjon lykke til! 3
Logo
Logo Logoen er hovedelementet til Framtidens byers grafiske profil. Farger og dekorelementer er hentet fra logoen. Logoen må alltid stå på hvit eller lys bakgrunn. Det må ikke gjøres endringer på logoen, hverken i farger eller former. 5
Logo på én linje Logo, varianter Denne varianten av logoen brukes der formatet krever det, som på bannere og nøkkelbånd. Hvis logoen brukes vertikalt, skal leseretningen være nedenfra og opp. Riktig leseretning - vertikal logo Gal leseretning 6
luft rundt logo Luft rundt logo Minste avstand mellom logo og andre elementer er en halv bokstavhøyde i forhold til brukt størrelse. Dette gjelder også avstand mellom logo og kant på formatet (f. eks. brosjyre eller banner). luft rundt logo 50% 50% 7
Ensfarget Logo Ensfargede alternativer Disse alternativene brukes hvis det ikke er mulig å gjengi logoen i flerfargetrykk. Logoen kan gjengis svart eller med en av profilens hovedfarger, som vist her. Ensfarget Logo, negativ Ensfargede logoer kan brukes negativt, gjerne på en av profilens hovedfarger. Hvis det ikke er mulig å trykke logoen med raster, bruke de flate versjonene. Denne versjonen brukes kun i helt spesielle tilfeller. Ensfarget Logo flat Ensfarget Logo flat, negativ 8
Minste størrelse Størrelser For å bevare lesbarheten er det viktig at logoen ikke brukes mindre enn angitt. 7 mm 3 mm 9
plassering av logo Plassering av logo Logoen plasseres til venstre på formatet, i ett av hjørnene. Logoen kan brukes som hovedelement. Pass på minsteavstand mellom logo og format. Logoen kan være større enn formatet, men da må den være tydelig større. Logo som hovedelement Utfallende logo 10
Eksempler på feil bruk Bruk Det er ikke tillatt å endre fargene i logoen. Logoen skal aldri utstyres med skygger og andre effekter. Det er heller ikke lov å endre formen på logoen ved å fordreie den eller flytte elementer. 11
Farger
75% 75% 75% Hovedfarger 50% 25% 50% 25% 50% 25% cmyk CMYK-verdiene er tilpasset optisk. Bruk disse verdiene i tabellen og ikke programvarens oversettelse fra PMS eller RGB. CMYk 0 80 20 0 Pantone 674 C, 673 U Rgb 240 91 137 Web F05B89 CMYk 70 30 0 0 Pantone 2925 C, 2925 U Rgb 69 150 209 Web 4596D1 CMYk 40 0 100 0 Pantone 390 C, 389 U Rgb 106 256 57 Web 8CC63F Pms Det brukes forskjellige farger for bestrøket papir (merket C) og ubestrøket papir (merket U). Er du i tvil, snakk med trykkeriet. I filer med PMS-farger er overlappende elementer gjort gjennomsiktige med multiply. rgb-verdier Når man importerer en eps fil i Photoshop, hender det at det skjer endringer i rgb-fargene. Derfor bør man ikke åpne eps filen direkte i Photoshop for å lage gif eller jpg format. For å få stabil fargegjengivelse, bør man ta utgangspunkt i Illustrator programmet. Eksporter filen direkte fra Illustrator til et annet filformat, eller kopier logoen fra Illustrator og lim den manuelt inn i et Photoshopdokument (copy/paste). 13
75% 75% 75% Tilleggsfarger 50% 25% 50% 25% 50% 25% Støttefargene til profilen brukes til å komplimentere hovedfargene eller alene på mindre flater. Det er svært viktig at disse fargene ikke får for stor betydning i utforming av produkter. Se vekting av farger på neste side. Gråfargene kan brukes som bakgrunnsfarger. CMYk 70 85 20 0 Pantone 2617 Rgb 110 73 135 Web 6E4987 CMYk 80 30 100 0 Pantone 348 Rgb 46 139 71 Web 2E8B47 CMYk 40 80 100 0 Pantone 1915 Rgb 167 85 52 Web a75534 75% 50% 25% 75% 50% 25% CMYk 0 0 5 5 Pantone 7527 Rgb 242 240 230 Web F2F0E6 CMYk 0 5 10 15 Pantone 7529 Rgb 220 209 197 Web dcd1c5 14
Fordeling av farger Denne oversikten viser hvilke farger som skal dominere uttrykket. Hovedinntrykket i all grafisk materiell skal være rosa, blått og grønt. De andre fargene i paletten kan brukes til å støtte opp om disse tre hovedfargene. 15
Dekorelementer
Grunnformer Dekorelementer Overlapping - Blending mode Multiply Områdeutvikling og byggeprosjekter Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. Planlegging for et endret klima Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. Bruk de tre grunnformene til å sette sammen dekorelementer. Dekorelementene lages i Adobe Illustrator, Photoshop eller Indesign. Formene må ha Blending Mode satt til Multiply. Da oppnår man at fargene overlapper, som vist. Bruk et moderat antall farger i layouten - det holder som regel å bruke en hovedfarge og en tilleggsfarge. Dekorelement som stripe I de aller fleste tilfeller holder det å bruke to elementer med hver sin farge, men der det er nødvendig, kan man bruke tre. Man kan også jobbe med elementer ton-iton. Bruk hvite elementer, og varier gjennomsiktigheten (opacity). Grunnformene kan også brukes til å lage mønster. Ton-i-ton - to hvite, halvt gjennomsiktige former Hvis logoen er brukt som hovedelement, er det ikke nødvendig å bruke dekorelement. 17
Bynavn Det er tegnet ut bynavn i samme typografi som Framtidens Byer-logoen. Disse brukes til messestands, bannere etc. De skal aldri erstatte Framtidens Byerlogoen. 18
Typografi
Amasis abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Hovedfont Amasis er hovedfonten til Framtidens byer. Amasis brukes i alle trykksaker, f.eks. brosjyrer, årsrapporter etc. Overskrifter settes i Black, brødtekst settes i Regular. Kun variantene av Amasis som er vist på denne siden kan brukes. Amasis kan kjøpes fra Ascender Corporation, www.ascendercorp.com Amasis regular abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Amasis Bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Amasis Black 20
National abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 national book Tilleggsfont National brukes i tillegg til Amasis ved behov, men kun i underordnede tekst nivåer som ingresser, lister, mellomtitler og bildetekster. National skal ikke brukes til dominerende overskrifter og store mengder brødtekst. Kun de variantene av National som er vist her, skal brukes. National kan kjøpes fra Village, www.vllg.com abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 national bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 national extrabold 21
Erstatning for amasis på skjerm Georgia abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Erstatning for national på skjerm Arial abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890 Skrift på skjerm På nettsider og i powerpointpresentasjoner erstattes Amasis og National med Georgia og Arial. Unntak er bruk i Flashelementer, der Amasis og National foretrekkes. For nettsider publisert under regjeringen. no gjelder egne regler fastsatt av Departementens Servicesenter. 22
243pt F r a m Størrelser Skrift skal kun settes i størelsene som er vist på denne siden. Framtiden 162pt Framtidens Bye 108pt 72pt 48pt 32pt 21pt 14pt 9,5pt 7pt Framtidens Byer Framtidens Byer Framtidens Byer Framtidens Byer Framtidens Byer Framtidens Byer Framtidens Byer Brødtekststørresle - linjeavstand 12pt Minste tekststørrelse Tekststørrelsene øker med 50% mellom hvert trinn. Hvis større tesktstørrelser enn vist her kreves, bruk det samme forholdet mellom tekststørrelsene. All brødtekst settes i 9,5 pt, linjeavstand 12pt. 23
All tekst er venstrejustert. Overskrifter settes i Amasis Extrabold Regler for tekst Rushtidsavgift Overskrifter understrekes. Understreken er forholdsvis tynn. Denne overskriften er 32pt, streken er 1pt tykk. Alle trykksaker utgitt av Framtidens Byer skal følge noen få, enkle regler for tekst. All brødtekst settes i Amasis regular 9,5 pt, linjeavstand 12pt. Innrykk skiller avsnitt Lorem ipsum dolor sit amet, arcu sit suscipit nec ante, nulla nec. Aenean elit, nec habitasse orci gravida. Tempore et, eleifend quam, nascetur pharetra tempor, malesuada erat et enim turpis mollis quisque, nunc eget elit blandit rutrum morbi in. Incidunt eget hymenaeos felis erat eleifend, nec habitant sapien dignissim curabitur, bibendum adipiscing sollicitudin nulla fusce. At sit, consequat sem et semper aliquam, luctus auctor, metus at sem eu eros vitae, sit ligula tincidunt pede felis eget. Ut posuere morbi quam pulvinar habitasse, sociis porta vel. Tellus vel vehicula facilisis, turpis donec fusce. Placerat etiam ipsum, eros nullam porttitor, aliquam nibh sed accumsan lacus, ac mauris posuere, faucibus ipsum nec wisi mollis iaculis. Ridiculus orci adipiscing in, eget vulputate et sit etiam. Faucibus tellus pellentesque eu pulvinar placerat, at purus elit malesuada integer lacus nascetur. Suscipit metus justo, curae urna autem, in sagittis, mi quisque turpis. Sapien molestie laoreet sit. 24
Bildestil
Bildestil Bilder som brukes av Framtidens Byer, skal vise mennesker i alle aldre som lever og arbeider i byen. Bruk bilder med og uten sol, fra alle årstider. Bildene kan også vise detaljer fra byen, som gjenstander, skilt, dyr etc. En liten huskeliste. Naturlig lys Mennesker Få biler Grønt Barn som er trygge i byen Harde utsnitt Detaljer fra bybildet Mennesker i naturlige situasjoner, ikke modellbilder 26
Layout
Tredeling Stående formater Skyskraperengler ⅓ Plakater, forsider på brosjyrer, hefter og andre formater følger et tredelt rammeverk. Bilde og/eller dekorelement kan dekke en, to, eller tre tredjedeler. Bildet er alltid øverst på formatet, og er utfallende. Fritidstilbud i sentrum ⅓ På liggende formater står bildet til høyre. Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. Oppvekst i sentrum Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. ⅓ framtidensbyer.no framtidensbyer.no framtidensbyer.no Liggende formater Hva skjer med klimaet og hva er konsekvensene? Kan vi endre forbruksmønsteret? Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. Fritidstilbud i sentrum framtidensbyer.no framtidensbyer.no Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. framtidensbyer.no 28
Dekorstripe Frittstående dekorelement Bruk av dekor Fakta og inspirasjon Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. Varmere våtere villere Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. Bruk store ord Alle forsider og plakater skal ha et dekorelement, enten frittstående eller som stripe. Hvis logoen er hovedelementet på siden, er det ikke nødvendig med et dekorelement. Dekorstripen skal ikke være fremtredende på siden. Det er fastsatt størrelser på dekorstripen for A-formatene. A3-4 mm A4-3 mm A5-2 mm For større formater enn dette, bruk skjønn og sørg for at dekorstripen blir like fremtredende som på de gitte formatene. framtidensbyer.no framtidensbyer.no framtidensbyer.no Høyde på stripe A3-4mm A4-3mm A5-2mm Filer Det finnes seks forskjellige ferdige dekorstriper og seks forskjellige frittstående dekorelementer. 29
Avenderfelt Skyskraperengler maks størrelse, logo og nettadresse Bruk store ord Avsenderfelt Logo og nettadresse står i et hvitt felt nederst på formatet. Logoen står alltid nederst til venstre på formatet, www.framtidensbyer.no står alltid til høyre. Logoen og nettadressen skal ikke være større enn vist. Hver forside skal kun ha én Framtidens Byer-logo. framtidensbyer.no framtidensbyer.no ⅓ ⅓ ⅓ 30
Kombinasjon av logoer Flere avsendere 10% 80% Hvis flere institusjoner står sammen med Framtidens byer som avsender, stilles logoene på linje. Logoene er skilt av tynne svarte streker, strekene er litt høyere enn logoene. Logoene bør fremstå visuelt som like store, de trenger ikke å være nøyaktig like høye eller brede. 10% Klimaregnskap for bygg Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat. 31