Split-pane exploration interface with 2x2 grid

Summary

A web interface split into a dark left hero section and a bright right-side 2x2 grid of colorful navigation cards labeled Explore, Stories, About, and Help.

Visual description

The left side features a nearly black background with a large centered headline in white sans-serif ("It's never too late to try something new"), supporting body text, and a "Book Now" button with white outline. Decorative abstract elements include a blue circle, an orange circle, an orange diagonal line, a gray textured organic shape, and minimal curved line drawings, creating visual interest without clutter.

The right side displays a 2x2 grid of rounded card tiles: bright royal blue (top-left, labeled "Explore"), bright orange (top-right, labeled "Stories"), pale lavender (bottom-left, labeled "About"), and muted purple-blue (bottom-right, labeled "Help"). Each card contains a short descriptive phrase and a minimalist abstract line-drawn icon in the upper right corner. The cards and icons use complementary line-art illustrations.

Key takeaway

The split hero plus grid card pattern as a compelling discovery interface. The stark contrast between the dark hero's quiet focus and the vibrant grid's multiple entry points guides the eye while offering clear navigation options. The minimal geometric decorations in the hero (circles, lines) balance the typographic weight without competing for attention. The card labels with supporting descriptions make the grid immediately scannable.

Reuse notes

Use this layout for exploration-focused platforms like travel, education, or portfolio sites. The high color contrast (dark-to-bright) works well for drawing users from a headline into multiple content paths. Best paired with genuinely good photography or illustration in the hero area, and custom icons that reinforce brand personality in the grid cards.