Über diese Vorlage
LTX Video zeigt einen Weg, die Komposition (Landingpage) für dieses Publikum zu bauen. Gedacht ist sie für ein KI- oder SaaS-Produkt, und die Anweisungen dazu sind veröffentlicht. Die Zeile lautet „The world model“, und der Rest des Eintrags Landingpage ordnet sich darum. Das Farbschema ist gedämpftes rot #FFD7E6 darunter, tiefes blau #0B1A26 für die Schrift und petrol #7FE3FF für die Akzente, und die Seite ist in Manrope gesetzt. Geliefert wird eine eigenständige HTML-Datei, erfasst bei 1920x1400, damit der Rahmen feststeht, bevor die erste Zeile Code entsteht. Das Bewegungsbudget umfasst Übergänge von 420ms, cubic-bezier(0.22, 1, 0.36, 1) und eine Videospur in Schleife. Lass es beim Schreiben offen: Die 21.298 Zeichen Briefing sind der Teil, der sich auf deine Seite überträgt.
Gemacht für
- Dieses Landingpage-Design richtet sich an Teams, die eine eigenständige HTML-Datei gegenüber jemandem rechtfertigen müssen, der nicht im Kickoff saß.
- Externe Teams, die ein Landingpage-Design übernehmen und ein Breakpoint bei 700px im Repository festhalten müssen, bevor der erste Commit läuft.
- Produktmarketer, die brauchen, dass die Komposition (Landingpage) auch mit 7,8s Video in Schleife hinter dem Text lesbar bleibt.
Was enthalten ist
- Links vor der Aktion. Die Zeile setzt ihren Kontrast an genau einer Stelle: die Aktion in #7FE3FF, während Wortmarke und Links auf der Textfarbe zurücktreten. Unter 700px klappen die Links zu einem bildschirmfüllenden Overlay zusammen. Unter 700px klappen die Links ein, statt in eine zweite Zeile umzubrechen.
- Medien hinter der Schrift. Das Video über 1920x1400 läuft 7,8s in Schleife hinter dem Text, stumm und inline, ohne Tönungsebene dazwischen. Exportiere in 1920x1400 oder breiter, dann funktioniert der Zuschnitt auf volle Abdeckung weiter.
- Die Skala fällt steil ab. Die Größenstufen und Laufweiten im Briefing geben den Ton vor: Manrope in enger Display-Größe, danach ein klarer Absturz zum Begleittext. Die Laufweite wird enger, je größer die Schrift wird, deshalb hält die Display-Zeile über 18–23px zusammen. Setze die Display-Zeile zuletzt.
- Obere Zeile, eine Aktion. Die Labels passen bei 700px in eine Zeile, und der aktive Eintrag ist über das Schriftgewicht markiert, nicht über eine Pille.
Bewegung & Interaktion
Die Schleife übernimmt die Grundbewegung
Ein einziger Clip von 7,8s ist die ganze Hintergrundebene: Er läuft hinter dem Text, schleift ohne sichtbaren Schnitt und reagiert nie auf den Zeiger. Der Clip ist stumm und inline, das erste Bild ist also ohne Interaktion verfügbar.
Sektionen kommen beim Scrollen
Parallax ist das einzige Scroll-Verhalten der Seite, der Effekt hat damit einen festen Platz in der Komposition. Die Komposition hängt nicht davon ab, dass der Effekt ausgelöst wird; schnelles Vorbeiscrollen kostet nichts. Behalte ein Scroll-Verhalten, nicht drei.
Wie LTX Video den ersten Blick ordnet
Die Aufmerksamkeit wird gelenkt, nicht verstreut. „The world model“ leistet diese Arbeit ab dem ersten Frame. Das Auge landet zuerst auf der Display-Zeile, dann auf der Stützzeile, dann auf der Aktion. Belege bleiben, wo sie auftauchen, ein Streifen oder eine Zeile statt einer Wand aus Testimonials. Diese Abfolge ist das Design. Ein Leser im Bereich SaaS bekommt das Angebot vor den Optionen.
Das Argument des Eintrags Landingpage
Ein Screen bedeutet eine Entscheidung für den Leser, und das ist der Preis dieses Layouts: Alles andere rutscht unter den Fold. Im Briefing stehen Schrift von 18px bis 23px, 100vh hohe Sektionen, ein 5-Spalten-Raster, Abstände in 48px-Schritten und 420ms Übergänge, damit die unteren Sektionen denselben Rhythmus behalten. Es gibt einem Leser im Bereich SaaS den kürzesten ehrlichen Weg zum Angebot.
Wie der Eintrag Landingpage umbricht
Ein entworfenes schmales Layout kostet mehr Entscheidungen als eine Quetschung. Das Briefing bezahlt sie: die Schrift ist zwischen 18px und 23px begrenzt, das Layout wechselt bei 700px und der Bereich wird auf 100vh gehalten, genannt und nicht erst zur Build-Zeit entdeckt. Die Breite ändert die Maße, nicht den Lesepfad.
Häufige Fragen
Warum nennt der Eintrag eine eigenständige HTML-Datei überhaupt?
LTX Video wurde in eine eigenständige HTML-Datei gebaut, und der Eintrag nennt das, um die Herkunft zu belegen. Das Briefing beschreibt Positionen, Größen und Zeitwerte, also lässt sich die Seite in jedem Framework nachbauen, das Schrift setzen und Elemente platzieren kann.
Ist der Prompt zu LTX Video eine fertige Spezifikation oder ein Ausgangspunkt?
Das Briefing beschreibt den Bau, nicht die Stimmung: Es nennt die Komposition bei 1920x1400, die Abstände und die Bewegungswerte. Das gerenderte Bild dient darin an keiner Stelle als verbindliche Grundlage.
Woher stammt das Design von LTX Video?
Das Briefing ist eine Beschreibung, keine Lizenz zur Weitergabe fremder Dateien. Behalte Struktur und Zahlen, ersetze Medien und Markenzeichen, und nenne die Quelle, wenn ein Kunde fragt, woher das Layout stammt. Die Referenz wurde mit 1920x1400 erfasst.
