• Components
  • Palettes
Components
Section
Media

Media

Dynamic layouts combining content and media for compelling visual storytelling

Media Split 01

Split layout with media on left and content on right. Full-bleed 50vw image with animated content section.

Media Split 02

Split layout with content on left and media on right. Full-height 50vw image on desktop.

Media Split 03

Full bleed layout with edge-to-edge background image and centered content overlay.

Media Split 04

Full bleed layout with background image and left-aligned content with asymmetric design.

Media Split 05

Split layout with content section on left and full-height media on right. Includes background accent color.

Media Split 06

Split layout with full-height media on left and content section on right. Includes background accent color.

Media Split 07

Two-column layout with content on left and media on right. Animated elements with grid structure.

Media Split 08

Two-column layout with media on left and content on right. Animated elements with grid structure.

Media Stack 01

Vertical layout with content on top and large full-width media image below.

DocumentationComponentsExamplesGitHub
Privacy PolicyTerms of Service

© 2025 Lantern Systems, Inc.