Dieses Brandbook definiert, wie LH Virtual aussieht, klingt und auftritt — auf der Website, auf Social Media und überall dazwischen. Es verbindet die Designsprache von lufthansa.com mit der dunklen Nachtblau-Welt unserer Community.
LH Virtual ist die virtuelle Airline für Lufthansa-Enthusiasten — kostenlos, non-kommerziell, von der Community getragen. Wir sind so nah an der echten Lufthansa wie möglich, ohne je zu vergessen, dass wir ein Hobby sind.
Realismus.
Echte Flugpläne über die offizielle Lufthansa-API, echte Flottenzahlen, echte Prozeduren. Wer bei uns fliegt, fliegt wie das Original.
Zugänglichkeit.
Kein Druck, keine Hürden. Vom Casual-Piloten bis zum Hardcore-Simmer hat jeder seinen Platz — und Real Life geht immer vor.
Gemeinschaft.
Events, Group Flights, Discord. Wir fliegen zusammen — das ist der Unterschied zwischen einer VA und einem Logbuch.
Wir schreiben wie eine Premium-Airline, die zwinkert: klar, souverän, warm. Kurze Sätze. Aktive Verben. Luftfahrt-Vokabular ist willkommen („Pushback", „Final", „OFP"), Insider-Gatekeeping nicht. Auf Deutsch duzen wir, auf Englisch sind wir „you" — nie steif, nie albern.
Zwei Register. Das oben gilt für Headlines auf den Grafiken und für Texte auf der Website. Social-Captions sitzen näher dran und lauter — Emoji gehören dazu, Versalien für den großen Moment, direkte Fragen an die Community. Unsere Pilotinnen und Piloten sind die Helden: Ihre Screenshots werden mit Dank geteilt, nicht präsentiert. Verbindliche Referenz sind die captionExamples in design-tokens/lh.json — echte Captions, keine erfundenen.
Unser Logo kombiniert den Kranich-Ring mit der Wortmarke „LH VIRTUAL" in Versalien (Lufthansa Head Bold) — seit dem Redesign 2026 durchgehend großgeschrieben. Es existiert in drei Farbvarianten, einer quadratischen Avatar-Form und der Jubiläumsmarke „100 Years".
Say yes to the world
Der Schutzraum entspricht der Höhe des Kranich-Rings (X) auf allen vier Seiten. Innerhalb dieses Raums stehen keine Texte, Logos oder Bildkanten. Mindestbreite: 120 px digital, 30 mm im Druck. Darunter nur den Kranich-Ring allein verwenden.
Die Palette ist bewusst schmal: Navy als Fundament, ein tiefer Nacht-Verlauf für die Social-Welt, Gelb ausschließlich als Akzent. Wenn alles gelb ist, ist nichts mehr wichtig.
Ohne diese Ebene wird Gelb zum Lückenfüller: Alles, was auffallen soll, ohne Headline zu sein, landet sonst zwangsläufig im Akzent. Die Werte sind 1:1 aus dem Lufthansa-System übernommen (MAUI, lufthansa.com).
Gelb markiert die Primäraktion. Was klickbar ist, aber nicht die Aktion, wird blau (#52627C). Was nur zählt oder gliedert, wird Navy oder neutral. Das ist die Regel, an der es sich entscheidet — nicht die Prozentzahl. Fünfzehn winzige gelbe Dinge sind zwei Prozent Fläche und trotzdem fünfzehn Blickfänge. Lufthansa bindet Gelb im eigenen Design-System an genau eine Semantik (interaction-buttonprimary): Die Startseite von lufthansa.com trägt ein einziges gelbes Element, die Allegris-Kampagnenseite keines.
| Gelb darf | Gelb darf nicht |
|---|---|
| Primär-Button (CTA) | Fokusring |
| Kategorie-Chip / Tag | Hover-Farbe für Links & Navigation |
| Signatur-Strich oder Kapitelmarker — einer pro Ansicht | Wiederholte Ordnungszahlen: Listennummern, Schritt-Kreise |
| Fortschritt & Live-Marker | Rahmen, Trennlinien, aktive Zustände |
| Als Tint #FFFEDC für Hinweisflächen | Fließtext oder große Flächen |
Signatur der Social-Media-Welt und dunkler Website-Sektionen: linear-gradient(178°, #0A226B → #071A55 46% → #041034). Immer von oben nach unten dunkler werdend — wie Reiseflughöhe bei Sonnenuntergang.
Faustwert für den zweiten Blick, nachdem die Rollenfrage geklärt ist. Auf Gelb steht immer Deep Blue (#05164D), nie Weiß — Kontrast 9,1:1 vs. 1,9:1 (gemessen).
Lufthansa Head für alles Laute, Lufthansa Text für alles Lesbare. Fallback, wo die Fonts nicht verfügbar sind (z. B. Systemschrift in E-Mails): Segoe UI / Arial.
LH Virtual kombiniert echte Flugpläne über die offizielle Lufthansa-API mit automatischem PIREP-Grading, SimBrief-Integration und einer Community, die jeden Tag zusammen fliegt. Bold nur für Betonung einzelner Begriffe.
| Ebene | Schnitt | Größe (Web) | Besonderheit |
|---|---|---|---|
| H1 / Hero | Head Bold | 48–68 px | Letter-spacing −2 %, ein Wort in Gelb erlaubt |
| H2 / Sektion | Head Bold | 30–44 px | endet mit Punkt. Immer. |
| Eyebrow | Head Bold | 13 px, +28 % LS | Versalien, gelbe 34-px-Linie davor |
| Body | Text Regular | 15–18 px | Zeilenhöhe 1,65, max. ~70 Zeichen |
| Caption/Meta | Text Regular | 12–14 px | Muted-Farben, nie reines Grau auf Navy |
Wenige, wiedererkennbare Bausteine — konsequent eingesetzt statt jedes Mal neu erfunden.
Die gelbe Linie unterstreicht das wichtigste Wort oder markiert Kategorien (bekannt vom VA-NEWS-Banner). Stärke: ~8 % der Versalhöhe, Länge: nie breiter als das Wort.
Gelbes Label mit Deep-Blue-Versalien für Inhaltstypen auf Karten und Social Posts:
Der Balken ist gesetzt. Das zweite Gelb ist das, was den Blick führen soll — was übrig bleibt, steht als weißes Eyebrow in Versalien. Deshalb unterscheiden sich die Vorlagen bewusst:
| Fläche | Gelb 1 | Gelb 2 (führt) | In Weiß |
|---|---|---|---|
| Social Lower Third (Kap. 07) | Balken | Kategorie | Headline — kein CTA im Bild |
| Focus Airport „Horizon" (Kap. 08) | Balken | {ICAO}-Chip | Eyebrow „FOCUS AIRPORT", {CITY} |
| Website-Hero | Balken | CTA | Kategorie als Eyebrow, Headline |
Das weiße Logo mit 4–8 % Deckkraft, groß angeschnitten am Bildrand — verleiht dunklen Flächen Tiefe, ohne zu stören. Nie über Gesichtern oder Flugzeug-Bemalungen platzieren.
Verlauf von rgba(4,16,52,0) zu rgba(4,16,52,.92) über dem unteren Bilddrittel. Macht jeden Screenshot text-tauglich und ersetzt den harten Streifen der alten Universal.psd.
Unsere Bilder kommen aus dem Simulator — aber sie sollen aussehen wie von der Besucherterrasse fotografiert.
Focus-Airport-Grafiken erzeugt der Event-Generator automatisch. Verbindliches Design ist „Horizon" (Stand Juli 2026) — dazu kommt ein Monats-Cover als Deckblatt, das jeder Monatsserie vorangestellt wird.
| Variable | Beispiel | Regel |
|---|---|---|
| {CITY} | TENERIFE | Versalien, gefüllt Weiß. Schriftgröße dynamisch verkleinern, bis Breite ≤ Canvas − 2×Rand (wichtig: „BENGALURU") |
| {ICAO} | GCTS | 4 Zeichen, Versalien, zentriert auf dem Chip |
| {MONTH} {YEAR} | JULY 2026 | englisch, Versalien — auf dem Cover als Chip-Text |
| {PHOTO} | — | min. 2400 px Breite, Motiv-Fokus mittig (überlebt 3:2- und 4:5-Crop), keine Logos/Personen prominent |
Export: PNG, sRGB. Canvas: Event-Banner 1800×1200 px (3:2) und Instagram 1080×1350 px (4:5). Foto immer Cover-Fit, Fokuspunkt zentriert.
Foto bleibt der Held, ein Night-Scrim von unten macht jede Vorlage text-tauglich. Der Stadtname steht gefüllt in Weiß, der ICAO-Code zentriert auf dem gelben Chip. Unten rechts liegt das Kranich-Wasserzeichen (Grafikelement 3) groß angeschnitten — das LHV-Logo entfällt auf dieser Vorlage komplett.
| Ebene | 4:5 (1080×1350) | 3:2 (1800×1200) | Spezifikation |
|---|---|---|---|
| Scrim | volle Fläche | linear 180°: transparent bis 42 %, rgba(4,16,52,.55) @ 72 %, rgba(4,16,52,.95) @ 100 % | |
| Kranich-Wasserzeichen | unten rechts, angeschnitten | Asset LHV_Kranich.png (Weiß). Höhe = 68 % der Bildhöhe, Deckkraft 6 %. Position: x = W − 0,55·LogoBreite, y = H − 0,55·LogoHöhe → je ~45 % laufen rechts/unten aus dem Bild. Ebene liegt ÜBER dem Scrim, UNTER den Texten. Nie über Gesichtern oder Flugzeug-Bemalungen. | |
| Gelber Balken | x72 y72, 180×18 | x84 y84, 200×20 | #FFAD00 |
| Eyebrow „FOCUS AIRPORT" | x72 y112 | x84 y128 | Head Bold 40/44 px, Versalien, LS +26 %, Weiß |
| {ICAO}-Chip | x72, Unterkante y1128 | x84, Unterkante y1000 | Head Bold 48 px Deep Blue auf #FFAD00, Padding 10×22, Radius 6, Text horizontal & vertikal zentriert |
| {MONTH} {YEAR} | rechts neben Chip, +24 px | dito | Head Bold 30 px, Weiß 75 %, LS +20 % |
| {CITY} | x64, Baseline y1268 | x76, Baseline y1116 | Head Bold max 170/200 px, gefüllt Weiß (keine Outline), Versalien, Auto-Fit |
FOCUS_AIRPORT = {
"brand": "lhv", "design": "horizon",
"colors": { "accent": "#FFAD00", "on_accent": "#05164D", "scrim_base": [4, 16, 52], "text": "#FFFFFF" },
"fonts": { "head": "LufthansaHead-Bold" },
"canvas": { "feed": [1080, 1350], "banner": [1800, 1200] },
"layers": [
{ "id": "photo", "fit": "cover", "min_width": 2400, "focus": "center" },
{ "id": "scrim", "gradient": [[0.42, 0], [0.72, 0.55], [1.0, 0.95]] }, # transparent -> rgba(scrim_base, a)
{ "id": "wm_crane","asset": "LHV_Kranich.png", "height_pct": 0.68, "alpha": 0.07,
"x": "W - 0.55*w", "y": "H - 0.55*h" },
{ "id": "bar", "feed": [72, 72, 180, 18], "banner": [84, 84, 200, 20], "fill": "accent" },
{ "id": "eyebrow", "text": "FOCUS AIRPORT", "feed": [72, 112], "banner": [84, 128],
"size": [40, 44], "tracking": 0.26, "fill": "#FFFFFF" },
{ "id": "chip", "text": "{ICAO}", "feed_bottom": [72, 1128], "banner_bottom": [84, 1000],
"size": 48, "pad": [10, 22], "radius": 6, "fill": "accent", "color": "on_accent" },
{ "id": "month", "text": "{MONTH} {YEAR}", "pos": "right_of_chip+24", "size": 30,
"fill": "rgba(255,255,255,.75)", "tracking": 0.20 },
{ "id": "city", "text": "{CITY}", "feed_baseline": [64, 1268], "banner_baseline": [76, 1116],
"max_size": [170, 200], "fill": "#FFFFFF", "autofit": "width <= W - 2*margin" }
],
"export": { "format": "png", "colorspace": "sRGB" }
}target_h = int(image.height * 0.68) # 68 % der Bildhöhe
scale = target_h / logo.height
logo = logo.resize((int(logo.width * scale), target_h), Image.Resampling.LANCZOS)
alpha = logo.getchannel("A").point(lambda a: int(a * 0.06)) # 6 % Deckkraft
logo.putalpha(alpha)
x = image.width - int(logo.width * 0.55) # ~45 % laufen rechts aus dem Bild
y = image.height - int(logo.height * 0.55) # ~45 % laufen unten aus dem Bild
image.alpha_composite(logo, (x, y))Auf 1800×1200 ergibt das: Logo-Höhe 816 px, x ≈ 1450 px, y ≈ 750 px (je nach Logo-Breite). Asset: ../logos/LHV_Kranich.png — der freigestellte weiße Kranich-Ring ohne Wortmarke.
Vor den einzelnen Focus Airports wird pro Monat ein Cover gepostet — Layout und Hintergrund direkt aus der Template_Posting.psd übernommen: „FOCUS" horizontal oben links, „AIRPORTS" vertikal darunter als Eyecatcher (aufrecht gestapelte Buchstaben in Head Light), der Monat unten rechts — jetzt auf dem gelben Chip in ICAO-Chip-Bauart, größer und mit Innenabstand. Das LHV-Logo entfällt, stattdessen Kranich-Wasserzeichen; der Swipe-Hinweis bleibt.
| Ebene | Position (1080×1350) | Spezifikation |
|---|---|---|
| Hintergrund | volle Fläche | Festes Markenmotiv ../social-templates/cover-bg.jpg (aus der PSD extrahiert: Navy-Verlauf, Weltkarte, Map-Pins, gestrichelter Orbit). Kein Foto, kein zusätzlicher Scrim — der Generator tauscht nur den Monatstext. |
| Kranich-Wasserzeichen | unten rechts, angeschnitten | identisch Horizon: 68 % Bildhöhe, 6 % Deckkraft, 45/45 aus dem Bild laufend |
| „FOCUS" | x62, Oberkante y109, Versalhöhe 131 px | Head Bold, gefüllt Weiß, Versalien (Original-Bbox bis x664) |
| „AIRPORTS" | Spalte x401–469, y291–1058 | Head Light, Weiß, Buchstaben aufrecht vertikal gestapelt, gleichmäßiger Abstand ≈ 96 px pro Buchstabe — beginnt immer unter „FOCUS", in jedem Format inklusive 1:1 |
| {MON}{YY}-Chip | rechte Chip-Kante x1053, Chip-Unterkante y1161 | Text z. B. „DEC26": Head Bold ~100 px Deep Blue, zentriert auf #FFAD00, Innenabstand 32 px rundum, Radius 12 (Text-Bereich original x548–1021, y1020–1129) |
| Swipe-Hinweis | (915, 1239) – (1041, 1301) | „Swipe" Head Bold 30 px + Doppel-Chevron „»" 56 px, Weiß — nur auf dem Cover, nicht auf den Airport-Grafiken |
| LHV-Logo | x72, Unterkante y1278 (H−72) | Weißes Logo, Höhe 48 px — Standard-Absender unten links (nur auf dem Cover; die Airport-Grafiken tragen nur den Kranich) |
1:1-Ableitung: gleiche Datei, mittiger 1080×1080-Crop — FOCUS/AIRPORTS und Chip liegen innerhalb des Crops, Positionen um den Höhenversatz (−135 px) verschieben.
Animiert? Dasselbe Horizon-Layout trägt das Reel — reel.html im Focus-Airport-Karussell blättert alle Flughäfen des Monats in ein animiertes Story/Reel und exportiert ein .webm. Motion-Timeline: Kapitel 07.
LH Virtual ist ein non-kommerzielles Fan- und Community-Projekt und steht in keiner Verbindung zur Deutschen Lufthansa AG.
© 2026 LH-Virtual.com · Brandbook v1.5 · Fragen an das PR-Team im Discord.
Ein Overlay. Jede Plattform.
Der Nachfolger der Universal.psd: statt eines starren Streifens unten links ein modulares Lower-Third-System — Scrim, gelbe Linie, Kategorie, Headline, Logo. Es skaliert über alle Formate und bleibt in den Safe Zones von Instagram & Facebook.
Aufbau des Lower Third (von unten nach oben)
Safe Zones (Stand 2026)
Motion — animiertes Story/Reel-Overlay
Dasselbe Lower Third, aber getaktet. Die Elemente steigen von unten ein, die gelbe Bar wischt von links auf (unsere Signature-Geste), alles hält, dann läuft es weich aus — so kann das Overlay in Story oder Reel auf einem Videoclip liegen. Die Loop-Vorschau links spielt exakt die Timeline aus der Tabelle.
Referenz: 30 fps, Slide-Länge 6 s (einstellbar). Jedes Element hat bewusst einen eigenen Effekt — so wirkt der Aufbau bespoke statt automatisch erzeugt. Die Timeline ist einmal als Anteile der Slide-Länge definiert — ein längerer Slide dehnt jeden Keyframe proportional. Bei „reduzierte Bewegung" wird der fertig aufgebaute Frame ohne Animation gezeigt.
Reel-Baukasten — reel.html
social-templates/reel.html rendert diese Timeline pixelgenau auf einem 1080×1920-Canvas und exportiert per Klick ein .webm (ohne Extra-Software). Zwei Modi: