Brändi
Lailion brändikirja: logo, värit, typografia, graafinen kieli ja verkkostandardit yhdessä paikassa.
Brändikirja
Lailion brändi yhdessä paikassa.
Elävä hakuteos kaikille, jotka toimivat Lailion nimissä: logo, värit, typografia, graafinen kieli, äänensävy ja verkkostandardit. Se perustuu viralliseen tyylioppaaseen, ja sitä on täydennetty säännöillä, joille tämä verkkosivusto rakentuu.
01 · Logo
Hyväksytyt logoversiot
Vaakalogo on ensisijainen versio. Pystylogoa käytetään kapeissa ja korkeissa tiloissa ja pelkkää tunnusta vain silloin, kun nimi on jo näkyvissä. Jokaisesta versiosta on vaalealle ja tummalle taustalle sopiva muoto sekä mustavalkoinen versio yksiväripainatukseen.
PNGVaaka
Vaalea tausta. Ensisijainen versio.
PNGVaaka
Tumma tausta. Valkoinen teksti, valkoinen kolmio.
PNGPysty
Vaalea tausta. Kapeisiin ja korkeisiin tiloihin.
PNGPysty
Tumma tausta.
PNGTunnus
Vaalea tausta. Favicon, sovellukset, avatar.
PNGTunnus
Tumma tausta.
PNGMustavalkoinen vaaka
Yksiväripainatus, kaiverrus.
PNGMustavalkoinen vaaka
Tumma tausta, ääriviiva.
PNGMustavalkoinen pysty
Yksiväripainatus.
PNGMustavalkoinen pysty
Tumma tausta, ääriviiva.
02 · Säännöt
Suoja-alue ja koko
Suoja-alue
Logo perustuu yksikköön X. Logon korkeus on 4X ja leveys 10X. Logon ympärille jätetään aina vähintään X:n suoja-alue joka puolelle: sille ei saa sijoittaa tekstiä, kuvia tai muita elementtejä.
Vähimmäiskoko
Jotta logo pysyy luettavana, sitä ei koskaan käytetä suositeltua kokoa pienempänä.
- Vaaka
- 85 px · 30 mm
- Pysty
- 57 px · 20 mm
Taustat
Vaaleilla taustoilla käytetään perusversiota ja tummilla sekä viininpunaisilla taustoilla käänteisversiota. Valokuvissa logo sijoitetaan vain rauhalliselle, tasaiselle alueelle, jolla on riittävä kontrasti.
03 · Väärinkäyttö
Näin logoa ei käytetä koskaan
Ei värimuutoksia
Logossa käytetään aina virallisia värejä tai hyväksyttyjä käänteis- ja mustavalkoversioita.
Ei vääristämistä
Logoa ei venytetä, puristeta eikä vinouteta. Sen mittasuhteet ovat kiinteät.
Ei fontin vaihtoa
Kirjaimet ovat osa merkkiä. Niitä ei koskaan ladota toisella kirjasintyypillä.
Ei tehosteita
Ei varjoja, hehkuja, ääriviivoja eikä liukuvärejä.
Ei kiertämistä
Logo on aina vaakasuora tai hyväksytyssä pystyversiossaan, ei koskaan vinossa.
Ei levottomia taustoja
Levottomat, kuvioidut tai heikkokontrastiset taustat tekevät logosta lukukelvottoman.
04 · Värit
Virallinen väripaletti
Lailio käyttää vain näitä kuutta väriä. Viininpunainen ja tummansininen kantavat brändiä, ja sininen sävyasteikko tukee niitä. Jokaisessa värimallissa näkyy logoversio, joka on hyväksytty kyseiselle värille.
Jäänsininen
Taustat, pinnat
- HEX
- #C9DDF2
- RGB
- 200/221/242
- CMYK
- 19/6/0/0
- Pantone
- 545 C
Vaaleansininen
Graafiset elementit
- HEX
- #A2CBEC
- RGB
- 161/203/236
- CMYK
- 34/9/0/0
- Pantone
- 277 C
Keskisininen
Graafiset elementit
- HEX
- #86BBE2
- RGB
- 134/187/228
- CMYK
- 45/14/1/0
- Pantone
- 278 C
Lailion sininen
Korostus, linkit tummalla taustalla
- HEX
- #669ACD
- RGB
- 103/153/203
- CMYK
- 60/30/2/0
- Pantone
- 7453 C
Lailion viininpunainen
Brändin pääväri, painikkeet, korostukset
- HEX
- #57274C
- RGB
- 87/38/76
- CMYK
- 58/88/36/41
- Pantone
- 262 C
Lailion tummansininen
Otsikot, teksti, tummat pinnat
- HEX
- #35325C
- RGB
- 53/50/91
- CMYK
- 87/85/33/30
- Pantone
- 5265 C
Vaaleammat ja tummemmat sävyt
Vaaleampia sävyjä käytetään taustoihin ja korostuksiin, tummempia aktiivisiin tiloihin ja tekstiin. Tämän asteikon ulkopuolisia värejä ei käytetä koskaan.
05 · Typografia
Kaksi kirjasintyyppiä, selkeät roolit
Poppins on brändin ääni otsikoissa ja mainonnassa, usein versaalein. Open Sans kantaa kaiken leipätekstin ja korvaa Poppinsin aina, kun se ei ole käytettävissä. Molemmat fontit ladataan verkkosivuston omalta palvelimelta ilman ulkoisia pyyntöjä.
Poppins
Älykkäät ratkaisut. Poikkeukselliset tulokset.
- Light300
- Regular400
- Medium500
- Semi-Bold600
- Bold700
Open Sans
Leipäteksti ladotaan Open Sansilla väljällä rivivälillä. Kappaleet ovat lyhyitä, alkavat lopputuloksesta ja perustelevat väitteet tosiasioilla.
- Light300
- Regular400
- Semi-Bold600
- Bold700
Verkkosivuston otsikkoasteikko
- H1Älykkäät ratkaisut. Poikkeukselliset tulokset.
- H2Älykkäät ratkaisut. Poikkeukselliset tulokset.
- H3Älykkäät ratkaisut. Poikkeukselliset tulokset.
- H4Älykkäät ratkaisut. Poikkeukselliset tulokset.
- H5Älykkäät ratkaisut. Poikkeukselliset tulokset.
- H6Älykkäät ratkaisut. Poikkeukselliset tulokset.
Painotuotteissa
Käyntikortti: nimi Poppins Bold 10 pt, tiedot Poppins Light 6,5 pt. Kirjelomakkeen alatunniste: Poppins Light 7 pt.
06 · Graafinen kieli
Kolmiot logosta
Brändikuvio koostuu samoista kolmioista kuin logo. Se tuo liikettä ja rytmiä, mutta ei koskaan kilpaile sisällön kanssa.
- 01
Vain paletin värit
Kolmioissa käytetään vain virallisia värejä, ei koskaan liukuvärejä.
- 02
Valkoinen rako
Kolmioiden välissä on aina ohut valkoinen viiva.
- 03
Tasainen
Ei varjoja, syvyyttä eikä läpinäkyvyystehosteita.
- 04
Reunoilla, ei keskellä
Kuvio tulee kulmasta tai reunasta ja jättää tilaa sisällölle ja logolle.
07 · Verkkostandardit
Näin brändi elää verkkosivustolla
Nämä säännöt on rakennettu lailio.com-sivuston koodiin. Ne koskevat jokaista uutta sivua ja komponenttia.
- 01
Tasainen muotoilu
Ei varjoja missään eikä koskaan. Syvyys syntyy pinnoista ja viivoista, ei varjoista.
- 02
Terävät kulmat
Ei pyöristettyjä kulmia: painikkeet, kortit, kuvat ja lomakkeet ovat suorakulmioita.
- 03
Hiusviivat
Lohkot erotetaan 1 px:n #E2E8F0-viivalla; kortit ovat yhdessä kehyksessä ilman välejä.
- 04
Musta vain tekstiin
Mustaa käytetään vain tekstissä, ei koskaan viivoissa tai pinnoissa.
- 05
Näkyvä kohdistus
Näppäimistökohdistus on 2 px:n viininpunainen ääriviiva, ei hehku.
- 06
Ei pitkiä viivoja
Tekstissä käytetään kaksoispistettä tai pilkkua, ei koskaan pitkää ajatusviivaa.
CSS-muuttujat
08 · Ikonit
Yksinkertaiset, ilman kehyksiä
Verkkosivustolla käytetään Bootstrap Icons -kirjastoa. Ikonit ovat viivaikoneja ilman taustaympyröitä tai kehyksiä, viininpunaisina tai tummansinisinä. Kumppanien tai kolmansien osapuolten logoja ei koskaan väritetä brändin väreillä.
09 · Äänensävy
Miltä Lailio kuulostaa
- 01
Selkeys ennen nokkeluutta
Selkeää kieltä ja konkreettisia tuloksia. Ei muotisanoja eikä tyhjiä lupauksia.
- 02
Ajattele globaalisti, toimi paikallisesti
Perustettu Riiassa, toimii kaikkialla Euroopassa. Puhumme kuin insinööri, joka ymmärtää asiakkaan liiketoiminnan.
- 03
Aina käytettävissä
Ympärivuorokautinen luotettavuus on lupaus, ei iskulause. Perustelemme väitteet luvuilla, SLA-sopimuksilla ja referensseillä.
- 04
Kaikilla kielillä
Jokainen teksti on saatavilla kaikilla sivuston kielillä. Pohjana on latvia tai englanti, ja käännökset ovat luontevia.
10 · Sovellukset
Painotuotteet ja oheistuotteet
Formaatit, fontit ja koot virallisesta tyylioppaasta.
Käyntikortti90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt 
KirjelomakeA4, 210 × 297 mm · alatunniste Poppins Light 7 pt 
KirjekuoriC65 · logo ja kolmiokuvio 
Kansio225 × 320 mm · ulko- ja sisäpuoli 
MukiKolmiokuvio koko pinnalla 
Mukin painoasetteluKuvio ja logo valkoisella 
T-paitaViininpunainen pohja, käänteinen logo 
Kynä ja lyijykynäViininpunainen, käänteinen logo 
LippalakkiViininpunainen, käänteinen pystylogo
Sähköpostin allekirjoitus
Nimi, tehtävä, puhelin, sähköposti ja vaakalogo. Tiivis, brändin fonteilla, ilman muita kuvia.
11 · Lataukset