Luma

• A light gallery wall, not a dark theater — Luma inverts the AI-tool cliché. The page is white and the media is dark, so every clip and render reads as a lit object on a neutral surface rather than camouflage against a black void.
• Two voices, one page — a workhorse grotesque carries every functional word (nav, body, labels) while a single editorial serif is reserved for the moments that want to feel authored. The serif is the only place the page raises its voice.
• Media is the hero, chrome is the frame — almost no color lives in the UI itself. The palette is monochrome on purpose so that nothing competes with the saturation inside the video tiles.
• Generous architectural rhythm — the vertical spacing leaps in large, confident intervals, giving each media section room to breathe like exhibits spaced down a corridor rather than a dense feed.
• Soft, photographic elevation — cards lift with gentle large-radius corners and a quiet diffuse shadow, echoing the way the product images themselves feel lit and floated rather than hard-edged.
• Restraint as a flex — the entire surface is black, white, and four greys. For a company selling infinite generative color, choosing none in the chrome is the confidence move.

• How a light shell can make dark, cinematic content feel more premium, not less — the inversion most AI-media sites get backwards. Steal the framing logic: neutral container, saturated cargo.
• The discipline of a single editorial serif against a single grotesque — Luma earns a 'designed' feel with exactly two families and never a third. Learn where the serif is allowed to appear and, more importantly, where it isn't.
• Large-interval vertical rhythm as pacing — the way big spacing jumps turn a long landing into a walk through distinct rooms rather than an endless scroll. It's a layout-as-curation lesson.
• Monochrome chrome around polychrome media — how removing all color from the UI is what lets generative output look its most vivid. Contrast by subtraction.

• Don't assume an AI-media product must be dark-themed — Luma proves the opposite often reads richer. Copying a black landing 'because that's what AI tools do' is the mistake this page was built to refute.
• Don't let the editorial serif leak into functional UI — its power comes from scarcity. The moment it labels a button or a form field, the page loses the gallery hush that makes it work.
• Don't fill the chrome with brand color to 'feel more AI' — the monochrome restraint is load-bearing. Any accent you add competes directly with the media you're trying to showcase.

The page feels like a well-lit gallery for moving images — bright, quiet, and deferential. Its authority comes from what it withholds: no gradients in the chrome, no accent color, no second voice beyond a single serif used like a wall label. The dark cinematic media floats on white as if spotlit, and the typography never raises its volume above a curator's murmur. You leave remembering the work on the walls, not the walls — which is exactly the point for a company whose product is the spectacle.

• Sits in the generative-media vanguard alongside Runway and Pika — text/image-to-video peers where the landing page's whole job is to make synthetic footage feel like real cinema, and Luma is the one that does it on a light canvas.
• Shares DNA with the 3D/neural-capture cohort (Polycam, Spline, Kaedim) — products that sell spatial, volumetric output and must teach a flat web page to imply depth without faking it.
• Belongs to the editorial-serif-meets-grotesque renaissance running through Vercel, Linear's quieter cousins, and the agency-portfolio world — landings that buy a 'designed' feeling with one expressive display face and otherwise ruthless neutrality.