Designmanual. I vores designmanual vil vi gennemgå elementerne fra vores website og spil.

Transkript

1 Designmanual I vores designmanual vil vi gennemgå elementerne fra vores website og spil. Vi har ikke alle vores elementer fra vores website og spil med i denne manual, da både hjemmeside og spillet indeholder mange elementer. Vi har derfor udvalgt elementer som vi mener er vigtige for vores visuelle identitet og vil beskrive dem i denne manual. Vi vil også vise hvordan forskelligt merchandise, som en t-shirt eller en kop ville se ud med vores Balder logo og udvalgte elementer.

2 Fonte Vi har brugt 2 forskellige fonte på vores website og spil. Disse 2 er Viking-Normal og Gilda Display. Viking-Normal har vi primært brugt på knapper da den kan være svær at se når den bliver for lille. Gilda Display har vi brugt til alt andet tekst på website og spil. Viking-Normal a b c d e f g h i j k l m n o p q r s t u v x y z æ ø å Gilda Display a b c d e f g h i j k l m n o p q r s t u v x y z æ ø å A B C D E F G H I J K L M N O P Q R S T U V X Z Y Z Æ Ø Å Alt tekst på både knapper og i tekstbokse er skrevet med hvidt. Viking-Normal kan hentes på og Gilda Display er en Google Webfont.

3 Grå boks Den grå tekst boks er gennemgående både på vores hjemmeside og i vores spil. Boksen har runde hjørne for at skabe et mere blødt udtryk. Grå: CMYK: RGB: Hex: # Pantone: 446 C Tranparency: 80 %

4 Knapper Alle knapper på websitet og i spillet er de samme. Vi har valgt at have et gennemgående look på knapper for at skabe sammenhæng mellem website og spil. Start Baggrund er gradieret i 2 nuancer af brun Mørkebrun: CMYK: RGB: Hex: #40190A Pantone: 4625 C Lysebrun: CMYK: RGB: Hex: #91420C Pantone: 1615 C Streger Mørkebrun: CMYK: RGB: Hex: #40190A Pantone: 4625 C

5 Logo website På websitet er det et B på Balders hjelm. B et er et stort B med en stiplet stroke omkring. Stiplet stroke: 15 pt afstand CMYK: RGB: Hex: # Pantone: 877 C B På websitet har vi et aflangt logo placeret i venstre hjørne. Logoet er en kasse med en stroke og teksten Hjælp Balder. Tekst: Viking-Normal, Baggrund: CMYK: RGB: Hex: #CCCCCC Pantone: Cool Gray 1 C Stroke: CMYK: RGB: Hex: #26170F Pantone: Black C Hjælp Balder

6 Logo spil I spillet er loget med B et det samme som på Balders hjelm på websitet. I spillet er logoet hvidt og med en sort drop shadow. Logo: CMYK RGB: Hex: #FFFFFF Pantone: 663 C Dropshadow: B Hjælp Balder loget ser lidt anderledes ud i udforming, men font og farver er de samme plus en sort drop shadow. Tekst: Viking-Normal, Baggrund: CMYK: RGB: Hex: #CCCCCC Pantone: Cool Gray 1 C Stroke: CMYK: RGB: Hex: #26170F Pantone: Black C Dropshadow: Hjælp Balder

7 Forskellige udgaver af B logo Sort Grå CMYK RGB: Hex: # Pantone: 426 C B B Rød CMYK RGB: Hex: #FF0000 Pantone: 1655 C Blå CMYK RGB: Hex: #4DD9FF Pantone: 305 C P0 0 B B

8 Frøen Frøen er en af de elementer der optræder på både hjemmedie og i spillet og vi betragter frøen som en af vores nøglefigurer. Frøen består af 4 farver og runde former. Mørkegrøn: CMYK: RGB: Hex: #69C602 Pantone: 376 C Lysegrøn: CMYK: RGB: Hex: #80FF03 Pantone: 369 C Sort: Hvid: CMYK RGB: Hex: #FFFFFF Pantone: 663 C

9 Fåret Fåret, er ligesom frøen, en genganger på hjemmesiden og i spillet og er en af de sjove karakterer der optræder. Fåret er meget enkelt i sort og hvidt og består primært af runde former bortset fra benene der er firkantede. Sort: Hvid: CMYK RGB: Hex: #FFFFFF Pantone: 663 C

10 Balder B Balder er vores hovedfigur på både website og i spillet og den vigtigste figur i vores visuelle identitet. Øje sort: Hjelm mørkgrå: CMYK: RGB: Hex: # Pantone: 433 C Hjelm lysgrå: CMYK: RGB: Hex: # Pantone: 446 C Horn: CMYK: RGB: Hex: #8D9B87 Pantone: 7538 C Hår gult: CMYK: RGB: Hex: # EDB62D Pantone: 130 C Øjenlåg: CMYK: RGB: Hex: #B6B1A3 Pantone: Warm Gray 5 C Øje hvid: CMYK RGB: Hex: #FFFFFF Pantone: 663 C Øje grå: CMYK: RGB: Hex: #B2B2B2 Pantone: 428 C Øje blå: CMYK: RGB: Hex: #4B98C3 Pantone: 646 C Hud: CMYK: RGB: Hex: #E0D0C1 Pantone: 7534 C Fregner: CMYK: RGB: Hex: #A17339 Pantone: 4635 C Trøje: CMYK: RGB: Hex: #78EBB6 Pantone: Blue 0821 C Stroke:

11 Nanna Nanna er vores anden hovedfigur og er lige så vigtig en figur som Balder. Øje, øjenbryn, vipper sort: Hår mørkegult: CMYK: RGB: Hex: #FF8000 Pantone: 144 C Hår lysegult: CMYK: RGB: Hex: #FFA626 Pantone: 1235 C Læber: CMYK: RGB: Hex: #BF85F2 Pantone: Violet 0631 C Øje hvid: CMYK RGB: Hex: #FFFFFF Pantone: 663 C Øje grå: CMYK: RGB: Hex: #B2B2B2 Pantone: 428 C Øje brun: CMYK: RGB: Hex: #4D2600 Pantone: 732 C Hud: CMYK: RGB: Hex: #E0D0C1 Pantone: 482 C Trøje: CMYK: RGB: Hex: #CFA6FF Pantone: 2562 C Stroke: