Typografi Introduksjon

Transkript

1 Typografi

2 Typografi Introduksjon Velkommen til Spire sin designmanual som viser deg hvordan Spire skal profileres. Målet med designmanualen er å sikre at Spire fremstår helhetlig og konsekvent i alle kanaler. Dette er en viktig del av arbeidet med å styrke Spire som organisasjon og klargjøre hvem de er og hva de jobber med. En visuell profil består ikke bare av en logo. Det er viktig at retningslinjene og beskrivelsene følges. På den måten sikrer vi en konsekvent bruk av de grafiske verktøyene som gir tydelig og enhetlig profilering av Spire. Ved å bruke denne designmanualen som en kilde til informasjon, motivasjon og ikke minst inspirasjon, håper vi at at Spire kan fremstår som en organisasjon med en klar og tydelig stemme. Vennlig hilsen Spire Manualen er utarbeidet av: Katrine Fredriksen

3 Logo Hovedlogo Dette er hovedlogoen til SPIRE og skal gjengis i SPIRE grønn.logoen skal stå tydelig på alt materiell. Tilleggslogo Kan brukes fritt der hovedlogoen ikke passer, feks. web, mail, PP-presentasjon etc. Gråtoner Brukes når det trengs en mer nøytral logo. Plassering Logoen skal stå på alt materiell fra SPIRE. Og skal plasseres godt synlig slik at det ikke er noen tvil om hvem som er avsender. Forside Forside Innside

4 Typografi Logo versjoner Logo versjoner Kan brukes når det har klar sammenheng med SPIRE og skal ikke brukes som logo alene, men kan fungere som illustrasjon på feks. webside, blogg, sosiale medier, video og i trykksaker.

5 Typografi Myriad Pro Regular ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå (*)/= På all tekst skal hovedsaklig Myriad Pro Regular brukes. Myriad Pro Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå (*)/= Myriad Pro Bold kan brukes på tekst som skal utheves. Feks. sitat, overskrifter, tittler, navn etc. Kan også brukes andre steder om ønskelig så lenge helheten ivaretas. Myriad Pro Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå (*)/= Myriad Pro Italic skal bare brukes på sitater eller utdrag fra tekst.

6 Farger Hovedfargen er SPIRE grønn. I tillegg er det valgt ut seks sekundær farger som kan brukes for å ha muligeten til å skape et mer fargerikt utrykk. Og for å få litt variasjon. R: 142 G: 188 B: 81 C: 55 M: 0 Y: 85 K: 9 R: 64 G: 127 B: 197 C: 69 M: 33 Y: 0 K: 0 R: 75 G: 132 B: 196 C: 72 M: 42 Y: 0 K: 0 R: 236 G: 209 B: 115 C: 6 M: 11 Y: 55 K: 0 R: 241 G: 204 B: 69 C: 6 M: 17 Y: 86 K: 0 R: 216 G: 128 B: 76 C: 9 M: 48 Y: 68 K: 0 R: 228 G: 132 B: 46 C: 5 M: 56 Y: 93 K: 2 CMYK (Fire farger trykk) skal benyttes når man ønsker å bruke flere farger i trykksaker som brosjyrer, visittkort, plakater, flyers etc. CMYK brukes også når man skal trykke bilder i farger samt i fargeannonser i avis, blader, boards etc. RGB-farger er kun til bruk på skjerm, f.eks. Internett, PowerPoint, etc. Fargene kan variere en del mellom u like skjermer. Skjermfargene må aldri brukes til trykksaker!

7 Tilleggsfarger Eksempler på bruk av tilleggsfargene. FISK FOR FOLKET NORWAY S PURSUIT OF TRADE AND HAPPINESS: Norwegian trade interests and small-scale fishers in Kerala Harald Sakarias Brøvig Hansen Hanne Margrete Johnsen Spire

8 Farger - illustrasjoner og mønster På visittkortet er det også brukt to tilleggsvalører av grønnfargen for å skape et mer spennende utrykk. Dette er grønnfarger som bare skal brukes sammen med SPIRE sin hoved grønnfarge. De skal aldri brukes isteden for den vanlige grønn fargen. Og må ikke mikses inn i tekst eller logo. R: 108 G: 147 B: 46 R: 127 G: 175 B: 58 C: 57,25 M: 18,82 Y: 96,86 K: 2,353 C: 50,19 M: 7,059 Y: 89,02 K: 0

9 Designelementer De grafiske designelementene spiller viderere på brette effekten i SPIRE logoen. Elementene kan brukes fritt, men er i hovedsak tenkt som en illustrasjon som kan bidra til å skape bevegelse i designet. Kan være med på å bryte opp sider som består av mye tekst, eller som dekor på sider med lite tekst. Det kan lages uendelige versoner dette, så du er ikke nødt til å bruke av de som allerede eksiterer, men det må passes på at helheten ivaretas og at utrykket blir det samme.

10 Typografi Oppmerksomhets faner For å fremheve viktig informasjon kan det brukes oppmerksomhetsfaner som disse. De er med på å lede mottakeren til den aller viktigste informasjonen om feks. hvorda man melder seg inn i SPIRE, hva kampanjen handler om etc. Det kan lages flere varianter og de trenger ikke se nøyaktig slik ut så lenge helheten ivaretas. Bli medlem av Spire! Send sms til 2434 med kodeord <spire> og din epostadresse <eksempel@epost.no> Her ser du ett eksempel på bruk.

11 Typografi Mønster Dette mønsteret er brukt på visittkort og som dekor på fremsiden av informasjonsbrosjyren om Spire. Det kan også brukes på andre områder. Mønsteret kan også endres formmessig så lenge geometrien og farge kombinasjonen opprettholdes.

12 Visittkort Forside Bakside Visittkortet skal være på høykant, på den måten henger det fint sammen med formatet på brosjyren, og det fremstår som en helhetlig profil. Navn skal være i Myriad Pro Bold Tittel skal være i Myriad Pro Italic Kontaktinfo skal være i Myriad Pro Regular.

13 Typografi Brosjyre FISK FOR FOLKET Brosjyrene til Spire har 105mm x 297mm som standard format. Og det er som regel tekst på både engelsk og norsk, teksten plassere annenhver engelsk/norsk. Husk også at logoen skal plasseres synlig slik at det er tydelig hvem som har budskapet.

14 Typografi Plakat Eksempel på hvordan en informasjons plakat for spire kan se ut.

15 Plakat Typografi Solar Tra nsition xx xx xx xx x xx xx xx x xx xx xx xx xx xx x xx xx xx xx xx xx xx x xx x x xx xx xx xx xx x xx x xx x xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx xx x xx xx xx xx xx x x xx xx xx x xx x xx xx x xx xx x x xx x x x x ASSIGN 1 NO FILTER AUTO 2 MAN 2 PUSH GAIN Flere eksempler på hvordan plakater kan utarbeides. Poenget er at de skal ta utganspunkt i de allerede eksisterende grafiske elementene. RECORDER HD INFINITY 1 3 DIGITAL VIDEO CAMERA HDR-FX1 AUTO LOCK

16 Presentasjonsbakgrunn Framside (Ligger også som blank (uten logo) i Dropbox, hvis man trenger det.) Vanlig presenstasjons side

17 Presentasjonsbakgrunn Presentasjonsside med god plass til bilder.