Layout
Composition principles
Use a responsive section structure, clear visual hierarchy, stable media proportions, and consistent spacing across mobile and desktop.
Material 3 / Published Template
Lumina
An immersive video landing experience with a sculpted liquid-glass footer and a luminous, premium visual identity.
Classification
Categories
Styles
Industries
Technologies
Checking Prompt access...
Interaction
Behavior and access
Keep motion smooth and purposeful, preserve readable contrast and focus states, and avoid layout shifts while animated media loads.
Implementation
Engineering boundaries
React, TypeScript, Tailwind CSS, responsive WebP media, and accessible interaction states.
Continue reading
Related templates
xPortfolio Hero-Brandly
A full-screen Brandly portfolio hero that layers agency positioning, bold visual identity, and direct navigation over cinematic media.
Zenith Footer
A full-screen video landing composition with a highly styled footer that closes the experience through strong hierarchy and brand presence.
Vize Footer
A polished responsive footer that brings navigation, social links, brand identity, and closing calls to action into one coherent section.