Prekės ženklas

Lailio prekės ženklo knyga: logotipas, spalvos, tipografija, grafinė kalba ir interneto standartai vienoje vietoje.

Prekės ženklo knyga

Lailio prekės ženklas vienoje vietoje.

Gyvas žinynas visiems, kurie dirba Lailio vardu: logotipas, spalvos, tipografija, grafinė kalba, komunikacijos tonas ir interneto standartai. Jis paremtas oficialiu stiliaus vadovu ir papildytas taisyklėmis, kuriomis grindžiama ši svetainė.

02 · Taisyklės

Laisva erdvė ir dydis

Laisva erdvė

Laisva erdvė

Logotipas sudarytas pagal vienetą X. Logotipo aukštis yra 4X, plotis 10X. Visada palikite bent X laisvos erdvės iš visų pusių: į ją negali patekti joks tekstas, vaizdai ar kiti elementai.

Mažiausias dydis

Mažiausias dydis

Kad logotipas išliktų įskaitomas, niekada nenaudokite jo mažesnio nei rekomenduojamas dydis.

Horizontalus
85 px · 30 mm
Vertikalus
57 px · 20 mm

Fonai

Šviesiame fone naudokite standartinį logotipą, o tamsiame ir bordo fone naudokite inversinę versiją. Nuotraukose logotipą dėkite tik ramioje, vienodoje vietoje su pakankamu kontrastu.

03 · Klaidos

Niekada taip nenaudokite logotipo

  • Nekeiskite spalvų

    Nekeiskite spalvų

    Logotipas visada naudojamas oficialiomis spalvomis arba patvirtintomis inversine ir nespalvota versijomis.

  • Nedeformuokite

    Nedeformuokite

    Netempkite, nesuspauskite ir nepakreipkite logotipo. Jo proporcijos yra nekintamos.

  • Nekeiskite šrifto

    Nekeiskite šrifto

    Raidės yra ženklo dalis. Niekada nerinkite jų kitu šriftu.

  • Nepridėkite efektų

    Nepridėkite efektų

    Jokių šešėlių, švytėjimo, kontūrų ar gradientų.

  • Nesukite

    Nesukite

    Logotipas visada horizontalus arba patvirtintos vertikalios versijos, niekada ne kampu.

  • Nenaudokite margame fone

    Nenaudokite margame fone

    Margi, raštuoti ar mažo kontrasto fonai daro logotipą neįskaitomą.

04 · Spalvos

Oficiali paletė

Lailio naudoja tik šias šešias spalvas. Bordo ir tamsiai mėlyna yra prekės ženklo pagrindas, mėlynų atspalvių skalė jį papildo. Prie kiekvienos spalvos parodyta logotipo versija, patvirtinta naudoti ant jos.

  • Ledo mėlyna

    Fonai, plotai

    HEX
    #C9DDF2
    RGB
    200/221/242
    CMYK
    19/6/0/0
    Pantone
    545 C
  • Šviesiai mėlyna

    Grafiniai elementai

    HEX
    #A2CBEC
    RGB
    161/203/236
    CMYK
    34/9/0/0
    Pantone
    277 C
  • Vidutiniškai mėlyna

    Grafiniai elementai

    HEX
    #86BBE2
    RGB
    134/187/228
    CMYK
    45/14/1/0
    Pantone
    278 C
  • Lailio mėlyna

    Akcentai, nuorodos tamsiame fone

    HEX
    #669ACD
    RGB
    103/153/203
    CMYK
    60/30/2/0
    Pantone
    7453 C
  • Lailio bordo

    Pagrindinė prekės ženklo spalva, mygtukai, akcentai

    HEX
    #57274C
    RGB
    87/38/76
    CMYK
    58/88/36/41
    Pantone
    262 C
  • Lailio tamsiai mėlyna

    Antraštės, tekstas, tamsūs plotai

    HEX
    #35325C
    RGB
    53/50/91
    CMYK
    87/85/33/30
    Pantone
    5265 C

Šviesesni ir tamsesni atspalviai

Šviesesnius atspalvius naudokite fonams ir paryškinimams, tamsesnius aktyvioms būsenoms ir tekstui. Niekada nenaudokite spalvų už šios skalės ribų.

05 · Tipografija

Du šriftai, aiškūs vaidmenys

Poppins yra prekės ženklo balsas antraštėse ir reklamoje, dažnai didžiosiomis raidėmis. Open Sans naudojamas visam pagrindiniam tekstui ir pakeičia Poppins ten, kur jo nėra. Abu šriftai talpinami pačioje svetainėje, be išorinių užklausų.

Poppins Antraštės ir reklama, dažnai didžiosiomis raidėmis

Poppins

Išmanūs sprendimai. Išskirtiniai rezultatai.

  • Light300
  • Regular400
  • Medium500
  • Semi-Bold600
  • Bold700
Open Sans Pagrindinis tekstas, sąsaja, formos

Open Sans

Pagrindinis tekstas renkamas Open Sans šriftu su patogiu eilučių aukščiu. Pastraipos trumpos, prasideda rezultatu, o teiginiai pagrindžiami faktais.

  • Light300
  • Regular400
  • Semi-Bold600
  • Bold700

