Support Cloud App |

Brand

Lailios brandbook: logo, farver, typografi, grafisk sprog og webstandarder samlet ét sted.

Brandbook

Lailio-brandet samlet ét sted.

En levende reference for alle, der arbejder på Lailios vegne: logo, farver, typografi, grafisk sprog, tone of voice og webstandarder. Den bygger på den officielle designmanual og er udvidet med de regler, som dette website er bygget på.

Download designmanualen (PDF) Download logopakken (ZIP)

02 · Regler

Frizone og størrelse

Frizone

Frizone

Logoet er bygget op over en enhed X. Logoet er 4X højt og 10X bredt. Hold altid en frizone på mindst X på alle sider: ingen tekst, billeder eller andre elementer må komme ind i den.

Minimumsstørrelse

Minimumsstørrelse

For at logoet forbliver læsbart, må det aldrig bruges mindre end den anbefalede størrelse.

Vandret
85 px · 30 mm
Lodret
57 px · 20 mm

Baggrunde

Brug standardlogoet på lyse baggrunde og den inverterede version på mørke og bordeauxfarvede baggrunde. På fotos placeres logoet kun på en rolig, ensartet flade med tilstrækkelig kontrast.

03 · Forkert brug

Brug aldrig logoet sådan her

  • Ændr aldrig farverne

    Ændr aldrig farverne

    Logoet bruger altid de officielle farver eller de godkendte inverterede og sort-hvide versioner.

  • Forvræng aldrig

    Forvræng aldrig

    Stræk, klem eller skæv ikke logoet. Proportionerne er faste.

  • Skift aldrig skrifttypen

    Skift aldrig skrifttypen

    Bogstaverne er en del af mærket. Sæt dem aldrig med en anden skrift.

  • Tilføj aldrig effekter

    Tilføj aldrig effekter

    Ingen skygger, glød, konturer eller forløb.

  • Rotér aldrig

    Rotér aldrig

    Logoet er altid vandret eller i den godkendte lodrette version, aldrig på skrå.

  • Aldrig på urolige baggrunde

    Aldrig på urolige baggrunde

    Urolige, mønstrede eller kontrastsvage baggrunde gør logoet ulæseligt.

04 · Farver

Den officielle palet

Lailio bruger udelukkende disse seks farver. Bordeaux og marineblå bærer brandet, og den blå skala understøtter det. Hvert farvefelt viser den logoversion, der er godkendt på netop den farve.

  • Isblå

    Baggrunde, flader

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

  • Lyseblå

    Grafiske elementer

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

  • Mellemblå

    Grafiske elementer

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

  • Lailio-blå

    Accent, links på mørke baggrunde

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

  • Lailio-bordeaux

    Primær brandfarve, knapper, accenter

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

  • Lailio-marineblå

    Overskrifter, tekst, mørke flader

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

Lyse og mørke nuancer

Brug lysere nuancer til baggrunde og fremhævninger og mørkere nuancer til aktive tilstande og tekst. Brug aldrig farver uden for denne skala.

05 · Typografi

To skrifttyper, klare roller

Poppins er brandets stemme i overskrifter og annoncer, ofte med versaler. Open Sans bærer al brødtekst og træder til overalt, hvor Poppins ikke er tilgængelig. Begge skrifttyper hostes på selve websitet uden eksterne forespørgsler.

Poppins Overskrifter og annoncer, ofte med versaler

Poppins

Smarte løsninger. Exceptionelle resultater.

  • Light300
  • Regular400
  • Medium500
  • Semi-Bold600
  • Bold700
Open Sans Brødtekst, brugerflade, formularer

Open Sans

Brødtekst sættes i Open Sans med en behagelig linjeafstand. Afsnittene er korte, starter med resultatet og underbygger påstande med fakta.

  • Light300
  • Regular400
  • Semi-Bold600
  • Bold700

