Absolute Collagen supplement promo category grid

Absolute Collagen supplement promo category grid, minimal, light-mode, light

Preview image. Unlock full-res

Three-column promo grid beneath a centered serif headline, with yellow offer tiles for supplements, skincare bundles, and haircare plus text-link CTAs.

Palette
#FFFDF1
#FFEB0F
#E2D0B1
#BCB286
#DBB435

Summary

A category discovery grid with a yellow top nav, centered italic serif headline, and three promo columns for supplements, skincare bundles, and haircare each ending in an underlined shop link.

Visual description

A bright yellow navbar spans the top with left shop links, centered black serif wordmark, and right account and bag links. Below on cream background, small uppercase sans-serif text reads AGE POWERFULLY, YOUR WAY above a large centered italic black serif headline about a complete collagen routine. Three columns follow with equal width. Left and center columns use solid yellow promo tiles: large black serif discount headlines, smaller sans-serif supporting lines, and product photography (three yellow sachets left; grouped gold skincare jars and serum center). The right column uses a lifestyle photo of two tall yellow bottles on white tile with soap suds. Under each tile, bold black titles name the category, short grey body copy explains the offer, and underlined uppercase text links call to shop supplements, skincare bundles, or haircare.

Key takeaway

Mixing typographic promo tiles with one lifestyle column breaks visual monotony while keeping a rigid three-category grid. Large serif discount numbers on yellow fields create instant hierarchy without extra UI chrome.

Reuse notes

Strong homepage or category hub pattern for multi-line beauty brands. Capture includes the site navbar for context; the reusable pattern is the headline plus three-offer grid. Yellow-dominant brands benefit most; neutral palettes would need a different accent strategy.

More product showcase sections

See all

More like this