Marke
Das Lailio Brandbook: Logo, Farben, Typografie, Bildsprache und Webstandards an einem Ort.
Brandbook
Die Marke Lailio an einem Ort.
Eine lebendige Referenz für alle, die im Namen von Lailio arbeiten: Logo, Farben, Typografie, Bildsprache, Tonalität und Webstandards. Sie basiert auf dem offiziellen Styleguide und ergänzt ihn um die Regeln, auf denen diese Website aufgebaut ist.
01 · Logo
Freigegebene Logoversionen
Das horizontale Logo ist die Hauptversion. Verwenden Sie das vertikale Logo in schmalen, hohen Flächen und das Icon nur dort, wo der Name bereits sichtbar ist. Jede Version gibt es für helle und dunkle Hintergründe, dazu eine Schwarz-Weiß-Version für den einfarbigen Druck.
PNGHorizontal
Heller Hintergrund. Hauptversion.
PNGHorizontal
Dunkler Hintergrund. Weiße Schrift, weißes Dreieck.
PNGVertikal
Heller Hintergrund. Für schmale, hohe Flächen.
PNGVertikal
Dunkler Hintergrund.
PNGIcon
Heller Hintergrund. Favicon, Apps, Avatar.
PNGIcon
Dunkler Hintergrund.
PNGSchwarz-Weiß horizontal
Einfarbiger Druck, Gravur.
PNGSchwarz-Weiß horizontal
Dunkler Hintergrund, Kontur.
PNGSchwarz-Weiß vertikal
Einfarbiger Druck.
PNGSchwarz-Weiß vertikal
Dunkler Hintergrund, Kontur.
02 · Regeln
Schutzzone und Größe
Schutzzone
Das Logo basiert auf der Einheit X. Es ist 4X hoch und 10X breit. Halten Sie auf allen Seiten stets eine Schutzzone von mindestens X frei: Texte, Bilder oder andere Elemente dürfen nicht hineinragen.
Mindestgröße
Damit das Logo lesbar bleibt, verwenden Sie es nie kleiner als die empfohlene Größe.
- Horizontal
- 85 px · 30 mm
- Vertikal
- 57 px · 20 mm
Hintergründe
Verwenden Sie das Standardlogo auf hellen Hintergründen und die invertierte Version auf dunklen und bordeauxroten Hintergründen. Auf Fotos platzieren Sie das Logo nur auf einer ruhigen, gleichmäßigen Fläche mit ausreichendem Kontrast.
03 · Fehlgebrauch
So verwenden Sie das Logo niemals
Farben nie verändern
Das Logo erscheint immer in den offiziellen Farben oder in den freigegebenen invertierten und Schwarz-Weiß-Versionen.
Nie verzerren
Das Logo nicht dehnen, stauchen oder neigen. Seine Proportionen sind festgelegt.
Schrift nie ändern
Die Buchstaben sind Teil des Zeichens. Setzen Sie sie nie in einer anderen Schrift.
Keine Effekte
Keine Schatten, Leuchteffekte, Konturen oder Verläufe.
Nie drehen
Das Logo steht immer horizontal oder in seiner freigegebenen vertikalen Version, nie schräg.
Nie auf unruhigen Hintergründen
Unruhige, gemusterte oder kontrastarme Hintergründe machen das Logo unleserlich.
04 · Farben
Die offizielle Farbpalette
Lailio verwendet ausschließlich diese sechs Farben. Bordeaux und Marineblau tragen die Marke, die Blauskala unterstützt sie. Jedes Farbfeld zeigt die Logoversion, die auf dieser Farbe freigegeben ist.
Eisblau
Hintergründe, Flächen
- HEX
- #C9DDF2
- RGB
- 200/221/242
- CMYK
- 19/6/0/0
- Pantone
- 545 C
Hellblau
Grafische Elemente
- HEX
- #A2CBEC
- RGB
- 161/203/236
- CMYK
- 34/9/0/0
- Pantone
- 277 C
Mittelblau
Grafische Elemente
- HEX
- #86BBE2
- RGB
- 134/187/228
- CMYK
- 45/14/1/0
- Pantone
- 278 C
Lailio Blau
Akzent, Links auf dunklen Hintergründen
- HEX
- #669ACD
- RGB
- 103/153/203
- CMYK
- 60/30/2/0
- Pantone
- 7453 C
Lailio Bordeaux
Primäre Markenfarbe, Buttons, Akzente
- HEX
- #57274C
- RGB
- 87/38/76
- CMYK
- 58/88/36/41
- Pantone
- 262 C
Lailio Marineblau
Überschriften, Text, dunkle Flächen
- HEX
- #35325C
- RGB
- 53/50/91
- CMYK
- 87/85/33/30
- Pantone
- 5265 C
Helle und dunkle Abstufungen
Verwenden Sie hellere Abstufungen für Hintergründe und Hervorhebungen, dunklere für aktive Zustände und Text. Verwenden Sie nie Farben außerhalb dieser Skala.
05 · Typografie
Zwei Schriften, klare Rollen
Poppins ist die Stimme der Marke in Überschriften und Werbung, oft in Großbuchstaben. Open Sans trägt den gesamten Fließtext und ersetzt Poppins überall dort, wo sie nicht verfügbar ist. Beide Schriften werden auf der Website selbst gehostet, ohne externe Anfragen.
Poppins
Intelligente Lösungen. Außergewöhnliche Ergebnisse.
- Light300
- Regular400
- Medium500
- Semi-Bold600
- Bold700
Open Sans
Fließtext wird in Open Sans mit angenehmem Zeilenabstand gesetzt. Absätze sind kurz, nennen zuerst das Ergebnis und belegen Aussagen mit Fakten.
- Light300
- Regular400
- Semi-Bold600
- Bold700
Überschriftenskala der Website
- H1Intelligente Lösungen. Außergewöhnliche Ergebnisse.
- H2Intelligente Lösungen. Außergewöhnliche Ergebnisse.
- H3Intelligente Lösungen. Außergewöhnliche Ergebnisse.
- H4Intelligente Lösungen. Außergewöhnliche Ergebnisse.
- H5Intelligente Lösungen. Außergewöhnliche Ergebnisse.
- H6Intelligente Lösungen. Außergewöhnliche Ergebnisse.
Im Druck
Visitenkarte: Name in Poppins Bold 10 pt, Angaben in Poppins Light 6,5 pt. Fußzeile des Briefbogens: Poppins Light 7 pt.
06 · Bildsprache
Dreiecke aus dem Logo
Das Markenmuster besteht aus denselben Dreiecken wie das Logo. Es bringt Bewegung und Rhythmus, konkurriert aber nie mit dem Inhalt.
- 01
Nur Palettenfarben
Dreiecke verwenden ausschließlich die offiziellen Farben, nie Verläufe.
- 02
Weißer Abstand
Zwischen den Dreiecken verläuft immer eine dünne weiße Linie.
- 03
Flach
Keine Schatten, Tiefe oder Transparenzeffekte.
- 04
Am Rand, nicht in der Mitte
Das Muster kommt aus einer Ecke oder von einer Kante und lässt Raum für Inhalt und Logo.
07 · Webstandards
Wie die Marke auf der Website lebt
Diese Regeln sind im Code von lailio.com verankert. Sie gelten für jede neue Seite und jede neue Komponente.
- 01
Flat Design
Keine Schatten, nirgends, niemals. Tiefe entsteht durch Flächen und Linien, nicht durch Schatten.
- 02
Scharfe Ecken
Keine abgerundeten Ecken: Buttons, Karten, Bilder und Formulare sind Rechtecke.
- 03
Haarlinien
Blöcke werden durch eine 1 px #E2E8F0 Linie getrennt, Karten sitzen ohne Abstände in einem gemeinsamen Rahmen.
- 04
Schwarz nur für Text
Schwarz ist nur für Schrift erlaubt, nie für Linien oder Flächen.
- 05
Sichtbarer Fokus
Der Tastaturfokus ist eine 2 px bordeauxrote Kontur, kein Leuchteffekt.
- 06
Keine langen Striche
Verwenden Sie im Text einen Doppelpunkt oder ein Komma, nie einen langen Gedankenstrich.
CSS-Variablen
08 · Icons
Einfach, ohne Rahmen
Die Website verwendet Bootstrap Icons. Icons sind Linienicons ohne Hintergrundkreise oder Rahmen, in Bordeaux oder Marineblau. Färben Sie Logos von Partnern oder Dritten nie in Markenfarben ein.
09 · Tonalität
Wie Lailio klingt
- 01
Klar statt clever
Einfache Sprache und konkrete Ergebnisse. Keine Buzzwords, keine leeren Versprechen.
- 02
Global denken, lokal handeln
Gegründet in Riga, tätig in ganz Europa. Wir sprechen wie ein Ingenieur, der das Geschäft des Kunden versteht.
- 03
Immer verfügbar
Zuverlässigkeit rund um die Uhr ist ein Versprechen, kein Slogan. Wir belegen Aussagen mit Zahlen, SLAs und Referenzen.
- 04
In jeder Sprache
Jeder Text existiert in allen Sprachen der Website. Die Basis ist Lettisch oder Englisch, und Übersetzungen lesen sich natürlich.
10 · Anwendungen
Druck und Merchandise
Formate, Schriften und Größen aus dem offiziellen Styleguide.
Visitenkarte90 × 50 mm · Poppins Bold 10 pt, Poppins Light 6,5 pt 
BriefbogenA4, 210 × 297 mm · Fußzeile Poppins Light 7 pt 
BriefumschlagC65 · Logo und Dreiecksmuster 
Mappe225 × 320 mm · außen und innen 
TasseRundumdruck mit dem Dreiecksmuster 
Druckvorlage TasseMuster und Logo auf Weiß 
T-ShirtBordeauxroter Grund, invertiertes Logo 
Kugelschreiber und BleistiftBordeaux, invertiertes Logo 
CapBordeaux, invertiertes vertikales Logo
E-Mail-Signatur
Name, Funktion, Telefon, E-Mail und das horizontale Logo. Kompakt, in den Markenschriften, ohne weitere Bilder.
11 · Downloads