Andre thoughtful design hero

Andre thoughtful design hero, minimal, light-mode, light

Preview image. Unlock full-res

Editorial portfolio hero with oversized serif headline and a staggered colorful card grid showcasing Gatheround project work.

Industryagency, portfolio
Palette
#F5F5F0
#1B3022
#9E3D1A
#001A72
#E5A500

Summary

A designer portfolio hero leading with a massive two-line serif headline over a masonry-style grid of colorful Gatheround project cards, with minimal top navigation and a rotating availability badge.

Visual description

Off-white page with a slim navbar: name and "Visual Designer" subtitle left, Work/Services/About center links, and a filled black pill "Work with me" button right. Below, an oversized high-contrast serif headline reads "Thoughtful design for brilliant brands." A circular badge on the right edge rotates "AVAILABLE NOW" text. Under the headline, a staggered grid of rounded cards in forest green, terracotta, pink, blue, navy, and gold shows Gatheround branding: prompt cards, category cards with geometric icons (Shenanigans, Watercooler, Routines & Rituals, Out of Office), and illustrated character cards. Cards bleed off the bottom edge.

Key takeaway

Using live project cards as the hero visual instead of a single static image. The rotating availability badge adds urgency without a loud banner. Serif headline scale against a playful color grid creates instant personality.

Reuse notes

Ideal for independent designers or small studios with strong case-study visuals. Requires a cohesive set of card-sized assets. The broken-grid crop implies scroll and depth; less effective if cards are too uniform in size.

More hero sections

See all

More like this