Support Cloud App |

Varumärke

Lailios brandbook: logotyp, färger, typografi, grafiskt språk och webbstandarder på ett ställe.

Brandbook

Varumärket Lailio, på ett ställe.

En levande referens för alla som arbetar i Lailios namn: logotyp, färger, typografi, grafiskt språk, tonalitet och webbstandarder. Den bygger på den officiella grafiska profilen och kompletteras med de regler som den här webbplatsen är byggd på.

Ladda ner den grafiska profilen (PDF) Ladda ner logotyppaketet (ZIP)

02 · Regler

Frizon och storlek

Frizon

Frizon

Logotypen bygger på enheten X. Logotypen är 4X hög och 10X bred. Håll alltid en frizon på minst X på alla sidor: ingen text, inga bilder eller andra element får hamna inom den.

Minsta storlek

Minsta storlek

För att logotypen ska förbli läsbar får den aldrig användas mindre än den rekommenderade storleken.

Liggande
85 px · 30 mm
Stående
57 px · 20 mm

Bakgrunder

Använd standardlogotypen på ljusa bakgrunder och den inverterade versionen på mörka och vinröda bakgrunder. På foton placeras logotypen endast på en lugn, jämn yta med tillräcklig kontrast.

03 · Felaktig användning

Använd aldrig logotypen så här

  • Ändra aldrig färgerna

    Ändra aldrig färgerna

    Logotypen använder alltid de officiella färgerna eller de godkända inverterade och svartvita versionerna.

  • Förvräng aldrig

    Förvräng aldrig

    Sträck, tryck ihop eller snedställ inte logotypen. Proportionerna är fasta.

  • Byt aldrig typsnitt

    Byt aldrig typsnitt

    Bokstäverna är en del av märket. Sätt dem aldrig i ett annat typsnitt.

  • Lägg aldrig till effekter

    Lägg aldrig till effekter

    Inga skuggor, glöd, konturer eller toningar.

  • Rotera aldrig

    Rotera aldrig

    Logotypen är alltid liggande eller i sin godkända stående version, aldrig snedställd.

  • Aldrig på oroliga bakgrunder

    Aldrig på oroliga bakgrunder

    Oroliga, mönstrade eller kontrastsvaga bakgrunder gör logotypen oläslig.

04 · Färger

Den officiella paletten

Lailio använder endast dessa sex färger. Vinrött och marinblått bär varumärket, och den blå skalan stöder det. Varje färgruta visar den logotypversion som är godkänd på just den färgen.

  • Isblå

    Bakgrunder, ytor

    HEX
    #C9DDF2
    RGB
    200/221/242
    CMYK
    19/6/0/0
    Pantone
    545 C

  • Ljusblå

    Grafiska element

    HEX
    #A2CBEC
    RGB
    161/203/236
    CMYK
    34/9/0/0
    Pantone
    277 C

  • Mellanblå

    Grafiska element

    HEX
    #86BBE2
    RGB
    134/187/228
    CMYK
    45/14/1/0
    Pantone
    278 C

  • Lailio blå

    Accent, länkar på mörka bakgrunder

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

  • Lailio vinröd

    Primär varumärkesfärg, knappar, accenter

    HEX
    #57274C
    RGB
    87/38/76
    CMYK
    58/88/36/41
    Pantone
    262 C

  • Lailio marinblå

    Rubriker, text, mörka ytor

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

Ljusa och mörka nyanser

Använd ljusare nyanser för bakgrunder och markeringar och mörkare nyanser för aktiva lägen och text. Använd aldrig färger utanför den här skalan.

05 · Typografi

Två typsnitt, tydliga roller

Poppins är varumärkets röst i rubriker och annonser, ofta i versaler. Open Sans bär all brödtext och ersätter Poppins överallt där det inte finns tillgängligt. Båda typsnitten driftas på själva webbplatsen, utan externa anrop.

Poppins Rubriker och annonser, ofta i versaler

Poppins

Smarta lösningar. Exceptionella resultat.

  • Light300
  • Regular400
  • Medium500
  • Semi-Bold600
  • Bold700
Open Sans Brödtext, gränssnitt, formulär

Open Sans

Brödtext sätts i Open Sans med bekvämt radavstånd. Styckena är korta, börjar med resultatet och underbygger påståenden med fakta.

  • Light300
  • Regular400
  • Semi-Bold600
  • Bold700

