Designmanual
Logo
Booster sin logo er bygget opp med et symbol som er integrert i navnetrekket.
Symbolet løsrives sammen med forbokstaven B for å danne et kvadratisk element
til avatarer på nett og lignende. Logoen fungerer også som negativ på
mørke bakgrunner – eller ved spesielle tekniske begrensninger: som énsfarget eller som omriss.
Last ned logofiler (ZIP 3,4 MB).
Farger
- Hovedfarge turkis 1 ·
#1790a0·rgb(23,144,160)· cmyk 80/0/30/20 - Turkis 2 ·
#58b8bf·rgb(88,184,191)· cmyk 60/0/25/0 - Turkis 3 ·
#abd6d6·rgb(171,241,241)· cmyk 40/0/20/0 - Hovedfarge oransje ·
#f6ab6f·rgb(246,171,111)· cmyk 0/40/60/0 - AAA webtekstfarge ·
#51504e·rgb(81,80,78) - Mørk grå ·
#757470·rgb(117,116,112)· cmyk 5/0/10/65 - Lys grå ·
#d3d1cb·rgb(211,209,203)· cmyk 0/0/10/25 - Maskott-grønn ·
#abcd75·rgb(171,205,117)· cmyk 40/0/65/0 - Bakgrunnsfarge ·
#f2f0e6·rgb(242,240,230)· cmyk 0/0/10/10
Typografi
Booster bruker en skrifttype som heter Siri fra Letters from Sweden.
The typeface Siri is a labour of love. A love for letters, original and bold, practical and beautiful. … A love for the craft that helps create practical and beautiful typography.
Webfont
Vi bruker en spesialversjon av Siri som er designet for skjerm: Siri Core.
Fontlisens
Fonter er lisensiert til enkeltpersoner og organisasjoner, på samme måte som programvare. Har du behov for å innstallere fontene på din maskin, må du kjøpe egen lisens hos Letters from Sweden for å få filene, samt rettigheter til å bruke dem. (Dette er ikke nødvendig for å bruke grafikk produsert av noen andre.)
Dekorelementer
Folk
Booster handler om mennesker og vi bruker noen enkle strekfigurer for å fortelle dette. Folkene smiler, snakker sammen og kan kombineres på ulike måter. (Kanskje noen får et morsomt trykk på T-skjorten sin…?!)
Maskotter
En serie med maskotter som i blant kan holde folkene med selskap. Hovedpersonene på Booster sitt materiell skal være menneskene. Maskottene skal derfor være mindre – og heller ikke brukes for ofte.
Streker
Horisontale og vertikale streker kan brukes til å dele opp layout og som element i illustrasjoner. De kan gjerne komponeres for å gi noe referanse til spill, men dette skal ikke overdrives. Proporsjoner mellom strek og sirkel er for eksempel at 10px strek har 23px diameter sirkel. Ved design i Adobe Illustrator kan det være enklere å bruke stroke med arrowheads (arrow 21 + scale 30%).
Eksempler på design
Alle disse ulike elementene kan kombineres på forskjellige måter. Her er noen idéer!
