Preview image. Unlock full-res
Yellow navbar plus split hero with left-aligned oversized headline, star-rating social proof, and a lifestyle product portrait on the right.
Summary
A commerce hero combining a full-width yellow navigation bar with a split layout: marketing copy and dual CTAs left, lifestyle model and product packaging right.
Visual description
Top yellow navbar spans full width with left nav links (SHOP, OFFERS, QUIZ, WHY US, COMMUNITY), centered black serif wordmark, and right utilities (ACCOUNT, BAG). Hero area uses a light neutral background. Left column stacks five black stars and "100,000+ HAPPY CUSTOMERS" in small caps, then a large italic serif headline "PROVEN. PURE. POWERFUL. COLLAGEN FOR LESS.*" with a smaller savings disclaimer beneath. Two CTAs sit below: a solid white filled button ("ON WEIGHT LOSS JABS?") and an outlined ghost button ("SHOP COLLAGEN"). Right side shows a close lifestyle portrait of a woman resting her head on her hand beside a yellow branded collagen canister on a pale grey backdrop.
Key takeaway
Pairing a loud brand-color navbar with a quiet hero field keeps navigation energetic without competing with the headline. Star count plus customer volume above oversized italic type delivers social proof before the value prop lands.
Reuse notes
Works for subscription DTC supplements or beauty products with strong packaging color. Needs a credible hero photo and product shot in frame. Dual CTAs suit segmented audiences (special offer vs. primary shop). Yellow header may dominate on pages with multiple light sections below.
