Preview image. Unlock full-res
A centered landing-page hero for Cargo with oversized serif-and-sans typography, small top navigation, and a long gallery of site previews below.
Summary
A centered landing-page hero for Cargo with oversized serif-and-sans typography, small top navigation, and a long gallery of site previews below.
Visual description
The page opens with a thin top navigation bar, a small login link, and a row of tab-like menu items. The hero is centered on a white background with a large serif wordmark-style headline reading "variable fonts!" and two small CTA buttons beneath it, plus playful sticker-like graphics around the headline. Below the fold, the page shifts into a dense gallery of site thumbnails arranged in a multi-column grid with rounded cards, small labels, and many pill-shaped category tags.
Key takeaway
The strongest move is the contrast between a clean editorial hero and a content-dense inspiration grid below it. The oversized mixed-type headline and small playful accents give the page personality without adding visual clutter.
Reuse notes
Use this pattern for inspiration libraries, template galleries, or portfolio indexes that need a strong landing hero followed by many browseable examples. The layout works best when the hero stays centered and the gallery section uses compact cards, tag pills, and tight spacing.
