Februar 2009 versjon 1 Proﬁlhåndbok

(1)

Februar 2009 versjon 1

Proﬁlhåndbok

(2)

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

Typograﬁ

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

(3)

3

KontaKt

ane kolberg

seniorrådgiver, Framtidens byer Miljøverndepartementet

[email protected] 22 24 59 36 / 455 11 144

alexander Fjelldal grafisk designer Making Waves as

[email protected] 99 60 83 48

Dette er håndboken som viser hvordan den visuelle profilen for Framtidens Byer skal brukes.

Prosjektet Framtidens Byer har satt seg ambisiøse, men gjen- nomførbare mål. Derfor skal all den visuelle kommunikasjonen – kulepenner, nettsider, flagg, messestands – framstille fram- tidens 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 en- hetlig 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.

Vi håper at håndboken er til nytte og og inspirasjon – lykke til!

3

(4)

Logo

(5)

5 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.

(6)

6 Logo,

varianter

Denne varianten av logoen brukes der formatet krever det, som på bannere og nøkkelbånd.

Hvis logoen brukes vertikalt, skal leseret- ningen være nedenfra og opp.

Logo på én Linje

Riktig LeseRetning - veRtikaL Logo gaL LeseRetning

(7)

7 Luft rundt logo

Minste avstand mellom logo og andre elementer er en halv bokstavhøyde i for- hold til brukt størrelse. Dette gjelder også avstand mellom logo og kant på formatet (f. eks. brosjyre eller banner).

LuFt Rundt Logo

50%50%

(8)

8 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.

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 spesi- elle tilfeller.

ensFaRget Logo

ensFaRget Logo FLat ensFaRget Logo, negativ

ensFaRget Logo FLat, negativ

(9)

9 Størrelser

For å bevare lesbarheten er det viktig at logoen ikke brukes mindre enn angitt.

3 mm 7 mm

Minste støRReLse

(10)

10 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.

pLasseRing av Logo

Logo soM hovedeLeMent utFaLLende Logo

(11)

11 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.

ekseMpLeR på FeiL bRuk

(12)

Farger

(13)

13 Hovedfarger

cmyK

CMYK-verdiene er tilpasset optisk. Bruk disse verdiene i tabellen og ikke program- varens oversettelse fra PMS eller RGB.

Pms

Det brukes forskjellige farger for bestrø- ket papir (merket C) og ubestrøket papir (merket U). Er du i tvil, snakk med tryk- keriet.

I filer med PMS-farger er overlappende elementer gjort gjennomsiktige med multiply.

rgb-verdier

Når man importerer en eps fil i Pho- toshop, 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 pro- grammet. Eksporter filen direkte fra Illustrator til et annet filformat, eller kopier logoen fra Illustrator og lim den manuelt inn i et Photoshopdokument (copy/paste).

CMYk 70 30 0 0 pantone 2925 C, 2925 u Rgb 69 150 209 Web 4596d1 CMYk 0 80 20 0

pantone 674 C, 673 u Rgb 240 91 137 Web F05b89

CMYk 40 0 100 0 pantone 390 C, 389 u Rgb 106 256 57 Web 8CC63F 75%

50%

25%

75%

50%

25%

75%

50%

25%

(14)

14 Tilleggsfarger

Støttefargene til profilen brukes til å kompli- mentere 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 0 0 5 5 pantone 7527 Rgb 242 240 230 Web F2F0e6

CMYk 80 30 100 0 pantone 348 Rgb 46 139 71 Web 2e8b47

CMYk 0 5 10 15 pantone 7529 Rgb 220 209 197 Web dCd1C5

CMYk 40 80 100 0 pantone 1915 Rgb 167 85 52 Web a75534 75%

50%

25%

75%

50%

25%

75%

50%

25%

75%

50%

25%

75%

50%

25%

(15)

15 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.

(16)

Dekorelementer

(17)

17

gRunnFoRMeR

dekoReLeMent soM stRipe

ton-i-ton - to hvite, haLvt gjennoMsiktige FoRMeR oveRLapping - bLending Mode MuLtipLY

Planlegging for et endret klima

Dekor- elementer

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 hoved- farge og en tilleggsfarge.

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-i- ton. Bruk hvite elementer, og varier gjen- nomsiktigheten (opacity).

Grunnformene kan også brukes til å lage mønster.

