Designguide til brug af Aalborg Kommunes visuelle identitet. November 2013, version 1.0

Transkript

1 Designguide til brug af Aalborg Kommunes visuelle identitet November 2013, version 1.0

2 Aalborg Kommune design guide Side 2 Aalborg Kommunes dialog med borgere, erhvervsliv og medarbejdere skal altid være støttet af et genkendeligt formsprog på tværs af alle platforme. Denne guide beskriver de grundlæggende visuelle virkemidler og retningslinjer. Målet er klart Den visuelle identitet skal skabe en stærk sammenhæng og gennemslagskraft på alle løsningsniveauer, og samtidig understøtte Aalborg Kommunes kommunikationspolitik: Genkendelig, tilgængelig og forståelig. Og altid med tydelig afsender, klare budskaber og ensartet design på tværs af platforme, services og indsatser. Information om designguiden Borgmesterens Forvaltning: Birgitte Bøgh, bib@aalborg.dk, tlf Lotte Birk, lbt@aalborg.dk, tlf By- og Landskabsforvaltningen: Trine Elkjær, tee-teknik@aalborg.dk, tlf Familie- og Beskæftigelsesforvaltningen: Marie Halgaard Rubak, mhr-fb@aalborg.dk, tlf Skoleforvaltningen: Kjartan Klein, kmkl-skole@aalborg.dk, tlf Maksimal genkendelighed Fem simple principper Den visuelle identitet skal bruges af alle og til alle på tværs af publikationer, platforme, projekter og målgrupper. Identiteten hviler på fem simple og skalerbare designprincipper der vedrører navnetræk, typografi, farver, fotos og grafisk grid. Sundheds- og Kulturforvaltningen: Marianne Lund, marianne.lund@aalborg.dk, tlf Miljø- og Energiforvaltningen: Marianne Jensen, marianne.jensen@aalborg.dk, tlf Ældre- og Handicapforvaltningen Anders Lystrøm, aly-aeh@aalborg.dk, tlf

3 Aalborg Kommune design guide Side 3 Indhold 01 Grundelementer og deres brug... side Regler og guides... side Eksempler og applikationer... side Designgreb til kampagner... side 24

4 Aalborg Kommune design guide Side 4 De fem simple principper Navnetræk Byvåben og navnetræk må gerne adskilles men kun bruges i sine originale farver, former og proportioner. Farver En grundfarve og tre følgefarver. Desuden sort, hvid og gråtoner. Typografi Alright Sans bruges på de platforme og løsninger, hvor det er teknisk muligt. Som alternativ bruges Arial. Fotos Alle fotos gengives som udgangspunkt i sort/hvid. Grid og kompositioner Der skal altid opdeles i lige store dele. Og husk Brug altid din sunde fornuft. Også når det kommer til tvivlsspørgsmål om design.

5 Aalborg Kommune design guide Side 5 01 Grundelementer og deres brug

6 Aalborg Kommune design guide Side 6 Navnetræk Aalborg Kommunes navnetræk er specialtegnet med udgangspunkt i typografien Alright Sans. Der må naturligvis gerne stå Aalborg Kommune i en linje, når det skrives som en del af en overskrift eller brødtekst. Navnetrækket må kun gengives som defineret i de originale filer og aldrig skrives eller opstilles på anden vis. Aalborg Kommune, Navnetræk. Sat i negativ

7 Aalborg Kommune design guide Side 7 Byvåben Selve byvåbnet optræder i en opdateret version: Som integreret del af en mønt. Det er nemt at afkode og nemt at arbejde med og det gør byvåbnet moderne uden at det mister sin vigtige myndighedsværdi. Aalborg Kommune, Byvåben. Sat i negativ.

8 Aalborg Kommune design guide Side 8 Byvåben i tre versioner Aalborg Kommunes byvåben kan bruges i tre grundversioner - helt afhængigt af designbehov: 1. Positiv version, med gennemsigtig baggrund 2. Negativ version, med gennemsigtig baggrund 3. Positiv version, uden gennemsigtig baggrund Version 1 og 3 kan bruges i alle Aalborg Kommunes grundfarver alt efter behov og design. I version 3 skal selve illustrationen dog altid bevares i hvid. Vælg frit mellem den positive og negative version med gennemsigtig baggrund for at opnå den tydeligste og bedste gengivelse på den aktuelle designopgave. Prøv som udgangspunkt at bruge versionerne med gennemsigtig baggrund, og vælg den positive version uden gennemsigtig baggrund, vhis de andre giver problemer. Byvåben sat i positiv Byvåben sat i negativ Byvåben sat i postiv uden gennemsigtig baggrund

9 Aalborg Kommune design guide Side 9 Aalborg Kommune, Logo. Sat i positiv. Hierarki Byvåbnet er Aalborg Kommunes visuelle markør, og det må derfor aldrig stilles i direkte forbindelse med service-, institutionseller forvaltningsnavn. Navnetræk og byvåben sammenstilles som samlet navnetræk eller adskilles, så byvåbnet sættes frit efter de foreskrevne retningslinjer. Service-, institutions- eller forvaltningsnavn anføres så vidt muligt som store og tydelige overskrifter (sat i Alright Sans), når de er afgørende for budskab, kontekst eller brugerbehov. Hvis service-, institutions- eller forvaltningsnavn er uvæsentligt for brugerne, bør det helt udelades, så Aalborg Kommune blot fremtræder som logisk afsender. Logo Aalborg Kommunes logo er en sammenstilling af byvåbenet og navntrækket. Størrelsesforhold og afstande er nøje afstemt og det er derfor ikke tilladt at justere, rotere eller på andre måde ændre logoet. Logo kan downloades til brug på forskellige formater på aalborg.dk/design.

10 Aalborg Kommune design guide Side 10 Farver En konsekvent farvebrug er afgørende for en genkendelig og sammenhængede identitet på tværs af publikationer, afsendere og platforme. Alt design skal derfor gøre brug af farvepaletten: En primær farve Tre følgefarver Sort og hvid Alle neutrale gråtoner. Farverne kan kombineres frit som flader og/ eller tekst. De fire brandfarver ikke må gengives i procenter. Bemærk desuden at Pantone, CMYK, RGB og HEX-værdierne alle er optimerede til hver sin platform og at de ikke må bruges i andre værdier. Primær Pantone 288 CMYK 100, 85, 0, 40 RGB 20, 6, 103 HEX # Sekundær 1 Pantone 285 CMYK 100, 60, 0, 0 RGB 29, 71, 187 HEX #1d47bb Sekundær 2 Pantone 333 CMYK 60, 0, 35, 0 RGB 92, 196, 183 HEX #5cc4b7 Sekundær 3 Pantone 213 CMYK 0, 95, 38, 0 RGB 238, 39, 106 HEX #ee276a Neutrale gråtoner

11 Aalborg Kommune design guide Side 11 Hustypografi Aalborg Kommunes typografi hedder Alright Sans. Det er en skrifttype med enkle detaljer og et imødekommende udtryk. Den har en god læsbarhed også i små størrelser. Otte forskellige snit og matchende kursiv gøre det til en pålidelig og alsidig skriftfamilie, der fungerer godt på tværs af alle medier. Der må ikke bruges andre typografier end Alright Sans. Hvis du ikke har Alright Sans bruger du Arial. Arial bruges også i s og i officeprogrammer som Word og Powerpoint. Det er med til at give eksterne modtagere af åbne dokumenter en ensartet brugeroplevelse, selvom de ikke har installeret Alright Sans på deres computer. Alright sans Alright Sans bruges på alle medier og i alle sammenhænge. Brug primært Black og Light, og suppler med de øvrige tilgængelige snit The quick brown fox jumps over a lazy dog shows you 26 letters of the latin alphabet. The quick brown fox jumps over a lazy dog shows you 26 letters of the latin alphabet.

