Lumo Portal Zoom
Lumo Portal Zoom

About Lumo Portal Zoom

A small rounded frame of image or video grows into a full-bleed backdrop as the page scrolls, while the headline fades away. A glass caption then slides in with counted-up stats and a call to action.

What you can change

  • Image / Video — The media; the image becomes the video's poster

  • Eyebrow / Title / Subtitle / Title font / Headline — The headline over the small frame

  • Start width — Width of the small frame as a share of the stage

  • Start radius — Corner radius of the small frame, in px

  • Scroll length — Viewport heights the story takes

  • Dim at end — How much the media darkens once full-bleed

  • Caption title / Caption text / Stats / CTA label / CTA link — The glass caption; stats count up from 0

  • Accent / Caption color — CTA colour and caption text colour

Good to know

  • Every option lives in the properties panel; no code needed.

  • Respects reduced motion: visitors who ask for less motion get a calm static version.

  • Responsive: no horizontal scroll at phone, tablet or desktop widths.

  • Installs from one link; its shared Hero Kit helpers come with it.

  • Licence: Framer's single-use commercial licence (one project).

From José Antonio Cid Montero

Lumo Shape Orchestra
Lumo Keyhole
Lumo Storyline
Lumo Milestones

Related Components

Chapters Timeline
Split FAQ Accordion
Animated Line
wire grid board