About this template
Before rebuilding a landing page for an AI or SaaS product, read LTX Video: the composition and the specification behind it are both here. It leads with “The world model” and gives that line the frame rather than shrinking it into a card. The colour scheme is muted red #FFD7E6 underneath, deep blue #0B1A26 for the type and teal #7FE3FF carrying the accents, and the page is set in Manrope. Delivery is one self-contained HTML file, captured at 1920x1400 so the frame is fixed before any code is written. Motion is confined to 420ms transitions, cubic-bezier(0.22, 1, 0.36, 1) and a looping video bed. Keep it open while you write: the 21,298-character brief is the part that transfers to your own page.
Designed for
- Made for studios that have to explain 700px behaviour to a client without building a prototype first.
- Product marketers who need the landing page to still read with 7.8s of looping video behind the copy.
- Made for content leads rewriting a landing page whose headline has to stay as long as LTX Video's.
What's included
- Navigation without a background. The bar is the quietest part of the composition: wordmark, a short row of links and one #7FE3FF action, all held at the smallest type step in the brief. Below 700px the links collapse instead of wrapping onto a second line.
- The poster frame matters. One muted, looping clip fills the frame at 1920x1400 and 7.8s, set to cover with the copy stacked above it. The brief keeps overlays off the video so nothing greys it out. The loop is short enough (7.8s) that the eye reads it as texture rather than as a timeline.
- Two faces, clear jobs. The size steps and tracking in the brief are what give this its tone: Manrope at a tight display size, then a clear drop to the supporting copy. Tracking tightens as the size grows, which is why the display line holds together across 18–23px. The scale is quoted; use it.
- One row, no drawers. Labels are short enough to fit one line at 700px, and the active item is marked with weight rather than with a pill.
Motion & interaction
It respects reduced-motion
The motion layer has an off switch. Under prefers-reduced-motion, the entrance and the loop is dropped and everything else stays where it is. Interaction feedback still works under reduced motion; only the entrances are dropped. Test the page with motion disabled.
Ambient motion without a scroll library
Ambient movement is one 7.8s clip at 1920x1400, looping quietly behind the copy rather than reacting to the pointer. Nothing else on the page animates continuously, so the media is the only thing asking for attention.
The order behind the landing page
The page has a deliberate order. Navigation establishes the product and gives a returning visitor a familiar way around. The headline takes the display size, the supporting line explains the offer, and the teal #7FE3FF accent marks the primary action, so the next step is never in question. Nothing else competes: there is no card grid before the first decision, which is what keeps the landing page from feeling heavy in SaaS work. A SaaS reader gets the offer before the options.
Why this composition works for SaaS
Count the decisions in this landing page and they trace back to one document: 21,298 characters naming the frame at 1920x1400, the type and the rhythm. LTX Video states the offer once and lets the composition repeat it rather than adding a second claim.
How the landing page reflows
If your breakpoints were chosen to make things fit rather than to change the layout, read this entry. the type is clamped between 18px and 23px, the layout shifts at 700px and the section is held at 100vh rather than a list of hidden elements. The order is the last thing to change.
Frequently asked questions
Why does the entry name one self-contained HTML file at all?
LTX Video was built in one self-contained HTML file, and the entry says so for provenance. The brief describes positions, sizes and timings, so it rebuilds in any framework that can set type and place elements.
Is the LTX Video prompt a finished spec or a starting point?
It is a build brief rather than a mood description: it names the composition at 1920x1400, the spacing and the motion values. Nothing in it treats the rendered image as the source of truth.
Can I ship a page rebuilt from LTX Video without crediting it?
The brief is a description, not a licence to redistribute someone else's assets. Keep the structure and the numbers, replace the media and the brand marks, and credit the source if a client asks where the layout came from. The reference was captured at 1920x1400.
