Horizon Hero

Reveal Hero — Full-Bleed Video Hero Section

Give your homepage an opening moment that makes people stop scrolling. Reveal Hero is a fully responsive, no-code hero section for Framer — combining a full-bleed background video, a floating glass nav bar, and a bold two-tone headline into one polished, ready-to-publish component.

Designed to feel editorial, not templated

A rounded, full-bleed video canvas anchors the page, a pill-shaped nav bar floats above it, and a large right-aligned headline pairs a heavy display typeface with a soft body font for contrast — premium straight out of the box, and fully yours to restyle.

What's included

• Full-bleed video or image background — Drop in your own looping video and poster image. Falls back gracefully under reduced motion.

• Floating glass nav bar — An elevated pill nav with an animated underline on hover and active state, fully keyboard-accessible.

• Two-tone headline — Split your title into three parts so the middle word can carry its own accent color.

• Editable copy and CTA — Eyebrow text, body copy, and call-to-action (with link) are all property controls — no code needed.

• Responsive by default — Type and spacing scale down at tablet widths. Below 680px, the nav collapses into a built-in animated hamburger menu.

• One accent color, applied everywhere — Updates the nav underline, headline accent, and focus outlines together.

• Accessible — ARIA labeling, visible focus rings, and automatic video-disable under prefers-reduced-motion.

Fully customizable, zero code editing

Every text field, nav link, accent color, and background asset is controlled from Framer's property panel — just drop it in, swap your media, and adjust copy.

Ideal for

Agencies, studios, wellness and hospitality brands, boutique launches, portfolios, and any homepage that wants a strong, motion-forward first impression.