Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
Light-Leak Cinematic Frame is a self-contained HTML design template for producing a single cinematic frame — the kind of opening title or chapter card seen in documentaries, personal short films, and video intros. It solves the problem of giving generated content a warm, classic film look without any video-editing software: everything is built from CSS, SVG, and optional inline canvas so the result is a single HTML file you can double-click open. The visual signature is warm orange light leaks, 35mm film grain, letterbox framing, and large serif typography.
The template specifies a concrete recipe: a 2.39:1 letterbox canvas (1920x800 with black bars) or 16:9 (1920x1080); a deep warm base color layered with two or three radial-gradient light leaks in orange/peach/rose tones plus an SVG turbulence noise grain layer at low opacity with overlay blend mode; and large italic serif display text (Source Serif Pro, Playfair Display, or EB Garamond) with a subtitle, corner caption, and bottom timecode metadata. Optional extras include film scratches, sprocket-hole details, and a subtle underexposed-to-normal entrance animation that respects prefers-reduced-motion. Strict design rules cap the palette at four hues and forbid cold-blue leaks, emoji, neon, and dashboard decorations.
The intended users are designers, content creators, and anyone using an AI agent to turn a title and content into a stylized cinematic still. It is well suited to chapter cards, reel intros, and title frames. It is a presentational template only — it renders visuals from user-supplied text and does not process data or call external services.
A single self-contained HTML file rendering a cinematic frame with film light leaks, 35mm grain, letterbox framing, and large serif type — usable as a title card, chapter card, or short-film opening.
No. The design is built entirely from CSS gradients, SVG turbulence noise, and typography. External linked images are explicitly forbidden, and no API keys are needed.
It recommends 2.39:1 letterbox (1920x800 with black bars) or standard 16:9 (1920x1080).
Yes. The palette is capped at four hues, cold-blue light leaks are prohibited to preserve the film feel, and emoji, neon colors, and geometric dashboard decorations are disallowed. Motion respects prefers-reduced-motion.
No. It requires the user's real title and content; lorem ipsum and placeholder images are to be avoided, though it may estimate reasonable year/chapter/location metadata from the provided content.
Quick Setup:
.claude/skills/Repository
nexu-io/open-design