12 Aalborg Kommunes fotos er som udgangspunkt sort/ hvide. I de tilfælde, hvor motivet eller budskabet mister sin betydning ved sort/ hvid gengivelse, kan fotos bruges i farver. Aalborg Kommune design guide Side 12 Fotostil Fotos udgør en betydelig del af Aalborg Kommunes kommunikation og er derfor afgørende for både enkeltbudskaber og den samlede identitet. I respekt for mangfoldigheden i behov, motiver og eksisterende fotoarkiver, og med behov for ensretning, er der derfor defineret et simpelt designgreb, som skal følges i alle de tilfælde, hvor det kan lade sig gøre: Fotos skal bruges i sort/hvid. Det anbefales i øvrigt, at bruge få men store fotos.

13 Aalborg Kommune design guide Side Regler og guides

14 Aalborg Kommune design guide Side 14 Byvåben Det runde byvåben markerer Aalborg Kommune som afsender og kan i andre sammenhænge indgå som et grafisk element. Navnetræk og byvåben skal enten stå sammen eller adskilt på samme flade. Aldrig alene. Se guidelines om placering på side 16. Byvåbnet kan fritstilles - tages væk fra den faste opstilling med navnetrækket. Byvåbnet skal fremtræde klart og tydeligt ift. baggrund og sættes med en given respektafstand til både margen og eventuelle motiver.

15 Aalborg Kommune design guide Side 15 Byvåben, farver og baggrunde Vær særlig opmærksom på at vælge den farve til byvåbnet, der giver tydeligst gengivelse og bedst mulig sammenhæng til det øvrige design. På mørke eller urolige baggrunde anbefales det at bruge byvåbnet med gennemsigtig baggrund.

16 Aalborg Kommune design guide Side 16 Grid og kompositioner Simple regler skal sikre maksimal sammenhæng og genkendelighed i alle designløsninger. Det gælder også grid og kompositioner Overordnede kompositioner deles altid i lige store dele. Man kan også vælge slet ikke at dele, hvis man f.eks. ønsker at sætte et billede eller en farveflade i helt format. 1/2 1/2 1/2 Skalerbart format 1/1 1/2 1/4 1/4 1/4 1/4

17 Aalborg Kommune design guide Side 17 Elementplacering Byvåben og navnetræk gerne må optræde adskilt men aldrig alene på samme flade. Byvåbnet må aldrig beskæres eller bruges som vandmærke. Der findes en række simple regler for placering af byvåben, og navnetræk: A. Når byvåben skal placeres adskilt fra navnetræk. Byvåbnet må opskaleres og placeres frit på den grafiske flade, hvor komposition, foto og tekst tillader det. Tag udgangspunkt i guiden på illustration A: Placer byvåbnet 1) centreret på midten af den totale flade eller 2) centreret på midten af en halveret flade. B. Når navnetræk optræder samlet (navnetræk og byvåben).navnetræk placeres med respektafstand som anvist på illustration B. Vælg som udgangspunkt en venstre- eller højreplacering. Centrering er dog også en mulighed. C. Når navnetræk skal placeres adskilt fra byvåben. Navnetrækket placeres med respektafstand som anvist på illustration C. Vælg som udgangspunkt en venstre- eller højreplacering. Centrering er dog også en mulighed. Illustration A Illustration B Illustration C

18 Aalborg Kommune design guide Side Eksempler

19 Aalborg Kommune design guide Side 19 Eksempler med få designelementer Hustypografi Primær farve / sekundær farve Logo Exceremo eum ullande mporuptatur? Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis Ehenim atur

20 Aalborg Kommune design guide Eksempler med flere designelementer Her opnår du ved hjælp af lige dele en let og overskuelig måde at sætte et billede på. I eksemplerne bruges følgende elementer: Exceremo eum ullande Hustypografi Primær farve / sekundær farve Logo Lige dele Sort / hvid billede Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias Side 20

21 Aalborg Kommune design guide Side 21 Eksempler med fritstående byvåben Her er det fritstillede byvåben brugt for at øge afsenderværdien, binde de to opdelte flader sammen og skabe et mere dynamisk layout. Hustypografi Primær farve / Sekundær farve Navnetræk / fritstillet byvåben Lige dele Sort / hvid billede Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim

