Preview image. Unlock full-res
Web hero filled edge to edge with tumbling lemon and ginger cans on lime green, with a minimal pill navigation floating over the top.
More like this
See all
Summary
A desktop hero screen where the entire canvas is a scattered field of product cans on lime green, and the interface is reduced to a logo tile and two pill buttons.
Visual description
Pale blue lemon and ginger cans are cut out and scattered across the frame at many angles and scales, some upright and front-facing, some tipped to show the silver lid, some reversed to show the barcode and back copy. Cans at the rear are ghosted back into the lime background so the layer reads as depth rather than clutter. Each can carries the brand name in the rounded display face in dark forest green, a small "ALL NATURAL SODA" line curved at the top, a glossy lemon with a green leaf cap, and two seals reading "GUT FRIENDLY" and "LOW SUGAR" over the flavour name in condensed all-caps. The top left holds a black rounded tile with the wordmark knocked out in white, followed by two cream pill buttons labelled "Shop" and "More Info" in a plain sans. The top right corner carries a circular lime badge with a pink smiley sun. There is no headline copy at all.
Key takeaway
The hero carries no headline: the product repetition is the message, and the navigation is stripped to two pills so nothing competes with it. Fading the back layer of cans into the background color is what keeps a very busy composition from reading as noise.
Reuse notes
A strong pattern for a single-product consumer brand where the pack is already the best asset, especially direct-to-consumer beverage and snack sites. It only works with one hero SKU and clean cutouts; a multi-product catalogue would need a headline and real structure. Check that the pill buttons keep contrast against whatever product color sits behind them.
