Bränd
Lailio brändiraamat: logo, värvid, tüpograafia, graafiline keel ja veebistandardid ühes kohas.
Brändiraamat
Lailio bränd ühes kohas.
Elav teatmik kõigile, kes tegutsevad Lailio nimel: logo, värvid, tüpograafia, graafiline keel, hääletoon ja veebistandardid. See põhineb ametlikul stiilijuhisel ja on täiendatud reeglitega, millele see veebisait on üles ehitatud.
01 · Logo
Kinnitatud logoversioonid
Horisontaalne logo on põhiversioon. Vertikaalset logo kasutatakse kitsastel ja kõrgetel pindadel ning ainult ikooni seal, kus nimi on juba nähtav. Iga versioon on olemas heledale ja tumedale taustale ning lisaks mustvalge versioon ühevärviliseks trükiks.
PNGHorisontaalne
Hele taust. Põhiversioon.
PNGHorisontaalne
Tume taust. Valge kiri, valge kolmnurk.
PNGVertikaalne
Hele taust. Kitsastele ja kõrgetele pindadele.
PNGVertikaalne
Tume taust.
PNGIkoon
Hele taust. Favicon, rakendused, avatar.
PNGIkoon
Tume taust.
PNGMustvalge horisontaalne
Ühevärviline trükk, graveerimine.
PNGMustvalge horisontaalne
Tume taust, kontuur.
PNGMustvalge vertikaalne
Ühevärviline trükk.
PNGMustvalge vertikaalne
Tume taust, kontuur.
02 · Reeglid
Kaitseala ja suurus
Kaitseala
Logo põhineb ühikul X. Logo kõrgus on 4X ja laius 10X. Logo ümber jäetakse alati igale küljele vähemalt X suurune kaitseala: sinna ei tohi paigutada teksti, pilte ega muid elemente.
Minimaalne suurus
Et logo jääks loetavaks, ei kasutata seda kunagi soovitatud suurusest väiksemana.
- Horisontaalne
- 85 px · 30 mm
- Vertikaalne
- 57 px · 20 mm
Taustad
Heledal taustal kasutatakse standardset logo, tumedal ja burgundipunasel taustal pööratud versiooni. Fotodel paigutatakse logo ainult rahulikule, ühtlasele alale, kus on piisav kontrast.
03 · Väärkasutus
Nii ei tohi logo kunagi kasutada
Ärge muutke värve
Logos kasutatakse alati ametlikke värve või kinnitatud pööratud ja mustvalgeid versioone.
Ärge moonutage
Ärge venitage, suruge kokku ega kallutage logo. Selle proportsioonid on fikseeritud.
Ärge muutke fonti
Tähed on märgi osa. Ärge kunagi laduge neid teise kirjatüübiga.
Ärge lisage efekte
Ei mingeid varje, kumasid, kontuure ega üleminekuid.
Ärge pöörake
Logo on alati horisontaalne või kinnitatud vertikaalses versioonis, mitte kunagi viltu.
Ärge kasutage kirjul taustal
Kirju, mustriline või madala kontrastiga taust muudab logo loetamatuks.
04 · Värvid
Ametlik värvipalett
Lailio kasutab ainult neid kuut värvi. Burgundipunane ja tumesinine kannavad brändi, sinine skaala toetab neid. Iga värvinäidis näitab, milline logoversioon on sellel värvil kinnitatud.
Jääsinine
Taustad, pinnad
- HEX
- #C9DDF2
- RGB
- 200/221/242
- CMYK
- 19/6/0/0
- Pantone
- 545 C
Helesinine
Graafilised elemendid
- HEX
- #A2CBEC
- RGB
- 161/203/236
- CMYK
- 34/9/0/0
- Pantone
- 277 C
Keskmine sinine
Graafilised elemendid
- HEX
- #86BBE2
- RGB
- 134/187/228
- CMYK
- 45/14/1/0
- Pantone
- 278 C
Lailio sinine
Rõhuvärv, lingid tumedal taustal
- HEX
- #669ACD
- RGB
- 103/153/203
- CMYK
- 60/30/2/0
- Pantone
- 7453 C
Lailio burgundipunane
Brändi põhivärv, nupud, rõhuasetused
- HEX
- #57274C
- RGB
- 87/38/76
- CMYK
- 58/88/36/41
- Pantone
- 262 C
Lailio tumesinine
Pealkirjad, tekst, tumedad pinnad
- HEX
- #35325C
- RGB
- 53/50/91
- CMYK
- 87/85/33/30
- Pantone
- 5265 C
Heledamad ja tumedamad toonid
Heledamaid toone kasutatakse taustade ja esiletõstete jaoks, tumedamaid aktiivsete olekute ja teksti jaoks. Sellest skaalast väljapoole jäävaid värve ei kasutata kunagi.
05 · Tüpograafia
Kaks kirjatüüpi, selged rollid
Poppins on brändi hääl pealkirjades ja reklaamis, sageli suurtähtedega. Open Sans kannab kogu põhiteksti ja asendab Poppinsit kõikjal, kus see pole saadaval. Mõlemad fondid on majutatud veebisaidi enda serveris, ilma väliste päringuteta.
Poppins
Nutikad lahendused. Erakordsed tulemused.
- Light300
- Regular400
- Medium500
- Semi-Bold600
- Bold700
Open Sans
Põhitekst laotakse Open Sansis mugava reavahega. Lõigud on lühikesed, algavad tulemusest ja toetavad väiteid faktidega.
- Light300
- Regular400
- Semi-Bold600
- Bold700
Veebisaidi pealkirjade skaala
- H1Nutikad lahendused. Erakordsed tulemused.
- H2Nutikad lahendused. Erakordsed tulemused.
- H3Nutikad lahendused. Erakordsed tulemused.
- H4Nutikad lahendused. Erakordsed tulemused.
- H5Nutikad lahendused. Erakordsed tulemused.
- H6Nutikad lahendused. Erakordsed tulemused.
Trükis
Visiitkaart: nimi Poppins Bold 10 pt, andmed Poppins Light 6,5 pt. Kirjablanketi jalus: Poppins Light 7 pt.
06 · Graafiline keel
Kolmnurgad logost
Brändimuster koosneb samadest kolmnurkadest kui logo. See lisab liikumist ja rütmi, kuid ei konkureeri kunagi sisuga.
- 01
Ainult paleti värvid
Kolmnurkades kasutatakse ainult ametlikke värve, mitte kunagi üleminekuid.
- 02
Valge vahe
Kolmnurkade vahel on alati õhuke valge joon.
- 03
Lame
Ei mingeid varje, sügavust ega läbipaistvusefekte.
- 04
Servades, mitte keskel
Muster tuleb sisse nurgast või servast ning jätab ruumi sisule ja logole.
07 · Veebistandardid
Kuidas bränd veebisaidil elab
Need reeglid on sisse ehitatud lailio.com koodi. Need kehtivad iga uue lehe ja komponendi kohta.
- 01
Lame disain
Mitte kusagil ega kunagi varje. Sügavus tekib pindadest ja joontest, mitte varjudest.
- 02
Teravad nurgad
Ümardatud nurki ei ole: nupud, kaardid, pildid ja vormid on ristkülikud.
- 03
Peenjooned
Plokid on eraldatud 1 px #E2E8F0 joonega; kaardid asuvad ühes raamis ilma vahedeta.
- 04
Must ainult tekstile
Musta tohib kasutada ainult teksti jaoks, mitte kunagi joonte ega pindade jaoks.
- 05
Nähtav fookus
Klaviatuurifookus on 2 px burgundipunane kontuur, mitte kuma.
- 06
Pikki kriipse ei kasutata
Tekstis kasutatakse koolonit või koma, mitte kunagi pikka mõttekriipsu.
CSS-muutujad
08 · Ikoonid
Lihtsad, ilma raamideta
Veebisaidil kasutatakse Bootstrap Iconsi. Ikoonid on joonikoonid ilma taustaringide või raamideta, burgundipunased või tumesinised. Partnerite ja kolmandate osapoolte logosid ei värvita kunagi ümber brändi värvidesse.
09 · Hääletoon
Kuidas Lailio kõlab
- 01
Selgus enne nutikust
Lihtne keel ja konkreetsed tulemused. Ei mingeid moesõnu ega tühje lubadusi.
- 02
Mõtle globaalselt, tegutse kohalikult
Asutatud Riias, tegutseb kogu Euroopas. Räägime nagu insener, kes mõistab kliendi äri.
- 03
Alati valmis
Ööpäevaringne töökindlus on lubadus, mitte loosung. Toetame väiteid numbrite, SLA-de ja referentsidega.
- 04
Igas keeles
Iga tekst on olemas kõigis veebisaidi keeltes. Aluseks on läti või inglise keel ning tõlked on loomulikud.
10 · Rakendused
Trükised ja meened
Formaadid, fondid ja suurused ametlikust stiilijuhisest.
Visiitkaart90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt 
KirjablankettA4, 210 × 297 mm · jalus Poppins Light 7 pt 
ÜmbrikC65 · logo ja kolmnurkmuster 
Kaust225 × 320 mm · välis- ja sisekülg 
KruusKolmnurkmustriga trükk kogu pinnal 
Kruusi trükipaigutusMuster ja logo valgel 
T-särkBurgundipunane põhi, pööratud logo 
Pastakas ja pliiatsBurgundipunane, pööratud logo 
NokamütsBurgundipunane, pööratud vertikaalne logo
E-posti allkiri
Nimi, ametikoht, telefon, e-post ja horisontaalne logo. Kompaktne, brändi fontidega, ilma muude piltideta.
11 · Allalaadimised