INSTALLATIONS

Split Layout Example

This template showcases split-column layouts using the split-hero-metadata and split-bandcamp-metadata modules. These specialized modules display content and metadata side-by-side in a responsive two-column layout, perfect for releases and installations that need a more compact, magazine-style presentation. The layout automatically adapts to single-column on mobile devices.

About the Installation

This example demonstrates the new split layout pattern where the hero content appears alongside metadata in a two-column layout.

The layout is fully responsive:

  • Desktop (>900px): Two columns with 2:1 ratio (hero content takes 2/3, metadata takes 1/3)
  • Mobile (≤900px): Stacks to single column for optimal viewing

After the split section, you can continue with full-width modules as usual. This gives you complete flexibility in how you present your work.

Split Layout Example
Split Layout Example
Split Layout Example

Documentation video of the installation

The split layout perfectly balances visual impact with essential project information.

— Art Curator, Museum of Contemporary Art