Process Section 02

About Process Section 02

Process Section 02 is a process block: four numbered step cards above a wide film. Each card carries a short method line. The panel holds a poster and an uploaded video. Play starts the file; tap again to pause. Offscreen and canvas/export stay still. Desk Dark is the default. Switch Original, Desk Light, or Custom, and preview them in demo mode. Built for studios, fitness brands, and product pages that need a clear sequence plus one proof clip.

Original theme keeps light cards and Inter

Desk Dark and Desk Light use Instrument Serif, Manrope, halo, and blue accent

Custom theme exposes background, card, text, muted, accent, and halo

Four editable step titles with progress dots and index

Poster image plus MP4 / WebM / MOV upload

Play overlay with title and duration, hides while playing

Video pauses offscreen and on the static renderer

Responsive grid: four columns desktop, two tablet, one under 640px

Use Cases

Sport and fitness brand websites

Studio and coaching landing pages

SaaS onboarding and how-it-works sections

Product launch and feature explainers

Creative agency process pages

Wellness and mobility program sites

Editorial brand films with a method stack

Portfolio case studies that open on process

Event and workshop recap pages

Service pages that need steps plus a demo reel

Keywords

process section framer, four step cards, video process block, poster and film panel, desk dark theme, instrument serif process, mobility training layout, fitness landing framer, how it works video, play overlay component, responsive process grid