Route city navigation list with hover stamp

Route city navigation list with hover stamp, editorial, minimal, dark

Preview image. Unlock full-res

Royal blue editorial list of three market cities with a marquee header and a postage-stamp illustration that appears on hover.

Summary

Royal blue editorial list of three market cities with a marquee header and a postage-stamp illustration that appears on hover.

Visual description

Solid royal blue fills the frame. A top marquee repeats "3 CITIES · 3 MARKETS" in small caps with star separators. Below, three city names stack vertically in thin white serif caps: THE ASSUMPTION, TERREBONNE, and JOLIETTE. Thin horizontal rules divide each row. TERREBONNE reads as the active/hover row: a cursor sits over the label and a small circular arrow button appears at the right. On the left, overlapping the first two rows, a white postage-stamp frame holds a light-blue field with a dark carousel-horse illustration.

Key takeaway

Pair an ultra-simple text list with one reactive stamp graphic so hover feels like flipping postcards. The marquee ticker adds rhythm without adding more navigation chrome.

Reuse notes

Works when you have a small set of peer destinations and want navigation to feel editorial rather than dropdown-based. Best with three to five items and bespoke stamp art per entry. Hover/active treatment must stay high-contrast on a saturated background.

More features sections

See all

More like this