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.
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 æ ø å 1 2 3 4 5 6 7 8 9 0 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 Æ Ø Å 1 2 3 4 5 6 7 8 9 0 Alt tekst på både knapper og i tekstbokse er skrevet med hvidt. Viking-Normal kan hentes på www.dafont.com og Gilda Display er en Google Webfont.
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: 0 0 0 80 RGB: 51 51 51 Hex: #333333 Pantone: 446 C Tranparency: 80 %
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: 39 76 90 59 RGB: 64 25 10 Hex: #40190A Pantone: 4625 C Lysebrun: CMYK: 27 67 94 22 RGB: 145 66 12 Hex: #91420C Pantone: 1615 C Streger Mørkebrun: CMYK: 39 76 90 59 RGB: 64 25 10 Hex: #40190A Pantone: 4625 C
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: 0 0 0 40 RGB: 153 153 153 Hex: #999999 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: 0 0 0 20 RGB: 204 204 204 Hex: #CCCCCC Pantone: Cool Gray 1 C Stroke: CMYK: 50 70 80 70 RGB: 38 23 15 Hex: #26170F Pantone: Black C Hjælp Balder
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 0 0 0 0 RGB: 255 255 255 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: 0 0 0 20 RGB: 204 204 204 Hex: #CCCCCC Pantone: Cool Gray 1 C Stroke: CMYK: 50 70 80 70 RGB: 38 23 15 Hex: #26170F Pantone: Black C Dropshadow: Hjælp Balder
Forskellige udgaver af B logo Sort Grå CMYK 0 0 0 90 RGB: 25 25 25 Hex: #191919 Pantone: 426 C B B Rød CMYK 0 100 100 0 RGB: 255 0 0 Hex: #FF0000 Pantone: 1655 C Blå CMYK 70 15 0 0 RGB: 77 217 255 Hex: #4DD9FF Pantone: 305 C P0 0 B B
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: 57 19 99 4 RGB: 105 198 2 Hex: #69C602 Pantone: 376 C Lysegrøn: CMYK: 50 0 99 0 RGB: 128 255 3 Hex: #80FF03 Pantone: 369 C Sort: Hvid: CMYK 0 0 0 0 RGB: 255 255 255 Hex: #FFFFFF Pantone: 663 C
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 0 0 0 0 RGB: 255 255 255 Hex: #FFFFFF Pantone: 663 C
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: 0 0 0 90 RGB: 25 25 25 Hex: #191919 Pantone: 433 C Hjelm lysgrå: CMYK: 0 0 0 80 RGB: 51 51 51 Hex: #333333 Pantone: 446 C Horn: CMYK: 37 31 40 12 RGB: 141 155 135 Hex: #8D9B87 Pantone: 7538 C Hår gult: CMYK: 7 30 88 1 RGB: 237 182 45 Hex: # EDB62D Pantone: 130 C Øjenlåg: CMYK: 24 26 32 6 RGB: 182 177 163 Hex: #B6B1A3 Pantone: Warm Gray 5 C Øje hvid: CMYK 0 0 0 0 RGB: 255 255 255 Hex: #FFFFFF Pantone: 663 C Øje grå: CMYK: 0 0 0 30 RGB: 178 178 178 Hex: #B2B2B2 Pantone: 428 C Øje blå: CMYK: 70 39 22 2 RGB: 75 152 195 Hex: #4B98C3 Pantone: 646 C Hud: CMYK: 14 18 24 1 RGB: 224 208 193 Hex: #E0D0C1 Pantone: 7534 C Fregner: CMYK: 30 50 75 10 RGB: 161 115 57 Hex: #A17339 Pantone: 4635 C Trøje: CMYK: 53 8 10 0 RGB: 120 235 230 Hex: #78EBB6 Pantone: Blue 0821 C Stroke:
Nanna Nanna er vores anden hovedfigur og er lige så vigtig en figur som Balder. Øje, øjenbryn, vipper sort: Hår mørkegult: CMYK: 0 50 100 0 RGB: 255 128 0 Hex: #FF8000 Pantone: 144 C Hår lysegult: CMYK: 0 35 85 0 RGB: 255 166 38 Hex: #FFA626 Pantone: 1235 C Læber: CMYK: 25 48 5 0 RGB: 191 133 242 Hex: #BF85F2 Pantone: Violet 0631 C Øje hvid: CMYK 0 0 0 0 RGB: 255 255 255 Hex: #FFFFFF Pantone: 663 C Øje grå: CMYK: 0 0 0 30 RGB: 178 178 178 Hex: #B2B2B2 Pantone: 428 C Øje brun: CMYK: 40 70 100 50 RGB: 77 38 0 Hex: #4D2600 Pantone: 732 C Hud: CMYK: 14 18 24 1 RGB: 224 208 193 Hex: #E0D0C1 Pantone: 482 C Trøje: CMYK: 19 35 0 0 RGB: 207 166 255 Hex: #CFA6FF Pantone: 2562 C Stroke: