Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark promotional strip tops a compact navigation row. A misty gray-blue cinematic image of a long elevated structure fills the hero. Centered over it are a white italic serif product name, sans descriptor, short explanation and a broad rounded translucent-looking outlined prompt/action capsule with upload icon and dark Generate Video action. No generated result is visible.
- Type
- Centered italic serif product name contrasts with clean sans subtitle/body and compact pale utility labels; exact fonts unknown.
- Color and surface
- Black top strip, dark gray-blue misty image, white type, translucent-looking outlined prompt and black action.
- Components
- Promotional strip, primary navigation, centered product proposition/support, long prompt field and generation action.
What makes it work
- Muted cinematic full-field image
- Centered high-contrast italic serif identity with smaller sans explanation
- Broad rounded translucent-looking outlined input/action capsule with distinct action
- Compact navigation above the hero
On a new subjectFor a public career-training service, place a high-contrast italic serif program name and sans explanation over a documentary workshop scene, with a broad rounded translucent-looking outlined input/action capsule for describing a learning goal. Replace AI-video claims and assets; do not imply a result.
Measured
Fonts loadedInter
H116px / 400
Body text16px
Page background#000000
Text color#f9fbfc
Page height8,985px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Dark full-screen cinematic footage with a central white italic serif identity above a plain sans product descriptor. Small centered gray-white prose sits above a very wide translucent rounded input capsule containing upload control, clipped example text and a solid black action. Transparent navigation overlays the scene, while a dense black promotional strip with rounded badges and white action sits above it. The hero fades toward black at the bottom. A following black section uses centered sans headings, capsule selectors and a large rounded example image/media region.
- Responsive
- Italic title changes60px/70.8px desktop to52px/61.36px tablet and40px/47.2px phone. Sans descriptor changes28px to24px then20px. Narrow header replaces its link row with compact language, Sign Up and menu controls; promotional content wraps into a compact two-row band on phone. The input capsule remains a single horizontal row and its example text becomes heavily clipped, while the action remains legible. Full-viewport IMG/VIDEO bounds follow1440x1000,768x1024 and390x844; narrower states show different shots rather than a controlled same-frame crop.
- Scroll
- Actual scrollY750 retains the promotional strip and dark header at the top, while the hero bottom fades into black. A centered40px/48px section heading, muted description and three capsule category controls appear, with the center capsule white in the saved frame and a large rounded media panel below. No tab click or media generation was tested; the active-category state cannot be attributed to user input.
