Featured Design Gallery UI

A Discover-style editorial feed with a gallery rail and accessible lightbox

This single-file template is designed for a modern feed: a featured story, story rails, editorial cards, and a gallery that opens in a keyboard-friendly modal. Built for whitespace, calm shadows, and WCAG-minded interaction.

By Author Name

January 22, 2026 • — words • —

Gallery paths

Placeholder images reference /gallery/. Replace with your images or load from a manifest.json later.

Story rail

Continue exploring

A horizontal rail feels “Discover-like” and works great for featured collections.

Gallery rail

Swipeable images, then a lightbox

Click a tile to open a modal. Use Esc to close, arrows to navigate. Focus is trapped inside the dialog for accessibility.

0 images

Editorial card

Why feed-based layouts feel modern

A feed emphasizes discoverability: readers can skim headlines, open a gallery, and come back without losing context. It also works well for CMS content where posts are often modular. Keep cards consistent, spacing generous, and typography calm.

Pull quote

“The best editorial design disappears—what remains is clarity, comfort, and momentum.”

— A friendly design principle

Fact box

Feed layout checklist

Clear hierarchy

Serif headlines, sans body, strong spacing.
Accessible modal

Focus trap, ESC close, arrows navigate.
Smooth rails

snap scrolling, Prev/Next buttons for mouse users.
WebForms-safe

No inline JS; buttons never submit forms.