skip to content
JS John Sosoka

Beyond — Layout Alternatives

Four distinct layout directions for the Beyond landing page. Each variation uses the same destinations, different structure. Real width, real theme — pick what works.

Editorial Feature

One full-width hero card with stronger gradient and larger type leads the eye, then a tighter two-column grid carries the rest. Magazine pull.

EP · Through Time's Eyes

Electronic production and original compositions, recorded late at night.

Open

Still Building

Calm List

Single-column rows with hairline dividers. Icon, title, tagline, and a directional arrow. Blog-like and easy to scan without visual noise.

Index Tiles

Quieter, more compact two-column tiles: icon on top, title, short tagline. No detail labels, reduced padding — denser than the production version but not cluttered.

Still Building

Sectioned Clusters

Destinations grouped under small section headers — Make, Collect, Personal — to surface intent at a glance. Adds one level of narrative structure above the cards.

Make
Collect
Personal
Still Building