Hvis logoen er brukt som hovedelement, er det ikke nødvendig å bruke dekorelement.

Områdeutvikling og byggeprosjekter

Lorem ipsum dolor sit amet, consectetuer aolore magna aliquam erat volutpat.

(18)

18 Bynavn

Det er tegnet ut bynavn i samme typografi som Framtidens Byer-logoen.

Disse brukes til messestands, bannere etc.

De skal aldri erstatte Framtidens Byer- logoen.

(19)

Typograﬁ

(20)

20 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

abcdefghijklmnopqrstuvwxyzæøå

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890

AmASIS rEguLAr

abcdefghijklmnopqrstuvwxyzæøå

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890

AmASIS BOLD

abcdefghijklmnopqrstuvwxyzæøå

ABCDEFgHIJKLmNOPQRSTUVWXYZÆØÅ 1234567890

AmASIS BLACK

(21)

21 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

national

abcdefghijklmnopqrstuvwxyzæøå

abCdeFghijkLMnoPQRSTUVWXYZÆØÅ 1234567890

national book

abcdefghijklmnopqrstuvwxyzæøå

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890

national bold

abcdefghijklmnopqrstuvwxyzæøå

abcdeFgHiJKLmnoPQRSTUVWXYZÆØÅ 1234567890

national extrabold

(22)

22 Skrift på skjerm

På nettsider og i powerpointpresenta- sjoner erstattes Amasis og National med Georgia og Arial.

Unntak er bruk i Flashelementer, der Amasis og National foretrekkes.

For nettsider publisert under regjerin- gen. no gjelder egne regler fastsatt av Departementens Servicesenter.

Georgia

abcdefghijklmnopqrstuvwxyzæøå

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890

Arial

abcdefghijklmnopqrstuvwxyzæøå

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ 1234567890

eRstatning FoR aMasis på skjeRM

eRstatning FoR nationaL på skjeRM

(23)

23

Fram

Framtidens

Framtidens Byer

Framtidens Byer

Framtidens Byer 243pt

162pt

108pt

72pt

48pt

32pt

21pt 14pt 9,5pt 7pt

Brødtekststørresle - linjeavstand 12pt Minste tekststørrelse

Størrelser

Skrift skal kun settes i størelsene som er vist på denne siden.

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.

(24)

24 regler for tekst

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.

Overskrifter understrekes.

Understreken er forholdsvis tynn. Denne overskriften er 32pt, streken er 1pt tykk.

Overskrifter settes i Amasis Extrabold All tekst er

venstrejustert.

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.

rushtidsavgift

(25)

Bildestil

(26)

26 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

(27)

Layout

(28)

28

framtidensbyer.no

Tredeling

Plakater, forsider på brosjyrer, hefter og andre formater følger et tredelt ramme- verk.

Bilde og/eller dekorelement kan dekke en, to, eller tre tredjedeler.

Bildet er alltid øverst på formatet, og er utfallende.

På liggende formater står bildet til høyre.

stående FoRMateR

Liggende FoRMateR

framtidensbyer.no

framtidensbyer.no framtidensbyer.no

⅓

framtidensbyer.no

Skyskraper- engler

Oppvekst i sentrum

Fritidstilbud i sentrum

Fritidstilbud i sentrum

Kan vi endre forbruks- mønsteret?

Hva skjer med klimaet og hva er konsekvensene?

Lorem ipsum dolor sit amet

(29)

29 Bruk av dekor

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.

FiLer

Det finnes seks forskjellige ferdige dekor- striper og seks forskjellige frittstående dekorelementer.

høyde på stripe a3 - 4mm a4 - 3mm a5 - 2mm

dekoRstRipe FRittstående dekoReLeMent

framtidensbyer.no framtidensbyer.no

framtidensbyer.no

Varmere våtere villere

Fakta og

inspirasjon Bruk

store ord

(30)

30 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.

avendeRFeLt Maks støRReLse, Logo og nettadResse

framtidensbyer.no

⅓ ⅓ ⅓

framtidensbyer.no

Skyskraper-

engler

(31)

31 Flere avsendere

Hvis flere institusjoner står sammen med Framtidens byer som avsender, stilles logoene på linje. Logoene er skilt av tynne svarte stre- ker, 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.

koMbinasjon av LogoeR

80%

10%