22 Aalborg Kommune design guide Side 22 Eksempler Som foregående. Se side 19 for flere detaljer. Exceremo Exceremo eum es ullande mporuptatur? Ehenim atur eum es ullande Exceremo Exceremo Vendis magnimus soluptas del estrumquat doluptiis prepe num laut labo. Nequi dentiunt, cus maximincia prae nati cus aut dolum facia simus vid unt quam consedio. Nequid molupta nimi, excea persper ferorum illabor rovidellabor alibusa pa voluptatem. On eos raeces id esciam, nosti nosam ex eiusciam, cum, aut eum es ullande eum es ullande Vendis magnimus soluptas del estrumquat doluptiis prepe num laut labo. Nequi dentiunt, cus maximincia prae nati cus aut dolum facia simus vid unt quam consedio. Nequid molupta nimi, excea persper ferorum illabor rovidellabor alibusa pa voluptatem. On eos raeces id esciam, nosti nosam ex eiusciam, cum, aut voluptatur, occum simodip sapiciatur? Udametur, te aut anis nim fugianimil maios si volorro inis repero vendell uptionsedit dempor as necto eos soluptatur suntiant. Agni volupti issuntiorrum quunt hilictiam sam et magnit qui blaborrorero corporoptur samet maximusam faceate consequiatur res mi, nemquiant at. Catendi gentiatus dolescim velitioriam, quasiminti offic totatem et laut landusa cum velest acestiam, ut odigni am faciis et exerum quisiminus poribus, cusda nos.

23 Aalborg Kommune design guide Eksempler Som foregående. Her som mulige forsider på publikationer, som enkeltsider, annoncer eller som plakater. Aalborg er for dig og dig. For unge og for gamle og alle andre ind i mellem Aalborg Kommune Revitalisering af identitet Her udvider vi for dig Aalborg Kommune Revitalisering af identitet Side 23

