Marka
Księga znaku Lailio: logo, kolory, typografia, język graficzny i standardy internetowe w jednym miejscu.
Księga znaku
Marka Lailio w jednym miejscu.
Aktualne kompendium dla wszystkich, którzy działają w imieniu Lailio: logo, kolory, typografia, język graficzny, ton komunikacji i standardy internetowe. Opiera się na oficjalnym przewodniku stylu i zostało uzupełnione o zasady, na których zbudowano tę stronę.
01 · Logo
Zatwierdzone wersje logo
Logo poziome jest wersją podstawową. Logo pionowe stosuje się w wąskich, wysokich przestrzeniach, a sam sygnet tylko tam, gdzie nazwa jest już widoczna. Każda wersja jest dostępna na jasne i ciemne tło, a także w wersji czarno-białej do druku jednobarwnego.
PNGPoziome
Jasne tło. Wersja podstawowa.
PNGPoziome
Ciemne tło. Biały napis, biały trójkąt.
PNGPionowe
Jasne tło. Do wąskich, wysokich przestrzeni.
PNGPionowe
Ciemne tło.
PNGSygnet
Jasne tło. Favicon, aplikacje, awatar.
PNGSygnet
Ciemne tło.
PNGCzarno-białe poziome
Druk jednobarwny, grawerowanie.
PNGCzarno-białe poziome
Ciemne tło, kontur.
PNGCzarno-białe pionowe
Druk jednobarwny.
PNGCzarno-białe pionowe
Ciemne tło, kontur.
02 · Zasady
Pole ochronne i rozmiar
Pole ochronne
Logo zbudowane jest na module X. Ma wysokość 4X i szerokość 10X. Z każdej strony należy zawsze zachować pole ochronne o szerokości co najmniej X: nie mogą się w nim znaleźć żadne teksty, obrazy ani inne elementy.
Minimalny rozmiar
Aby logo pozostało czytelne, nigdy nie należy stosować go w rozmiarze mniejszym niż zalecany.
- Poziome
- 85 px · 30 mm
- Pionowe
- 57 px · 20 mm
Tła
Na jasnych tłach stosuje się logo standardowe, a na ciemnych i bordowych wersję odwróconą. Na zdjęciach logo umieszcza się wyłącznie na spokojnym, jednolitym obszarze o wystarczającym kontraście.
03 · Błędy
Tak nigdy nie używamy logo
Nie zmieniać kolorów
Logo zawsze występuje w oficjalnych kolorach lub w zatwierdzonych wersjach odwróconej i czarno-białej.
Nie deformować
Logo nie wolno rozciągać, ściskać ani pochylać. Jego proporcje są stałe.
Nie zmieniać kroju
Litery są częścią znaku. Nigdy nie składa się ich innym krojem pisma.
Nie dodawać efektów
Żadnych cieni, poświat, obrysów ani gradientów.
Nie obracać
Logo jest zawsze poziome lub w zatwierdzonej wersji pionowej, nigdy pod kątem.
Nie stosować na niespokojnym tle
Niespokojne, wzorzyste lub mało kontrastowe tła sprawiają, że logo staje się nieczytelne.
04 · Kolory
Oficjalna paleta
Lailio używa wyłącznie tych sześciu kolorów. Bordo i granat niosą markę, a skala błękitów ją uzupełnia. Przy każdym kolorze pokazano wersję logo zatwierdzoną do stosowania na nim.
Lodowy błękit
Tła, powierzchnie
- HEX
- #C9DDF2
- RGB
- 200/221/242
- CMYK
- 19/6/0/0
- Pantone
- 545 C
Jasny błękit
Elementy graficzne
- HEX
- #A2CBEC
- RGB
- 161/203/236
- CMYK
- 34/9/0/0
- Pantone
- 277 C
Średni błękit
Elementy graficzne
- HEX
- #86BBE2
- RGB
- 134/187/228
- CMYK
- 45/14/1/0
- Pantone
- 278 C
Błękit Lailio
Akcenty, linki na ciemnym tle
- HEX
- #669ACD
- RGB
- 103/153/203
- CMYK
- 60/30/2/0
- Pantone
- 7453 C
Bordo Lailio
Główny kolor marki, przyciski, akcenty
- HEX
- #57274C
- RGB
- 87/38/76
- CMYK
- 58/88/36/41
- Pantone
- 262 C
Granat Lailio
Nagłówki, tekst, ciemne powierzchnie
- HEX
- #35325C
- RGB
- 53/50/91
- CMYK
- 87/85/33/30
- Pantone
- 5265 C
Rozjaśnienia i przyciemnienia
Jaśniejsze odcienie stosuje się na tła i wyróżnienia, ciemniejsze na stany aktywne i tekst. Nigdy nie należy używać kolorów spoza tej skali.
05 · Typografia
Dwa kroje, jasne role
Poppins jest głosem marki w nagłówkach i reklamie, często wersalikami. Open Sans służy do całego tekstu głównego i zastępuje Poppins wszędzie tam, gdzie nie jest on dostępny. Oba kroje są hostowane na stronie, bez zewnętrznych zapytań.
Poppins
Inteligentne rozwiązania. Wyjątkowe rezultaty.
- Light300
- Regular400
- Medium500
- Semi-Bold600
- Bold700
Open Sans
Tekst główny jest składany krojem Open Sans z wygodną interlinią. Akapity są krótkie, zaczynają się od rezultatu, a twierdzenia popierają faktami.
- Light300
- Regular400
- Semi-Bold600
- Bold700
Skala nagłówków na stronie
- H1Inteligentne rozwiązania. Wyjątkowe rezultaty.
- H2Inteligentne rozwiązania. Wyjątkowe rezultaty.
- H3Inteligentne rozwiązania. Wyjątkowe rezultaty.
- H4Inteligentne rozwiązania. Wyjątkowe rezultaty.
- H5Inteligentne rozwiązania. Wyjątkowe rezultaty.
- H6Inteligentne rozwiązania. Wyjątkowe rezultaty.
W druku
Wizytówka: imię i nazwisko Poppins Bold 10 pt, dane kontaktowe Poppins Light 6,5 pt. Stopka papieru firmowego: Poppins Light 7 pt.
06 · Język graficzny
Trójkąty z logo
Wzór marki składa się z tych samych trójkątów co logo. Dodaje ruchu i rytmu, ale nigdy nie konkuruje z treścią.
- 01
Tylko kolory z palety
Trójkąty mają wyłącznie oficjalne kolory, nigdy gradienty.
- 02
Biała szczelina
Między trójkątami zawsze jest cienka biała linia.
- 03
Płasko
Żadnych cieni, głębi ani efektów przezroczystości.
- 04
Przy krawędziach, nie w centrum
Wzór wchodzi od narożnika lub krawędzi i zostawia miejsce na treść i logo.
07 · Standardy internetowe
Jak marka żyje na stronie
Te zasady są wbudowane w kod lailio.com. Obowiązują dla każdej nowej strony i komponentu.
- 01
Płaski design
Żadnych cieni, nigdzie i nigdy. Głębię tworzą powierzchnie i linie, nie cienie.
- 02
Ostre narożniki
Żadnych zaokrągleń: przyciski, karty, obrazy i formularze są prostokątami.
- 03
Cienkie linie
Bloki oddziela linia 1 px #E2E8F0; karty znajdują się w jednej ramce bez odstępów.
- 04
Czerń tylko dla tekstu
Czerń jest dozwolona wyłącznie dla tekstu, nigdy dla linii ani powierzchni.
- 05
Widoczny fokus
Fokus klawiatury to bordowy obrys 2 px, a nie poświata.
- 06
Bez długich myślników
W tekstach stosuje się dwukropek lub przecinek, nigdy długi myślnik.
Zmienne CSS
08 · Ikony
Proste, bez ramek
Strona korzysta z Bootstrap Icons. Ikony są liniowe, bez kół w tle i bez ramek, w kolorze bordo lub granatowym. Logotypów partnerów ani podmiotów trzecich nigdy nie przebarwia się na kolory marki.
09 · Ton komunikacji
Jak brzmi Lailio
- 01
Jasno, nie efekciarsko
Prosty język i konkretne rezultaty. Bez modnych haseł i pustych obietnic.
- 02
Myśl globalnie, działaj lokalnie
Założona w Rydze, działa w całej Europie. Mówimy jak inżynier, który rozumie biznes klienta.
- 03
Zawsze w gotowości
Niezawodność 24/7 to obietnica, nie slogan. Twierdzenia popieramy liczbami, SLA i referencjami.
- 04
W każdym języku
Każdy tekst istnieje we wszystkich językach strony. Bazą jest łotewski lub angielski, a tłumaczenia brzmią naturalnie.
10 · Zastosowania
Druk i materiały firmowe
Formaty, kroje i rozmiary z oficjalnego przewodnika stylu.
Wizytówka90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt 
Papier firmowyA4, 210 × 297 mm · stopka Poppins Light 7 pt 
KopertaC65 · logo i wzór z trójkątów 
Teczka225 × 320 mm · strona zewnętrzna i wewnętrzna 
KubekNadruk na całej powierzchni ze wzorem z trójkątów 
Projekt nadruku na kubekWzór i logo na białym tle 
KoszulkaBordowa baza, logo odwrócone 
Długopis i ołówekBordo, logo odwrócone 
CzapkaBordo, odwrócone logo pionowe
Podpis e-mail
Imię i nazwisko, stanowisko, telefon, e-mail i logo poziome. Zwięzły, w krojach marki, bez innych obrazów.
11 · Do pobrania