Support Cloud App |

Merkevare

Lailios merkevarehåndbok: logo, farger, typografi, grafisk språk og nettstandarder samlet på ett sted.

Merkevarehåndbok

Lailio-merkevaren, samlet på ett sted.

Et levende oppslagsverk for alle som arbeider på vegne av Lailio: logo, farger, typografi, grafisk språk, tone og nettstandarder. Det bygger på den offisielle stilguiden og er utvidet med reglene dette nettstedet er bygget på.

Last ned stilguiden (PDF) Last ned logopakken (ZIP)

02 · Regler

Frisone og størrelse

Frisone

Frisone

Logoen er bygget på en enhet X. Logoen er 4X høy og 10X bred. Hold alltid en frisone på minst X på alle sider: ingen tekst, bilder eller andre elementer kan plasseres der.

Minste størrelse

Minste størrelse

For at logoen skal være lesbar, må den aldri brukes mindre enn anbefalt størrelse.

Horisontal
85 px · 30 mm
Vertikal
57 px · 20 mm

Bakgrunner

Bruk standardlogoen på lyse bakgrunner og den inverterte versjonen på mørke og burgunderfargede bakgrunner. På bilder plasseres logoen bare på en rolig, jevn flate med tilstrekkelig kontrast.

03 · Feil bruk

Slik skal logoen aldri brukes

  • Endre aldri fargene

    Endre aldri fargene

    Logoen bruker alltid de offisielle fargene eller de godkjente inverterte og svart-hvitt-versjonene.

  • Forvreng aldri

    Forvreng aldri

    Ikke strekk, klem eller vri logoen. Proporsjonene er faste.

  • Endre aldri skrifttypen

    Endre aldri skrifttypen

    Bokstavene er en del av merket. Sett dem aldri med en annen skrifttype.

  • Legg aldri til effekter

    Legg aldri til effekter

    Ingen skygger, glød, konturer eller fargeoverganger.

  • Roter aldri

    Roter aldri

    Logoen er alltid horisontal eller i sin godkjente vertikale versjon, aldri på skrå.

  • Aldri på urolige bakgrunner

    Aldri på urolige bakgrunner

    Urolige, mønstrede eller kontrastfattige bakgrunner gjør logoen uleselig.

04 · Farger

Den offisielle paletten

Lailio bruker kun disse seks fargene. Burgunder og marineblå bærer merkevaren; blåskalaen støtter den. Hver fargeprøve viser hvilken logoversjon som er godkjent på den fargen.

  • Isblå

    Bakgrunner, flater

    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

  • Mellomblå

    Grafiske elementer

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

  • Lailio-blå

    Aksent, lenker på mørk bakgrunn

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

  • Lailio-burgunder

    Primær merkevarefarge, knapper, aksenter

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

  • Lailio-marineblå

    Overskrifter, tekst, mørke flater

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

Lysere og mørkere toner

Bruk lysere toner til bakgrunner og fremheving, mørkere toner til aktive tilstander og tekst. Bruk aldri farger utenfor denne skalaen.

05 · Typografi

To skrifttyper, tydelige roller

Poppins er merkevarens stemme i overskrifter og reklame, ofte med store bokstaver. Open Sans brukes til all brødtekst og erstatter Poppins der den ikke er tilgjengelig. Begge skriftene ligger på nettstedets egen server, uten eksterne forespørsler.

Poppins Overskrifter og reklame, ofte med store bokstaver

Poppins

Smarte løsninger. Eksepsjonelle resultater.

  • Light300
  • Regular400
  • Medium500
  • Semi-Bold600
  • Bold700
Open Sans Brødtekst, grensesnitt, skjemaer

Open Sans

Brødtekst settes i Open Sans med behagelig linjeavstand. Avsnittene er korte, starter med resultatet og underbygger påstander med fakta.

  • Light300
  • Regular400
  • Semi-Bold600
  • Bold700

Overskriftsskala på nettstedet

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

På trykk

Visittkort: navn i Poppins Bold 10 pt, detaljer i Poppins Light 6,5 pt. Bunntekst på brevark: Poppins Light 7 pt.

06 · Grafisk språk

Trekanter fra logoen

Merkevaremønsteret består av de samme trekantene som logoen. Det gir bevegelse og rytme, men konkurrerer aldri med innholdet.

  1. 01

    Kun palettfarger

    Trekantene bruker kun de offisielle fargene, aldri fargeoverganger.

  2. 02

    Hvitt mellomrom

    Det er alltid en tynn hvit linje mellom trekantene.

  3. 03

    Flatt

    Ingen skygger, dybde eller gjennomsiktighetseffekter.

  4. 04

    I kantene, ikke i midten

    Mønsteret kommer inn fra et hjørne eller en kant og gir plass til innhold og logo.

Trekanter fra logoen

07 · Nettstandarder

Slik lever merkevaren på nettstedet

Disse reglene er bygget inn i koden til lailio.com. De gjelder for alle nye sider og komponenter.

  1. 01

    Flat design

    Ingen skygger, noe sted, noen gang. Dybde skapes av flater og linjer, ikke skygger.

  2. 02

    Skarpe hjørner

    Ingen avrundede hjørner: knapper, kort, bilder og skjemaer er rektangler.

  3. 03

    Tynne linjer

    Blokker skilles med en 1 px #E2E8F0-linje; kort står i én ramme uten mellomrom.

  4. 04

    Svart kun til tekst

    Svart er kun tillatt for tekst, aldri for linjer eller flater.

  5. 05

    Synlig fokus

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

  6. 06

    Ingen lange tankestreker

    Bruk kolon eller komma i tekst, aldri lang tankestrek.

CSS-variabler

08 · Ikoner

Enkle, uten rammer

Nettstedet bruker Bootstrap Icons. Ikonene er strekikoner uten bakgrunnssirkler eller rammer, i burgunder eller marineblått. Logoer fra partnere og tredjeparter skal aldri omfarges i merkevarens farger.

  • 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

Slik høres Lailio ut

  1. 01

    Tydelig fremfor smart

    Enkelt språk og konkrete resultater. Ingen moteord, ingen tomme løfter.

  2. 02

    Tenk globalt, handle lokalt

    Grunnlagt i Riga, med virksomhet i hele Europa. Vi snakker som en ingeniør som forstår kundens virksomhet.

  3. 03

    Alltid tilgjengelig

    Pålitelighet døgnet rundt er et løfte, ikke et slagord. Vi underbygger påstander med tall, SLA-er og referanser.

  4. 04

    På alle språk

    Alle tekster finnes på alle nettstedets språk. Grunnlaget er latvisk eller engelsk, og oversettelsene leses naturlig.

10 · Bruksområder

Trykksaker og profilartikler

Formater, skrifter og størrelser fra den offisielle stilguiden.

  • Visittkort
    Visittkort90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt
  • Brevark
    BrevarkA4, 210 × 297 mm · bunntekst Poppins Light 7 pt
  • Konvolutt
    KonvoluttC65 · logo og trekantmønster
  • Mappe
    Mappe225 × 320 mm · utside og innside
  • Krus
    KrusHeldekkende trykk med trekantmønsteret
  • Trykkoppsett for krus
    Trykkoppsett for krusMønster og logo på hvitt
  • T-skjorte
    T-skjorteBurgunder grunnfarge, invertert logo
  • Penn og blyant
    Penn og blyantBurgunder, invertert logo
  • Caps
    CapsBurgunder, invertert vertikal logo

E-postsignatur

Navn, stilling, telefon, e-post og den horisontale logoen. Kompakt, i merkevarens skrifter, uten andre bilder.

11 · Nedlastinger

Filer