24 Aalborg Kommune design guide Side 24 Opslag i publikationer Der deles på midten/ryggen. Brødteksten er sat i 80% sort det giver et lidt blødere tekstbillede. Man kan vælge 1, 2 eller 3 spalter alt efter format. Det giver lidt mere dynamik hvis spalterne brydes og kombineres (eksempelvis 3 spalter i brødteksten og 2 spalter i manchetten) som vist. Hustypografi Primær farve / Sekundær farve Lige dele Sort / hvid billede (monokromt) Foldernavn & kapitel sxx Foldernavn sxx sxx Foldernavn & kapitel sxx Foldernavn sxx sxx Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestis Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestisabo. Itae nis andelesti commolo restistia voluptu repero dolupienis accae cone optis et aut aciminciande vel eossed modi rem facidelique videndigent audipsae cus, quam eaquiam quamet in ratis si adi aut ese nos mincime ndebis acearibus, que dolectiatis enim ipsapic iendis derro eius, int fugia nullest endaero que porpore saepta etur adionsequis aute doluptiores as dolorepero doleneceat. Pudit dolest, seraepudic te omnimin res illiqui andis nullorit optatquo que pa cus explibusae diti apelibusae voluptas ut ariore audae. Namus et volor sit estis nobitat isitam re dolut repta dit ipis sit adi in essusdam nulpa ius. Otaecte vel eliciis eos et re corest perit erfere ditat. Apicium ulparum, volore dolorporum quisquam et il illiquas dolor sequi doluptas mincimenda sin cullita tusandunt.di quost, sequi cusapit, non erunti doluptas ulpa pos quam eos aut quiat aute occusam ut audandisi dolenti verundia cum exerum aliquia voluptat ut explique velignam quas dolent este net eos eostia si non nobis maximusdam dellent quibus eum volorem et molendior adipsus. Ut excepel ibuste cuptat vendit ad quo eatist et rendanis cus es volupis rem as quam facearum eium eicipsam es ea volorat emquat ime rempor modit assi od eos arum, sita in endant vellabo. Itaspit la con num fuga. Itaque. Exceremo eum ullande mporuptatur? Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestisabo. Itae nis andelesti commolo restistia voluptu repero dolupienis accae cone optis et aut aciminciande vel eossed modi rem facidelique videndigent audipsae cus, quam eaquiam quamet in ratis si adi aut ese nos mincime ndebis acearibus, que dolectiatis enim ipsapic iendis derro eius, int fugia nullest endaero que porpore saepta etur adionsequis aute doluptiores as dolorepero doleneceat. Pudit dolest, seraepudic te omnimin res illiqui andis nullorit optatquo que pa cus explibusae diti apelibusae voluptas ut ariore audae. Namus et volor sit estis nobitat isitam re dolut repta dit ipis sit adi in essusdam nulpa ius. Otaecte vel eliciis eos et re corest perit erfere ditat. Apicium ulparum, volore dolorporum quisquam et il illiquas dolor sequi doluptas mincimenda sin cullita tusandunt.di quost, sequi cusapit, non erunti doluptas ulpa pos quam eos aut quiat aute occusam ut audandisi dolenti verundia cum exerum aliquia voluptat ut explique velignam quas dolent este net eos eostia si non nobis maximusdam dellent quibus eum volorem et molendior adipsus. Ut excepel ibuste cuptat vendit ad quo eatist et rendanis cus es volupis rem as quam facearum eium eicipsam es ea volorat emquat ime rempor modit assi od eos arum, sita in endant vellabo. Itaspit la con num fuga. Itaque pe voluptas doluptatem sam. Ehenim atur audam doluptur acimoditatur molorro iduntem. Odicimus inis nam, id et que nobis invelendebis venim hicia quias ea nestisabo. Itae nis andelesti commolo restistia voluptu repero dolupienis accae cone optis et aut aciminciande vel eossed modi rem facidelique videndigent audipsae cus, quam eaquiam quamet in ratis si adi aut ese nos mincime ndebis acearibus, que dolectiatis enim ipsapic iendis derro eius, int fugia nullest endaero que porpore saepta etur adionsequis aute doluptiores as dolorepero doleneceat. Pudit dolest, seraepudic te omnimin res illiqui andis nullorit optatquo que pa cus explibusae diti apelibusae.

25 Aalborg Kommune design guide Side Designelementer til kampagner

26 Poster og kampagne Skal man lave layouts til kampagnebrug udvides mulighederne i designet. Det er tilladt at bruge temaord i meget stor størrelse så Aalborg Kommune design guide Side 26 ordene bliver mere illustrative en egentlig tekst. Man kan enten bruge skrift som maske eller man kan sætte skrift direkte oven på billeder som herunder. Temaord sættes i Alright Sans Ultra og skal fylde væsentligt i et givent format. bø rn

27 Aalborg Kommune design guide Det er desuden tilladt at tone kampagnens sort/hvid billeder i monochrom - i en af de fire brandfarver. Side 27 sxx

28 Aalborg Kommune design guide Side 28 Borgerservice Eksempler I disse to eksempler synliggøres hierarkiet mellem Aalborg Kommune som afsender og den nære service (her Borgerservice og Hjemmeplejen) som relevant markør. Rantzausgade 42 Sant aut fuga. Is dolo blab idundant qui dolores

29 Aalborg Kommune design guide Side 29 Kommunikation med to afsendere Der er overordnet to typer : 1. Aalborg Kommune deltager i eksterne kampagner Aalborg Kommune fremstår som afsender eller medafsender på eksternt udviklet grundmateriale - eksempelvis nationale trafikkampagner. I disse tilælde følges kampagnens design 1:1 med simpel placering af Aalborg Kommunes logo i sort, hvid eller primærfarve. 2. Egne kampagner med andre deltagere Aalborg Kommune inviterer andre afsendere med på egenudviklede løsninger - eksempelvis events. Her følges Aalborg Kommunes design guide 1:1, og der findes logisk plads til de andre afsendere.