MOT V ZE DESIGNMANUAL 2014

Transkript

1 DESIGNMANUAL 2014 Udgivet 28. maj 2014

2 FORORD Formålet med denne design manual er at fastlægge hvorledes Motivize fremstilles både grafisk and udtryksmæssigt. Med udgangspunkt i værdier som; motivation, motion og sundhed skal Motivize kendetegnes ved at give inspiration og velvære til beskueren, igennem en profil som igennem design symboliserer disse værdier. Da dette udtryk er vigtigt for Motivize, skal denne design manual overholdes, og ved tvivlsspørgmål skal Motivize kontaktes for vejledning. Motivize skal betragtes som en ung, men dog seriøs virkomhed, som skal komme til udtryk igennem vores visuelle identitet. Forord 2 Logo 3 Farver 4 Symboler 5 Skrifttyper 6 Billedstil 7 Papirlinjer 8 Produkter 9 Powerpoint 10 Hjemmeside 11 App/mobile 12 Godkendt til brug i forbindelse med Motivize identitet. Ikke-godkendt til brug i forbindelse med Motivize identitet. 2 / Forord

3 MOT A A A A MOT M A A Minimum afstand til omkringliggende MOT elementer V ZE LOGO MOT M Motivize logoet er grundlag for den visuelle identitet, og elementer heraf er brugt igennem størstedelen af udviklingsprocessen. Logoets i er repræsenteret ved specielt udformede cirkler, som ved sammensætning kan kombineres til et emblem logo. Der er anvendes ikke glow effekt, ved brug af logo, og det skal efterstræbes at logoet kun bruges på hvid (#fff) baggrund, eller lys grå (>#A1A1A1). Der må desuden ikke anvendes stretch. M S/H logo kan anvendes på visningsflader, hvor farve ikke er tilladt, samt på lys grøn (#96C11F). Emblemet må anvendes uden den resterende tekst, hvis der i så fald ikke er tvivl om ejerforholdet (Se Produkter). 3 / Logo

4 FARVER Motivize konceptet anvender specifikke farver som symboliserer motion, velvære og sundhed. Det kan accepteres at enkelte farver tilpasses efter behov, men der må dog aldrig afviges fra nedenstående farveskema. Vi anvender desuden ikke pangfarver i farveskemaet, da konceptet indebærer at give beskueren ro og skabe troværdighed. Red: 150 Green: 193 Blue: 31 Cyan: 47 Magenta: 4 Yellow: 100 Key color: 0 96c11f Red: 45 Green: 170 Blue: 224 Cyan: 70 Magenta: 16 Yellow: 1 Key color: 0 2daae1 Red: 255 Green: 255 Blue: 255 Cyan: 0 Magenta: 0 Yellow: 0 Key color: 0 ffffff Red: 110 Green: 82 Blue: 162 Cyan: 67 Magenta: 79 Yellow: 0 Key color: 0 6e52a2 4 / Farver Red: 155 Green: 155 Blue: 155 Cyan: 42 Magenta: 34 Yellow: 35 Key color: 1 9b9b9b Red: 236 Green: 0 Blue: 140 Red: 255 Green: 240 Blue: 0 Cyan: 0 Magenta: 100 Yellow: 0 Key color: 0 Cyan: 0 Magenta: 0 Yellow: 100 Key color: 0 ec008c fff200

5 SYMBOLER Symboler skal repræsentere enkelthen og tydelighed. Alle symboler og pictogrammer skal fremgå, som silhouet billeder og være uden farve. Det er desuden vigtigt, at symbolet repræsenterer emnet på en relevant måde, således brugeren ikke er i tvivl. 5 / Symboler

6 er: SEGOE UI LIGHT AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå : Cantarell AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZzÆæØøÅå SKRIFTTYPER Segoe UI Light er Motivizes primære typografi, og anvendes som brødtekst op alle flader. Der bruges dog Cantarell til alle overskrifter og titler. Underoverskrifter skrives med Segoe UI Light. På webmedier laves der fallback til sans-serif. s udføres med lys blå (#2DAAE1), uden understregning. 6 / Skrifttyper er: Cantarell ! #%&/()=? ! #%&/()=? Underoverskrifter: SEGOE UI Bold ! # %&/()=? ! # %&/()=? : SEGOE UI LIGHT ! # %&/()=? ! # %&/()=? : SEGOE UI LIGHT ! # %&/()=? :hover ! # %&/()=?

7 BILLEDSTIL Billeder anvendt til Motivize materiale skal give motivation og lyst til sundhed. Derfor er det vigtigt at farverne er kraftfulde, samt at der ikke forefindes for mange personer på billederne. Beskueren skal kunne identificere sig selv med/i det afbilledede motiv. Herudover anvedes der ikke billeder med sløring pga. bevægelser, medmindre disse har til hensigt bevidst at skabe bevægelse eller stemning. 7 / Billedstil

8 PAPIRLINJER På trykprodukter kan Motivize grafisk materiale, anvendes på hvide og lys grønne overflader, så længe at regler for logo afstande fastholdes. Grafiske elementer skal fremvise et professionelt udtryk, samt være enkelt og med et begrænset antal informationer. Det er desuden ikke tilladt, at bruge elementer i alternative farver. 8 / Papirlinjer

9 PRODUKTER Fysiske produker skal være på hvid eller sort baggrund. Det skal efterstræbes ikke at anvende logo, på flader der kan forvrænge kvaliteten, samt ikke på strukturoverflader. Emblem må gerne anvendes separat, hvis der ikke er tvivl om tilhørsforholdet. Vi anvender desuden ikke den visuelle identitet på produkter, som er i strid med Motivize værdier såsom: sportsvogne, slik, mode-artikler. 9 / Produkter

10 POWERPOINT Ved præsentationer anvendes standard motivize skabeloner. Disse består af en forudbestemt baggrund, hvorpå geometriske figurer skaber baggrund for indholdet. Der bruges ligeledes Segoe UI Light til brødtekst, og motivize logoet skal være repræsenteret på alle dias. Indholdet skal desuden holdes til et minimum, for nem læselighed. 10 / Powerpoint

11 HJEMMESIDE Ved web produkter, såsom hjemmeside, anvendes standard farveskema. Her lægges især vægt på tilgængelighed ved log ind -funktion og opret bruger, da disse er kerneværdier for motivize. Design skal ligeledes holde alignment, så vidt muligt, og der må ikke være et være et overvældende antal reklamer. Dog skal reklamer placeres på nøgle-områder, som brugeren ikke kan overse, for at skabe størst mulig trafik. Det opfordres desuden, at der ikke afviges fra hovedfunktionerne; Søg efter træningspartner og Bliv medlem. 11 / Hjemmeside

12 APP/MOBILE På mobilløsninger holdes antallet af funktioner til et minimum, så brugeren ikke bliver forvirret eller skal bruge tid på at finde bestemte informationer. Farverne holdes i standard farveskema. Herudover skal der altid være mulighed for, at logge ind som eksisterende bruger eller at oprette en ny. Denne funktion skal altid ligge som øverste valgmulighed. 12 / App/Mobile