Webbplatsens rubrikskala

  1. H1Smarta lösningar. Exceptionella resultat.
  2. H2Smarta lösningar. Exceptionella resultat.
  3. H3Smarta lösningar. Exceptionella resultat.
  4. H4Smarta lösningar. Exceptionella resultat.
  5. H5Smarta lösningar. Exceptionella resultat.
  6. H6Smarta lösningar. Exceptionella resultat.

I tryck

Visitkort: namn i Poppins Bold 10 pt, uppgifter i Poppins Light 6,5 pt. Brevpapperets sidfot: Poppins Light 7 pt.

06 · Grafiskt språk

Trianglar från logotypen

Varumärkesmönstret består av samma trianglar som logotypen. Det tillför rörelse och rytm men konkurrerar aldrig med innehållet.

  1. 01

    Endast palettens färger

    Trianglarna använder endast de officiella färgerna, aldrig toningar.

  2. 02

    Vitt mellanrum

    Mellan trianglarna finns alltid en tunn vit linje.

  3. 03

    Platt

    Inga skuggor, inget djup och inga transparenseffekter.

  4. 04

    I kanterna, inte i mitten

    Mönstret kommer in från ett hörn eller en kant och lämnar plats för innehåll och logotyp.

Trianglar från logotypen

07 · Webbstandarder

Så lever varumärket på webbplatsen

Dessa regler är inbyggda i koden för lailio.com. De gäller för varje ny sida och komponent.

  1. 01

    Platt design

    Inga skuggor, någonstans, någonsin. Djup skapas med ytor och linjer, inte skuggor.

  2. 02

    Skarpa hörn

    Inga rundade hörn: knappar, kort, bilder och formulär är rektanglar.

  3. 03

    Hårlinjer

    Block skiljs åt av en 1 px #E2E8F0 linje, och kort sitter i en gemensam ram utan mellanrum.

  4. 04

    Svart endast för text

    Svart får endast användas för text, aldrig för linjer eller ytor.

  5. 05

    Synligt fokus

    Tangentbordsfokus är en 2 px vinröd kontur, inte en glöd.

  6. 06

    Inga långa tankstreck

    Använd kolon eller kommatecken i texten, aldrig ett långt tankstreck.

CSS-variabler

08 · Ikoner

Enkla, utan ramar

Webbplatsen använder Bootstrap Icons. Ikonerna är linjeikoner utan bakgrundscirklar eller ramar, i vinrött eller marinblått. Färga aldrig om partners eller tredje parters logotyper i varumärkets färger.

  • 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 · Tonalitet

Så låter Lailio

  1. 01

    Tydligt före fyndigt

    Enkelt språk och konkreta resultat. Inga modeord, inga tomma löften.

  2. 02

    Tänk globalt, agera lokalt

    Grundat i Riga, verksamt i hela Europa. Vi talar som en ingenjör som förstår kundens verksamhet.

  3. 03

    Alltid tillgängliga

    Tillförlitlighet dygnet runt är ett löfte, inte en slogan. Vi underbygger påståenden med siffror, SLA:er och referenser.

  4. 04

    På alla språk

    Varje text finns på webbplatsens alla språk. Grunden är lettiska eller engelska, och översättningarna läses naturligt.

10 · Tillämpningar

Trycksaker och profilprodukter

Format, typsnitt och storlekar från den officiella grafiska profilen.

  • Visitkort
    Visitkort90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt
  • Brevpapper
    BrevpapperA4, 210 × 297 mm · sidfot Poppins Light 7 pt
  • Kuvert
    KuvertC65 · logotyp och triangelmönster
  • Mapp
    Mapp225 × 320 mm · utsida och insida
  • Mugg
    MuggHeltäckande tryck med triangelmönstret
  • Tryckoriginal för mugg
    Tryckoriginal för muggMönster och logotyp på vitt
  • T-shirt
    T-shirtVinröd botten, inverterad logotyp
  • Penna och blyertspenna
    Penna och blyertspennaVinröd, inverterad logotyp
  • Keps
    KepsVinröd, inverterad stående logotyp

E-postsignatur

Namn, befattning, telefon, e-post och den liggande logotypen. Kompakt, i varumärkets typsnitt och utan andra bilder.

11 · Nedladdningar

Filer