Hvide Sande Designmanual 3 Navnetræk 12 Tagline 15 Ikon 18 Grafisk element 21 Piktogrammer 23 Eye Catchers 28 Typografi 38 Farver, Fotos og Papirkvaliteter 42 Implementering side GÆLDENDE 1 FRA 01.03.2013
Introduktion Hvide Sandes Designmanual Velkommen til Hvide Sandes designmanual. Med designmanualens retningslinier kan du designe løsninger til Hvide Sandes visuelle kommunikationsflader. Designmanualen sikrer en konsistent brugeroplevelse på tværs af de mange visuelle flader Hvide Sande kommunikerer på. Når du skaber løsninger til Hvide Sande er det defor vigtigt at respektere manualens retningslinier. Formålet med Hvide Sandes nye visuelle identitet er at samle området under et samlet mærke (brand). Hvide Sandes nye visuelle identitet formidler og forstærker områdets unikke position, skaber synlighed og genkendelse hos brugeren og differentiering fra konkurrenter. Når kommunikationsindsatserne samles i en stærk og konsistent visuel identitet opnåes synergi og sammenhæng de mange kræfter trækker i samme retning. Den nye visuelle identitet skal altså forbedre brugerens oplevelse af Hvide Sandes visuelle kommunikation og dermed Hvide Sande. Nøgleordene er enkelhed, kontrast, intensitet og kvalitet. side 2
Navnetræk side 3
Navnetræk Navnetrækket er symbolet for hele Hvide Sande. Det er det mærke, alle andre elementer samarbejder om at lade med betydning og værdi. NB. Navnetrækket skal altid være tilstede på materiale fra Hvide Sande. side 4
Navnetræk Respektafstand Den definerede respektafstand for navnetrækket sikrer at det står i passende afstand til øvrige grafiske elementer. NB. Respektafstanden er to gange navnetrækkets højde. }2 } 1 }2 } 2 } 2 side 5
Navnetræk Respektafstand Navnetrækket placeres altid til højre, øverst eller nederst. Respektafstanden definerer navnetrækkets afstand til kanten. side 6
Navnetræk Navnetrækkets størrelse Navnetrækkets størrelse bestemmes af formatets størrelse. Navnetrækkets respektafstand er kvadratisk. Navnetrækkets størrelse er altid 1/3 af formatets korteste side. På højformater er det derfor formatets bredde, der bestemmer navnetrækkets størrelse. På lavformater er det formatets højde der bestemmer navnetrækkets størrelse. For A4 betyder det, at bredden på navnetræk inkl. respektafstand er: 210 mm / 3 = 70 mm. side 7
Navnetræk Navnetrækkets farver På lys bund må navnetrækket anvendes i følgende farver: Primært: Rød (filnavn: HS_logo_red.eps) (filnavn: HS_logo_red.pdf) Sekundært: Sort (filnavn: HS_logo_black.eps) (filnavn: HS_logo_black.pdf) Primær logo farve Sekundær logo farve side 8
Navnetræk Navnetrækkets farver På mørk bund må navnetrækket anvendes i følgende farver: Primært: Rød (filnavn: HS_logo_red.eps) (filnavn: HS_logo_red.pdf) Sekundært: Hvid (filnavn: HS_logo_white.eps) (filnavn: HS_logo_white.pdf) Primær logo farve Sekundær logo farve side 9
Navnetræk Navnetrækkets baggrund Navnetrækket må ikke placeres på fotos. side 10
Navnetræk Navnetræk-filer Navnetræk-filerne dækker behovet for gengivelse i trykte og digitale medier. For at gøre det lettere at anvende navnetrækket, er der lagt respektafstand omkring navnetrækkene. For at sikre ensartet gengivelse er det vigtigt altid at bruge de originale navnetræk-filer. Mappens navn: HS_Navnetræk Filernes navne: Primært: Rød (pos) (filnavn: HS_logo_red.eps) (filnavn: HS_logo_red.pdf) Sekundært: Hvid (filnavn: HS_logo_white.eps) (filnavn: HS_logo_white.pdf) Sekundært: Sort (filnavn: HS_logo_black.eps) (filnavn: HS_logo_black.pdf) FINDES PÅ FIRE SPROG side 11
Tagline side 12
Tagline Hvide Sandes tagline placerer Hvide Sande geografisk og inviterer til at opleve området. side 13
Tagline Taglinen anvendes i sammenhæng med navnetrækket på annoncer, brochurer o.lign. NB. Taglinen anvendes ikke på brevlinien. (Brevpapir, visitkort, konvolutter mm.) For at sikre ensartet gengivelse er det vigtigt altid at bruge de originale tagline-filer. Mappens navn: HS_Navnetræk Filernes navne: Primært: Rød (pos) (filnavn: HS_logotagline_red.eps) (filnavn: HS_logotagline_red.pdf) Sekundært: Hvid (filnavn: HS_logotagline_white.eps) (filnavn: HS_logotagline_white.pdf) Sekundært: Sort (filnavn: HS_logotagline_black.eps) (filnavn: HS_logotagline_black.pdf) FINDES PÅ FIRE SPROG side 14
Ikon side 15
Ikon Ikonet er en forenkling af Hvide Sandes navnetræk. Ikonet symboliserer horisontlinien som er det gennemgående træk i Hvide Sandes visuelle identitet. side 16
Ikon Ikonet anvendes på steder hvor det ikke er muligt at placere navnetrækket. NB! Ikonet må ikke optræde i umiddelbar forbindelse med navnetrækket. Mappens navn: HS_Ikon Filernes navne: Primært: Rød (pos) (filnavn: HS_ikon_red.eps) (filnavn: HS_ikon_red.pdf) Sekundært: Hvid (filnavn: HS_ikon_white.eps) (filnavn: HS_ikon_white.pdf) Sekundært: Sort (filnavn: HS_ikon_black.eps) (filnavn: HS_ikon_black.pdf) side 17
Grafisk element side 18
Grafisk element Hvide Sandes grafiske element er de to flader som illustrerer horisontlinien, som er identitetens bærende idé. Fladerne fungerer som et underspillet element men spiller en stor rolle for genkendelse og identitet og opfattelsen af Hvide Sande som afsender af kommunikationen. side 19
Grafisk element Det grafiske element placeres centreret på flader som vist på eksemplet. Det grafiske element kan bruges i de definerede farver i farvepaletten og dermed strukturere f.eks. en brochures afsnit (windsurfing, vandreture, børneklub mm.). NB. Det grafiske element må kun anvendes med de farvedefinitioner der er angivet i farvepaletten (side 38). side 20
Piktogrammer side 21
Piktogrammer Hvide Sande anvender piktogrammer til at skabe overblik og formidle sig i et enkelt stiliseret billede. Vi anbefaler Overnatning Spisesteder Madvarer Shopping Oplevelser Forkælelse Natur / Naturområder Fiskeri Vand & Vandsport /Surfing Kunst & Kunsthåndværk Kultur og historie / Atraktioner Information Hund Begivenheder Serviceydelser Free wifi Cykel Byer nær Hvide Sande For børn Vandre/gå/løbe Med hund Strand og Badning Ridning side 22
Eye Catchers side 23
Eye Catcher Eye Catcher på billede Til identiteten hører en række Eye Catchers. Eye Catchers er ord som italesætter en kvalitet ved Hvide Sande, taler til modtagerens hjerte og beskriver et tema i den specifikke kommunikation. Eye Catchers anvendes i annoncer, på plakater, på brochureomslag o.lign. NB. Eye Catchers må kun placeres på et 2-fagsbilleder og skal altid centreres. Eye Catcheren skal stemme overens med fotoets tema. side 24 Dansk overskrift Tysk overs Um Hvide Sande gibt es richtig viel Wasser und deshalb auch richtig viele Fische! Hier finden Sie Meer und Fjord, Fluss und Seen - und somit hervorragende Möglichkeiten Ihr Anglerglück zu versuchen. Um Hvide Sande g und deshalb auch Hier finden Sie Me Seen - und somit h Möglichkeiten Ihr Lesen Sie mehr auf Hvidesande.dk Lesen Sie mehr au
Eye Catcher Lav en eye-catcher Størrelsen på eye-catchers er individuel afhængig af høj-format, bred-format, kvadrat osv. Men de bør matche det eksempel på eye-catcher placering som vist på forrige side. Lav en eye-catcher i illustrator: 1. Åben dokumentet HS_Tid_Demo.ai (det er vigtigt at fonten DINPRO BLACK ikke bliver erstattet af en anden font) 2. Erstat den sorte tekst med den ønskede tekst 3. Vælg i menuen TYPE > CREATE OUTLINES 4. Marker stregen og teksten og vælg i menuen WINDOW > PARTHFINDER > DIVIDE 5. Marker og vælg i menuen OBJECT > UNGROUP 6. Marker øverste del af teksten og skift farven til den lyse røde og fjern eventuelle fyldninger i f.eks R med den hvide pil 7. Gentag for den nederste del af teksten og skift til den røde farve. 8. Træk stregerne ud til enden af teksten og ændre artboard til den rigtige størrelse. side 25
By/område pay-off De viste pay-offs til byerne/ områderne anvendes når man ønsker at sætte særligt fokus herpå. De viste pay-offs formidler byens/områdets særkende til modtageren. De viste pay-offs anvendes som overskrift i annoncer o.lign. Boksene findes i mappen: Pay-off Sæt sejlet i BORK HAVN Indtag naturen i VEDERSØ KLIT Kast snøren i SKJERN Å Smag på SØNDERVIG Mød historien i RINGKØBING Fang horisonten i HVIDE SANDE Indtag naturen i VEDERSØ KLIT Dansk overskrift Um Hvide Sande gibt es richtig viel Wasser und deshalb auch richtig viele Fische! Hier finden Sie Meer und Fjord, Fluss und Seen - und somit hervorragende Möglichkeiten Ihr Anglerglück zu versuche Lesen Sie mehr auf Hvidesande.dk side 26
Eye Catcher Eye catcher på billede For at sikre ensartet gengivelse er det vigtigt altid at bruge de originale navnetræk-filer. Mappens navn: HS_EyeCatchers Filernes navne: (filnavn: HS_blæs.eps) (filnavn: HS_blæs.pdf) (filnavn: HS_spis.eps) (filnavn: HS_spis.pdf) (filnavn: HS_fisk.eps) (filnavn: HS_fisk.pdf) (filnavn: HS_surf.eps) (filnavn: HS_surf.pdf) (filnavn: HS_tid.eps) (filnavn: HS_tid.pdf) Dansk overskrift Tysk overskrift Hollandsk overskrift Um Hvide Sande gibt es richtig viel Wasser und deshalb auch richtig viele Fische! Hier finden Sie Meer und Fjord, Fluss und Seen - und somit hervorragende Möglichkeiten Ihr Anglerglück zu versuchen. Um Hvide Sande gibt es richtig viel Wasser und deshalb auch richtig viele Fische! Hier finden Sie Meer und Fjord, Fluss und Seen - und somit hervorragende Möglichkeiten Ihr Anglerglück zu versuchen. Um Hvide Sande gibt es richtig viel Wasser und deshalb auch richtig viele Fische! Hier finden Sie Meer und Fjord, Fluss und Seen - und somit hervorragende Möglichkeiten Ihr Anglerglück zu versuchen. Lesen Sie mehr auf Hvidesande.dk Lesen Sie mehr auf Hvidesande.dk Lesen Sie mehr auf Hvidesande.dk Tre-sprogsannonce side 27
Typografi side 28
Typografi Hvide Sandes primære font er DIN. Primærfonten opfattes som Hvide Sandes stemme. Stemmen er i høj grad med til at formidle Hvide Sandes personlighed. The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog side 29
Typografi Trykte medier DIN er Hvide Sandes primære font til brug i trykte medier. DIN skal bruges til alle former for tekst fra overskrifter til brødtekst i alle trykte medier. Til alle overskrifter anvendes DIN Bold. Til alle indholdsskrifter anvendes DIN Light eller DIN Regular. (Se næste side) Mulighed: Fonten kan downloades her: Overskrifter DIN Bold ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;- indholdsskrifter side 30 DIN Regular ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;- DIN Light ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;-
Typografi Tekst i trykte medier Brødtekst skal være let læselig. Derfor bør liniernes længde minimum være 30 enheder (inklusive mellemrum), helst være på 50-55 enheder (inklusiv mellemrum) og må aldrig overstige 70 enheder (inklusiv mellemrum). Her ses eksempler på anbefalede brødtekststørrelser i spalter med bredden 60 mm. Eksempel på underrubrik De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Eksempel på stor brødtekst og mellemrubrik De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Ferie i Hvide Sande De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Eksempel på lille brødtekst og mellemrubrik De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Ferie i Hvide Sande De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Brødtekst: DIN Bold 12 pt / Auto leading 120% (14,4 pt) Spalte bredde 60 mm giver ca. 30 enheder pr. linie. Brødtekst: DIN Light Mellemrubrik: DIN Bold 10 pt / Auto leading 120% (12 pt) Spalte bredde 60 mm giver ca. 40 enheder pr. linie. Brødtekst: DIN Regular Mellemrubrik: DIN Bold 8 pt / Auto leading 120% (9,6 pt) Spalte bredde 60 mm giver ca. 50 enheder pr. linie. Mellemrubrikker har samme størrelse som brødteksten, men sættes i fed og grundlinieforskydes med ¼ af punktstørrelsen. Mellemrubrikker har samme størrelse som brødteksten, men sættes i fed og grundlinieforskydes med ¼ af punktstørrelsen. side 31
Typografi Tekstjustering Al tekst er altid venstrestillet uanset flade og medie. Overskrifter, underrubrikker og brødtekst Alle tekster skal altid være venstrestillet. De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. side 32
Typografi Orddeling Orddelinger må ikke forekomme i overskrifter. Orddelinger må gerne forekomme i underrbrikker og brødtekst. De si bea nimaxim tur sit harum, coreid quistrum quia side 33
Typografi Farver til trykte medier Til tekst må anvendes Warm Red (se farvepalette), Black og White. Tekst må være Warm Red De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Tekst må være Black De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Tekst må være White De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Pantone Warm Red U Black White side 34
Typografi Digitale medier I digitale medier (nyhedsbreve og mails) bruges Arial Bold i overskrifter og Verdana regular i brødtekst. Overskrifter ARIAL Bold ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;- indholdsskrifter Verdana Regular ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;- side 35
Typografi Farver til digitale medier Til tekst må anvendes Warm Red, Dark Grey og Light Grey. (Se farvepalette) Tekst må være Warm Red De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Tekst må være Dark Grey De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Tekst må være Light Grey De si bea nimaximetur sit harum, core, id quistrum quia. Omnimoloreped ma quatur autem. Otate consequi dolupti diorationseque volupturem coribust repudae. Pantone Warm Red U Dark Grey Light Grey side 36
Typografi Skilte Til brug på skilte bruges DIN Bold i overskrifter og DIN Light i indholdstekst. OBS. Der bør udvikles en specifik løsning for skiltning. Overskrifter DIN Bold ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;- indholdsskrifter DIN Light ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæåø 1234567890!/()%@.,:;- side 37
Farver, Fotos og Papirkvaliteter side 38
Farver Hvide Sandes farvepalette består af et antal primærfarver og et antal sekundærfarver som indeholder objektfarver og naturfarver. Primærfarver Farverne anvendes til at systematisere kategorier, information og budskaber samt til at skabe et dynamisk og varieret helhedsindtryk på tværs af Hvide Sandes kommunikationsflader. NB. Primær farver må anvendes til tekster. Sekundær farver må ikke anvendes til tekster. Tint: 80% Pantone Warm Red U Tint: 5% Black Tint: 75% CMYK: 0,90,100,0 CMYK: 0,0,0,100 HEX: ff,5c,5d HEX: f2,f2,f2 Sekundærfarver Objektfarver Pantone Warm Red U CMYK: 0,90,100,0 HEX: ff,33,33 Tint: 20% Black Tint: 90% CMYK: 0,0,0,100 HEX: cc,cc,cc Black CMYK: 0,0,0,100 HEX: 64,63,63 Black CMYK: 0,0,0,100 HEX: 3c,3c,3b Farverne må kun anvendes i de viste procenter. Tint: 80% Pantone Yellow U CMYK: 0,0,100,0 HEX: ff,f0,fb Tint: 80% Pantone 629 U CMYK: 60,0,15,0 HEX: 9b,d8,d4 Pantone Yellow U CMYK: 0,0,100,0 HEX: ff,ec,00 Pantone 629 U CMYK: 60,0,15,0 HEX: 87,d0,cb Naturfarver Tint: 80% Pantone 5405 U Tint: 40% CMYK: 70,35,10,25 HEX: 68,7c,86 Pantone 5405 U CMYK: 70,35,10,25 HEX: b4,be,c3 Pantone 5405 U CMYK: 70,35,10,25 HEX: 41,5a,66 Tint: 60% Pantone 5405 U CMYK: 70,35,10,25 HEX: 8a,99,a1 side 39
Hvide Sande udtrykker sig gennem billeder som som formidler områdets særkende ved hjælp af fire forskellige billedkategorier; vidde, detalje, situation og portræt. Du konstruerer 2-fagsbilleder ved at sammensætte to billeder fra hver sin billedkategori. Billedstil Vidde Situation Detalje Vidde Vidde Situation Portræt Detalje Når du sammensætter et 2-fagsbillede kan du imødekomme målgruppernes behov, ved f.eks. at vise både enetid og familietid, action og stilhed, natur og kultur osv. Anvendelse af 2-fagsbilleder 2-fagsbilleder anvendes til magasinforsider, annoncer, slides på hvidesande.dk o.lign. NB. 2-fagsbilleder anvendes altid med Eye Catcher. OBS. Vi anbefaler at oprette et fotokartotek med fotos som er egnet til 2-fagsbilleder. side 40
Papirkvaliteter Alt trykt materiale produceres på ubestrøget papirkvaliteter. side 41
Implementering side 42
Vi investerer i din fremtid Mailsignatur Alle ansatte hos HVIDE SANDE skal benytte en særlig e-mailsignatur, der bliver placeret nederst i e-mailen. Formålet er at sikre en ensartet og autentisk afsenderidentitet på e-mail, ligesom når det gælder fortrykt brevpapir til breve. Der er 3 sprogversioner af signaturen: Dansk, Tysk og Engelsk. Indhold i e-mail skrives med helvetica 12 pkt. sort. Vi investerer i din fremtid Vi investerer i din fremtid side 43
side 44