Kirjaintyypit

Poppins & Open Sans. Bitwardsin visuaaliseen ilmeeseen kuuluu kaksi kirjaintyyppiä, jotka molemmat kuvastavat hyvin Bitwardsin kehittämää modernia teknologista ratkaisua ja uusia nykyaikaisia palveluita.

Lisäksi jokaiselta koneelta löytyvää Arial-kirjasinta käytetään silloin, kun Poppinsia tai Open Sansia ei ole mahdollista käyttää. Muut kirjaintyypit tai käsinkirjoitetut tekstimäiset kuvitukset eivät ole sallittuja.

Lataa tiedostot
Poppins
Open Sans

Poppins

Poppins otsikoissa. Päätteetön Poppins-kirjaintyyppi on valittu käytettäväksi otsikoissa. Kirjasintyyppi kuvastaa moderniutta, notkeutta ja eteenpäin menoa. Lisäksi varsinkin Semibold ja Bold -leikkaukset kuvastavat vahvuutta, kestävyyttä ja jopa röyhkeyttä.

Kirjaintyypistä käytetään kolmea eri leikkausta: Medium, Semibold ja Bold.

Open Sans

Open Sans leipätekstissä. Open Sans -kirjaintyyppi toimii helppolukuisuutensa vuoksi leipäteksteissä. Bitwards on käyttänyt Open Sansia jo aiemmin perusfonttinaan digi- ja printtituotteissa. Sen käyttö jatkuu.

Kirjaintyypistä käytetään kolmea leikkausta: Regular, Semibold ja Bold.

Koot & rivivälit

Otsikot. Otsikon fontin ja rivinvälin pikseli/pistekoot tulee olla vähintään samat. Esimerkki: fontin pikselikoko 48px, jolloin riviväli on vähintään sama kuin fontin koko tai maksimissaan 10px suurempi.

Leipäteksti. Tekstikappaleissa tekstin koko on vähintään 16px/11pt ja rivivälinä käytetään  vähintään 115 %. 

Vältä isoja kirjaimia

Moderniin ja joustavaan visuaaliseen ilmeeseen kuuluu, että tekstit kirjoitetaan perusmuodossaan isoilla alkukirjaimilla ja pienillä kirjaimilla. Isojen kirjaimien käyttöä tulee välttää, sillä tekstin lukeminen on silloin raskaampaa ja hitaampaa.

Kontrasti, hierarkia & saavutettavuus

Muista tekstiä muotoillessa riittävä fonttikoko: vähintään 16 px (digituotteet) ja 11 pt (printtituotteet). Varmista myös tekstin värikontrasti suhteessa taustaväriin luettavuuden varmistamiseksi. Vältä tekstin käyttöä valokuvan päällä.

Saavutettavuuden kannalta on tärkeää myös osoittaa selvästi eri elementtien välinen hierarkia ja kokoero. Erota pääotsikko, johdanto, väliotsikko, leipäteksti selkeästi toisistaan.