Svetainės antraščių skalė

  1. H1Išmanūs sprendimai. Išskirtiniai rezultatai.
  2. H2Išmanūs sprendimai. Išskirtiniai rezultatai.
  3. H3Išmanūs sprendimai. Išskirtiniai rezultatai.
  4. H4Išmanūs sprendimai. Išskirtiniai rezultatai.
  5. H5Išmanūs sprendimai. Išskirtiniai rezultatai.
  6. H6Išmanūs sprendimai. Išskirtiniai rezultatai.

Spaudoje

Vizitinė kortelė: vardas Poppins Bold 10 pt, kontaktai Poppins Light 6,5 pt. Firminio blanko poraštė: Poppins Light 7 pt.

06 · Grafinė kalba

Trikampiai iš logotipo

Prekės ženklo raštas sudarytas iš tų pačių trikampių kaip ir logotipas. Jis suteikia judesio ir ritmo, bet niekada nekonkuruoja su turiniu.

  1. 01

    Tik paletės spalvos

    Trikampiams naudojamos tik oficialios spalvos, niekada gradientai.

  2. 02

    Baltas tarpas

    Tarp trikampių visada yra plona balta linija.

  3. 03

    Plokščia

    Jokių šešėlių, gylio ar skaidrumo efektų.

  4. 04

    Kraštuose, ne centre

    Raštas atsiranda iš kampo ar krašto ir palieka vietos turiniui bei logotipui.

Trikampiai iš logotipo

07 · Interneto standartai

Kaip prekės ženklas gyvena svetainėje

Šios taisyklės įdiegtos lailio.com kode. Jos taikomos kiekvienam naujam puslapiui ir komponentui.

  1. 01

    Plokščias dizainas

    Jokių šešėlių, niekur ir niekada. Gylį kuria plotai ir linijos, o ne šešėliai.

  2. 02

    Aštrūs kampai

    Jokių suapvalintų kampų: mygtukai, kortelės, vaizdai ir formos yra stačiakampiai.

  3. 03

    Plonos linijos

    Blokus skiria 1 px #E2E8F0 linija; kortelės išdėstytos viename rėmelyje be tarpų.

  4. 04

    Juoda tik tekstui

    Juoda spalva leidžiama tik tekstui, niekada linijoms ar plotams.

  5. 05

    Matomas fokusas

    Klaviatūros fokusas yra 2 px bordo kontūras, o ne švytėjimas.

  6. 06

    Jokių ilgųjų brūkšnių

    Tekste naudokite dvitaškį arba kablelį, niekada ilgojo brūkšnio.

CSS kintamieji

08 · Piktogramos

Paprastos, be rėmelių

Svetainėje naudojamos Bootstrap Icons. Piktogramos yra linijinės, be fono apskritimų ar rėmelių, bordo arba tamsiai mėlynos spalvos. Niekada neperspalvinkite partnerių ar trečiųjų šalių logotipų prekės ženklo spalvomis.

  • bi-shield-check
  • bi-hdd-network
  • bi-cpu
  • bi-database
  • bi-cloud
  • bi-diagram-3
  • bi-gear-wide-connected
  • bi-graph-up-arrow
  • bi-people
  • bi-briefcase
  • bi-geo-alt
  • bi-telephone
  • bi-envelope
  • bi-calendar-check
  • bi-clock
  • bi-lightbulb
  • bi-boxes
  • bi-layers
  • bi-globe2
  • bi-patch-check
  • bi-speedometer2
  • bi-activity
  • bi-robot
  • bi-arrow-right

09 · Komunikacijos tonas

Kaip skamba Lailio

  1. 01

    Aiškiai, o ne gudriai

    Paprasta kalba ir konkretūs rezultatai. Jokių madingų frazių, jokių tuščių pažadų.

  2. 02

    Mąstyk globaliai, veik lokaliai

    Įkurta Rygoje, dirba visoje Europoje. Kalbame kaip inžinierius, suprantantis kliento verslą.

  3. 03

    Visada veikiantys

    24/7 patikimumas yra pažadas, o ne šūkis. Teiginius pagrindžiame skaičiais, SLA ir rekomendacijomis.

  4. 04

    Kiekviena kalba

    Kiekvienas tekstas yra visomis svetainės kalbomis. Pagrindas yra latvių arba anglų kalba, o vertimai skamba natūraliai.

10 · Taikymas

Spauda ir atributika

Formatai, šriftai ir dydžiai iš oficialaus stiliaus vadovo.

  • Vizitinė kortelė
    Vizitinė kortelė90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt
  • Firminis blankas
    Firminis blankasA4, 210 × 297 mm · poraštė Poppins Light 7 pt
  • Vokas
    VokasC65 · logotipas ir trikampių raštas
  • Aplankas
    Aplankas225 × 320 mm · išorė ir vidus
  • Puodelis
    PuodelisSpauda per visą paviršių su trikampių raštu
  • Puodelio spaudos maketas
    Puodelio spaudos maketasRaštas ir logotipas baltame fone
  • Marškinėliai
    MarškinėliaiBordo pagrindas, inversinis logotipas
  • Rašiklis ir pieštukas
    Rašiklis ir pieštukasBordo, inversinis logotipas
  • Kepuraitė
    KepuraitėBordo, inversinis vertikalus logotipas

El. pašto parašas

Vardas, pareigos, telefonas, el. paštas ir horizontalus logotipas. Kompaktiškas, prekės ženklo šriftais, be kitų vaizdų.