Websitets overskriftsskala

  1. H1Smarte løsninger. Exceptionelle resultater.
  2. H2Smarte løsninger. Exceptionelle resultater.
  3. H3Smarte løsninger. Exceptionelle resultater.
  4. H4Smarte løsninger. Exceptionelle resultater.
  5. H5Smarte løsninger. Exceptionelle resultater.
  6. H6Smarte løsninger. Exceptionelle resultater.

På tryk

Visitkort: navn i Poppins Bold 10 pt, oplysninger i Poppins Light 6,5 pt. Brevpapirets sidefod: Poppins Light 7 pt.

06 · Grafisk sprog

Trekanter fra logoet

Brandmønsteret består af de samme trekanter som logoet. Det skaber bevægelse og rytme, men konkurrerer aldrig med indholdet.

  1. 01

    Kun paletfarver

    Trekanterne bruger kun de officielle farver, aldrig forløb.

  2. 02

    Hvidt mellemrum

    Der er altid en tynd hvid linje mellem trekanterne.

  3. 03

    Fladt

    Ingen skygger, dybde eller gennemsigtighedseffekter.

  4. 04

    I kanterne, ikke i midten

    Mønsteret kommer ind fra et hjørne eller en kant og giver plads til indhold og logo.

Trekanter fra logoet

07 · Webstandarder

Sådan lever brandet på websitet

Disse regler er indbygget i koden på lailio.com. De gælder for hver ny side og komponent.

  1. 01

    Fladt design

    Ingen skygger, nogen steder, nogensinde. Dybde skabes med flader og linjer, ikke skygger.

  2. 02

    Skarpe hjørner

    Ingen afrundede hjørner: knapper, kort, billeder og formularer er rektangler.

  3. 03

    Hårlinjer

    Blokke adskilles af en 1 px #E2E8F0 linje, og kort sidder i én ramme uden mellemrum.

  4. 04

    Sort kun til tekst

    Sort må kun bruges til tekst, aldrig til linjer eller flader.

  5. 05

    Synligt fokus

    Tastaturfokus er en 2 px bordeauxfarvet kontur, ikke en glød.

  6. 06

    Ingen lange tankestreger

    Brug kolon eller komma i teksten, aldrig en lang tankestreg.

CSS-variabler

08 · Ikoner

Enkle, uden rammer

Websitet bruger Bootstrap Icons. Ikonerne er stregikoner uden baggrundscirkler eller rammer, i bordeaux eller marineblå. Farv aldrig partneres eller tredjeparters logoer i brandfarver.

  • 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 · Tone of voice

Sådan lyder Lailio

  1. 01

    Klart frem for smart

    Enkelt sprog og konkrete resultater. Ingen buzzwords, ingen tomme løfter.

  2. 02

    Tænk globalt, handl lokalt

    Grundlagt i Riga, aktiv i hele Europa. Vi taler som en ingeniør, der forstår kundens forretning.

  3. 03

    Altid tilgængelig

    Driftssikkerhed døgnet rundt er et løfte, ikke et slogan. Vi underbygger påstande med tal, SLA'er og referencer.

  4. 04

    På alle sprog

    Hver tekst findes på alle websitets sprog. Udgangspunktet er lettisk eller engelsk, og oversættelserne læses naturligt.

10 · Anvendelser

Tryksager og merchandise

Formater, skrifttyper og størrelser fra den officielle designmanual.

  • Visitkort
    Visitkort90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt
  • Brevpapir
    BrevpapirA4, 210 × 297 mm · sidefod Poppins Light 7 pt
  • Kuvert
    KuvertC65 · logo og trekantmønster
  • Mappe
    Mappe225 × 320 mm · ud- og indvendig
  • Krus
    KrusHelprint med trekantmønsteret
  • Trykopsætning til krus
    Trykopsætning til krusMønster og logo på hvid
  • T-shirt
    T-shirtBordeaux bund, inverteret logo
  • Kuglepen og blyant
    Kuglepen og blyantBordeaux, inverteret logo
  • Kasket
    KasketBordeaux, inverteret lodret logo

E-mailsignatur

Navn, stilling, telefon, e-mail og det vandrette logo. Kompakt, i brandets skrifttyper og uden andre billeder.

11 · Downloads

Filer