Designmanual v.01 2017
Innhold Introduksjon 3 Logo Logosymbol 4-5 Hovedlogoer 6 Sekundærlogoer 7 Hovedlogoer med slagord 8 Sekundærlogoer med slagord 9 Beskyttet område 10-11 Minstemål 12-13 Sånn, ikke sånn 14 16 Grafisk element Tag 17-21 Fargepalett Primær- og sekundærfarger 22 Fargevekting 23-24 Fonter Profilfonter 25 27 Systemfonter 28 Bildestil Enkel brief med eksempler 29 Kontakt Har du spørsmål? 30 2
Introduksjon For hvem og hvorfor Denne designmanualen retter seg til grafiske designere, reklamebyråer, trykkerier, partnere og alle andre som utformer materiell for Mulighetsriket. Innholdet presenterer en oversikt over designelementene som utgjør den visuelle profilen, og gir enkle retningslinjer for hvordan hvert element kan, skal og ikke skal brukes. Retningslinjene som er gitt skal alltid følges nøye de sørger for et enhetlig uttrykk av profilen og at Mulighetsriket alltid har en tydelig avsenderidentitet. 3
Logosymbol Konstruksjon Logosymbolet til Mulighetsriket symboliserer all kraften og energien som finnes i regionen. Symbolet er konstruert slik at det dannes en sol i det negative rommet i midten. Symbolet spinner fremover og peker mot fremtiden. På denne måten symboliseres fremdrift og innovasjon. I tillegg til å spille på kraften i regionen, står symbolet for samspill, nettverk og samarbeid. Flere enheter møtes, spiller på lag og skaper noe akkurat som Mulighetsriket. 4
Logosymbol Farger og sort/hvit Logosymbolet til Mulighetsriket kan opptre alene, på lik linje som logo med navntrekk. Symbolet finnes i 5 ulike farger; rød appelsin, hvit, dyp blå, lys grønn og sort. Rød appelsin er vår primærfarge, og det er først og fremst denne eller hvit logo som skal brukes. Dyp blå eller lys grønn kan brukes som en sekundær variant, mens sort symbol kun skal brukes i unntakstilfeller på flater hvor vi ikke har tilgang til farger. 5
Hovedlogoer Liggende og stående Hovedlogoen til Mulighetsriket er rød appelsin eller hvit (negativ). Den finnes i liggende og stående versjon, og variant velges utifra oppsettet den skal plasseres på. Dette vurderes i forhold til format, plassering og eventuelt andre elementer. Logoen i rød appelsin brukes på lyse bakgrunner, og den hvite på mørke bakgrunner. Sørg alltid for optimal konstrast for best mulig lesbarhet. 6
Sekundærlogoer Fargevariasjoner I all hovedsak skal hovedlogoene alltid brukes. Det finnes likevel fargevariasjoner av logoen som kan brukes på flater hvor det blir hensiktsmessig bedre med en annen farge. Dyp blå eller lys grønn kan brukes som sekundære logoer, mens sort logo kun skal brukes i unntakstilfeller på flater hvor vi ikke har tilgang til farger. 7
Hovedlogoer med slagord Mørk og lys versjon Det er utviklet en logo-lockup med slagordet Sola står først opp i øst. Mørk versjon brukes på lyse bakgrunner og lys versjon på mørke bakgrunner. Logo med slagord brukes på flater hvor det blir hensiktsmessig bedre enn hovedlogo. 8
Sekundærlogoer med slagord Positiv og negativ Sekundærlogoer med slagord i positiv og negativ form, skal kun brukes i unntakstilfeller på flater hvor vi ikke har tilgang til farger. 9
Logo Beskyttet område Beskyttet område skal alltid være fritt for andre elementer som tekst, andre logoer etc. for å sørge for at lesbarheten ivaretas og at formen på logoen alltid kommer godt frem. 10
Logo Beskyttet område Beskyttet område skal alltid være fritt for andre elementer som tekst, andre logoer etc. for å sørge for at lesbarheten ivaretas og at formen på logoen alltid kommer godt frem. 11
Logo Minstemål Liggende logo Stående logo Symbol Print: 42 mm Digital: 160 px Print: 10 mm Digital: 35 px Print: 26 mm Digital: 100 px For å påse at logoen/symbolet alltid gjengis med optimal lesbarhet, skal retningslinjene for minstemål alltid følges. 12
Logo Minstemål Liggende logo med slagord Stående logo med slagord Print: 48 mm Digital: 185 px Print: 29 mm Digital: 110 px For å påse at logoen/symbolet alltid gjengis med optimal lesbarhet, skal retningslinjene for minstemål alltid følges. 13
Sånn, ikke sånn Retningslinjer Sørg alltid for tilstrekkelig kontrast til bakgrunnsfargen logoen står på. Formene både i symbol, navnetrekk og slagord skal være tydelige og godt lesbare. 14
Sånn, ikke sånn Retningslinjer Kraftsymbol og navnetrekk skal ikke tas fra hverandre og settes sammen på nye måter. Det er ikke tillatt å legge på skygge, kontur eller noen andre effekter på logoene. Sørg alltid for tilstrekkelig kontrast når logo plasseres på bilder. Logoene skal aldri settes i boks. Om lesbarheten blir dårlig, må en se om en kan bruke et annet bilde, beskjære bildet på en annen måte, eller bruke en annen versjon av logoen. Det er ikke tillatt å plassere logo/symbol slik at kraftsymbolet omkranser solen.
Sånn, ikke sånn Retningslinjer Bruk alltid originalfilene slik de er satt opp. Fargen på logoene, symbolene og slagord-setning skal aldri endres. Logo/symbol skal aldri strekkes, hverken i lengden eller høyden bruk proporsjonal skalering. Navnetrekket skal aldri gjengis uten logosymbol. 16
Grafisk element Markerer tydelig avsender Når vi eier flatene og snakker alene, kan en tag brukes for å tydelig markere avsender. Tagene er et gjenkjennelig element som også kan løse utfordringer med å plassere logo på krevende bakgrunner. Ved bruk av tagen, kan vi være sikre på at logoen/logosymbolet alltid vil stå tydelig frem, uavhengig av bakgrunn. 17
Grafisk element Eksempler 18
Grafisk element Eksempler Arbeidskraft og innovasjonskraft Lorem ipsum dolor sit amet Consectetuer adipiscing elit, sed Lorem ipsum dolor sit amet, consectetuer nimide adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. Pelibus anduci volut rero volut volupta quatectatium nulparcil et aliqui vollam invenienes consequia nimusap ereium nobit que volorrumqui omnis endamen daerumet lab ipsandis as aut et quam non nis quaspelest occaborem quis ea quo inverib ustiat ut aut as eat et accae consequat. 19
Grafisk element Tag til krefter Omstillingskraft Omstillingskraft Omstillingskraft Tankekraft Tankekraft Tankekraft Arbeidskraft Arbeidskraft Arbeidskraft Handlekraft Handlekraft Handlekraft Innovasjonskraft Innovasjonskraft Innovasjonskraft Skaperkraft Skaperkraft Skaperkraft Bærekraft Bærekraft Bærekraft Værekraft Værekraft Værekraft Når vi snakker om kreftene i Mulighetsriket, for eksempel i annonser, kan kreftene brukes som tags for å markere tema. Disse plasseres øverst til venstre i formatet se eksempler på neste side. 20
Tag til krefter Eksempler 21
Fargepalett Primær- og sekundærfarger Primærfarge: Sekundærfarger: Rød appelsin HEX: #ff3d00 R:255 G:61 B:0 C:0 M:84 Y:94 K:0 Pantone-valører Uncoated: 2028 U Coated: 1665 C Lys grønn HEX: #dff7e0 R:223 G:247 B:224 C:16 M:0 Y:18 K:0 Dyp blå HEX: #002a44 R:0 G:42 B:68 C:100 M:79 Y:46 K:49 Sort & hvitt Rød appelsin er Mulighetsrikets primærfarge. Fargen gir profilen et pop, og sørger for at Mulighetsriket står sterkt og synlig. Fargen symboliserer flere verdier som samsvarer med Mulighetsrikets identitet. Kraft, entusiasme, levende, og solvarme, er noen av ordene som blir brukt for å beskrive fargens symbolikk. og fargen symboliserer vekst og vitalitet. Lys grønn brukes primært til bakgrunnsfarger eller i tekst på mørke bakgrunner. Dyp blå spiller opp de to andre fargene og brukes primært til tekst. I mange tilfeller vil dyp blå erstatte sort. Lys grønn fungerer som en beroligende kontrast mot den sterke oransje. Kombinasjonen skaper et friskt og ungdommelig uttrykk, Fargepaletten er en særegen fargekombinasjon som beholder det varme uttrykket, men med friskhet og troverdighet. 22
Fargepalett Fargevekting Det etterlatte inntrykket skal først og fremst oppleves som rød appelsin med lyse farger hvitt eller lys grønn. 23
Fargepalett Fargevekting eksempler Ovenfor vises et samlet eksempel på fargebildet og det etterlatte inntrykket hva gjelder farge-vekting. 24
Fonter Profilfont: Overskrifter og sitater Newzald medium Newzald medium italic abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& Newzald medium benyttes for overskrifter og Newzald medium italic for sitater. Unntak gjelder kun på dokumenter/maler i eksempelvis Word og PowerPoint, og/eller dersom man ikke har tilgang på profilfontene. Newzald kan kjøpes her: https://klim.co.nz/retail-fonts/newzald/buy/ 25
Fonter Profilfont: Brødtekst, ingress, bildetekst, mellomtitler etc. Aperçu regular Aperçu italic Aperçu bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXY ZÆØÅ 0123456789.,-!?@%+/()& Aperçu (pro) regular og bold (samt italics) benyttes for mengdetekst og alle andre steder enn overskrifter og sitater. Unntak gjelder kun på dokumenter/maler i eksempelvis Word og PowerPoint, og/eller dersom man ikke har tilgang på profilfontene. Aperçu kan kjøpes her: http://www.colophon-foundry.org/typefaces/apercu/ 26
Fonter Profilfonter eksemplifisert Newzald medium Arbeidskraft og innovasjonskraft Aperçu bold Newzald medium italic Aperçu regular Lorem ipsum dolor sit amet Consectetuer adipiscing elit, sed Lorem ipsum dolor sit amet, consectetuer nimide adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. Pelibus anduci volut rero volut volupta quatectatium nulparcil et aliqui vollam invenienes consequia nimusap ereium nobit que volorrumqui omnis endamen daerumet lab ipsandis as aut et quam non nis quaspelest occaborem quis ea quo inverib ustiat ut aut as eat et accae consequat. 27
Fonter Systemfonter Georgia bold Georgia bold italic abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& Arial regular Arial italic abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& Arial bold Arial bold italic abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVWXYZ ÆØÅ 0123456789.,-!?@%+/()& Systemfonter er gratis fonter som finnes på alle datamaskiner fra før. Georgia Bold og Arial er systemfonter som erstatter profilfontene dersom man ikke har tilgang til Newzald og Aperçu. Systemfontene brukes på tilsvarende måte som profilfontene Georgia Bold for overskrifter og sitater, og Arial for resterende tekst. 28
Bildestil Tatt i morgenlyset Både dokumentariske bilder og portretter skal følge samme bildestil. Bildene skal være tatt i morgenlyset og utstråle varme. Det er likevel viktig at bildene ikke er for varme. For gule/oransje bilder kan virke uekte og vil konkurrere med fargene i profilen. Det er viktig at bildene til Mulighetsriket virker ekte, jordnære og sanne og ikke minst beviser kreftene fra kommunikasjonskonseptet. 29
Har du spørsmål? Kontakt Roy Freddy Andersen royfa@ostfoldfk.no