Designmanual

Transkript

1 Designmanual

2 Om Designmanualen På disse sider er Man-Freds beskrevet. Manualen her kan bruges til at finde standarden til designet af hele Man-Freds identitet på tværs af alle deres mediekanaler. Det overordnede formål med en er at kunne sammensætte et udtryk som er varieret men samtidig giver et konsistent look. Man-Fred skal udstråle personlighed og tæthed på brugerne. 2 Man-fred

3 Indholdsfortegnelse Om Designmanualen 2 Hieraki 5 Logo 6 Respektafstand 7 Placering 8 Størrelse 11 Logo på billeder 12 Logo på farvet baggrund 13 Farver 14 Løvgrøn 15 Lyseblå 16 Farver i Typografi 17 3 Man-fred

4 Billedstil 19 Tone of Voice 21 Typografi 23 Tekstjustering 26 Tekst på billeder 27 4 Man-fred

5 Hieraki Der er blevet udarbejdet et hierarki som pointerer hvad der er vigtigst i Man-Freds visuelle identitet. Logoet er i fokus og først derefter kommer de andre elementer udenpå som lag. De forskellige lag udtrykker sig således: Logoet er det vigtigste i identitet mens farverne skaber en ro og håb for fremtiden for brugerne. Billdestilen der bruges skal gøre Man-Fred mere personlig og imødekommende. Tone of voice på Man-Fred skal være personligt, omsorgsfuldt og forståeligt. R.P.B elementerne skal bruges til at forme en helhed i designet samt gøre det konsistent i valget af grafiske elementer og placeringer. Typografien er også vigtig da den forudsætter læselighed og hvordan teksten skal se ud. 5 Man-fred

6 Logo Logoet er hjørnestenen i Man-freds visuelle identitet. Det er det der skal være øjeblikkeligt genkendeligt når man ser det. 6 Man-fred

7 Respektafstand Respektafstanden defineres efter størrelsen på M et i logoet. M et er kvadratisk og derfor kan man ved placering af dette på siderne af logoet visualisere respektafstanden på fornuftig vis. 7 Man-fred

8 Placering Placering på hjemmeside eller andet digitalt medie Med udgangspunkt i logoets placering på hjemmesiden bliver samme placering anvendt i normal print. På flyers og andre trykte medier kan logoet centreres på forsiden hvis kompositionen understøtter det. På bagsiden af flyers placeres logoet gerne i nederste højre hjørne for at skabe øget synlighed. 8 Man-fred

9 9 Man-fred Placering på standard print

10 Placering på flyer, forside Placering på flyer,bagside 10 Man-fred

11 Størrelse Logoets størrelse er afhængigt af formatets størrelse. Størrelsen defineres til maksimalt at være halvdelen af sidens bredde, respektafstand inkluderet. eksempel på A4 med guidelines. 11 Man-fred

12 Logo på billeder logoet placeres således på billeder at det ikke står i forbindelse med forstyrrende elementer i baggrunden. Baggrunden må heller ikke gå i ét med logoet i forhold til farve sådan at det forstyrrer opfattelsen. 12 Man-fred

13 Logo på farvet baggrund Ved brug af logoet på farvet baggrund anvendes logoet med tekst i sort version. Logoet anvendes ikke på tunge farvede baggrunde, og i særdeleshed ikke på grå der er mørkere end 50% (CMYK 0,0,0,50). 13 Man-fred

14 Farver De primære og sekundære farver hos Man-Fred er henholdsvis blå og grøn. Både den primære og sekundære farve kan gradueres for at opnå variation i designet. Der gradueres i farverne i skridt af 20% fra 100% ned til 20%. Farvepaletten her skal bruges til at opnå variation i identitetens udtryk. 14 Man-fred

15 Løvgrøn CMYK - 75, 0, 100, 0 RGB - 58, 170, 53 HEX - #3AAA35 15 Man-fred

16 Lyseblå CMYK 80, 42, 0, 0 RGB 42, 127, 194 Hex #2A7FC 16 Man-fred

17 Farver i Typografi Hos Man-fred har typografien farven 0,0,0,90 for at bløde teksten op på en lys baggrund samt gøre den mere læsbar. Herunder ses forskellen mellem de to farver. Til højre ses farven 0,0,0,100 som er mere mørk og derfor hård for øjnene at læse på lys baggrund. Den mørkere farve kan dog anvendes på farvede baggrunde. Ved meget mørk baggrund ændres skriftfarven til hvid. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. 17 Man-fred

18 Eksempel på tekst på mørk baggrund. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. 18 Man-fred

19 Billedstil Billedstilen på Man-fred skal udtrykke naturlige omgivelser så det ikke ser opstillet ud. De Brugere som kommer i kontakt med nogle af Manfreds medier skal få følelsen af personlige situationer som de selv kan sætte sig ind i. De skal kunne mærke det store engagement som Man- Freds frivillige lægger i organisationen. Billedstilen skal derudover også udstråle et professionelt look og det fællesskab man kan blive en del af hos Man-fred. 19 Man-fred

20 20 Man-fred

21 Tone of Voice Sproget på Man-Fred skal være personligt, omsorgsfuldt og forståeligt. Tænk på hvis du skulle skrive til en som virkelig betød noget for dig. Så vil du behandle dem med respekt, og få dem til at stole på dig. De skal vide at du vil det bedste for dem. Alle som besøger Man-Freds hjemmeside er en person, som har brug for hjælp så det er vigtigt at man bliver mødt med åbne arme. Derfor skal tonen i sproget være indbydende og forståeligt så brugerne ikke bliver stødt. 21 Man-fred

22 Dont s Man-fred imødekommer samfundets ønske for rådgivning til mænd og fædre, der har brug for støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Hjælpen og støtten sigter primært mod at styre udenom social deroute, udbygge det sociale netværk, styrke samlivet med børnene, fastholde arbejde og relationer. Do s Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af sitautionen, og stadig bibeholder arbejde og relationer. 22 Man-fred

23 Typografi Her vises hvor og hvordan typografien skal bruges. Font-familien Ubuntu er valgt da den giver en god helhed til vores design, til brødtekst bruges Medium 500 da den har en god spacing mellem anslagene og er tydelig at læse. Til overskrifter bruges Ubuntu Bold 700 da dette tydeligører overskriften. 23 Man-fred

24 Light 300 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Normal 400 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Medium 500 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Bold 700 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? 24 Man-fred

25 Da der er mulighed for at der skal citater, og udtalelser fra brugere, ind på Man-Freds hjemmeside, vises her hvordan italic versionen af fonten ser ud. Light 300 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Normal 400 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Medium 500 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Bold 700 Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? 25 Man-fred

26 Tekstjustering Den tekst som bliver brugt på alle medier skal være venstrestillet, da det giver det mest professionelle look. Eksempel Står du midt i en skilsmisse? Har du brug for juridisk rådgivning, eller bare en hjælpende hånd? Så er du kommet til det helt rigtige sted. Man-fred er en organisation, som yder støtte og hjælp i forbindelse med en skilsmisse eller opløsning af et parforhold. Der sigtes efter at du kommer bedst muligt ud af situationen, og stadig bibeholder arbejde og relationer. 26 Man-fred

27 Tekst på billeder Teksten der kan forekomme på billeder hos Man-fred skal være som andet tekst, venstrestillet og font-familien Ubuntu, den skal være kort og kontant. 27 Man-fred

28 28 Man-fred DO s

29 29 Man-fred Dont s