component
Process Section 02
By Ahmet Loca

Details
- Ahmet LocaAuthor
- componentType
- $8.00Price
- 2026-09-13Published
- 2026-09-13Updated
- 2026-09-13Added
- SectionsCategories
Summary
Process Section 02 is a process block: four numbered step cards above a wide film.
Description
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
Introduction
Four steps, then a process film
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2331