
Preview image. Unlock full-res
A desktop ecommerce membership page with a full-width green nav bar, a surreal 3D garden hero and a three-step numbered list below.
More like this
See allSummary
A long desktop page for a rewards programme, opening on a bright green nav bar over a 3D garden scene and resolving into a calm white editorial section with numbered steps.
Visual description
The page is shown centred on a black backdrop. A full-width bright green bar runs across the top: text links on the left, the rounded black logotype centred, an outlined pill button on the right, then account and cart icons with a zero count. Under it, a hero occupies the full width, built from a dense photographic garden of dark foliage, grass and small purple flowers. Left of centre sit a two-line white serif-free headline, three short lines of white sub-copy, a green pill button with black label, and two lines of small sign-in copy. Right of centre, a bright rendered still life floats on a white plinth: a green carton with debossed letterforms, a black electric device, a small green case, a round mirror, brass taps and a white basin against a grid-tiled panel. Below the hero the page turns white. A two-line black headline sits left with a paragraph beneath it, while the right column lists three numbered steps separated by thin rules. A tilted rendered interior image with a thin green outline overlaps the lower left, and two rounded cards with a dark star icon and a points label sit under it. A further headline and a paragraph of placeholder Latin copy begin at the lower right.
Key takeaway
The green nav bar is used as a single unbroken band of brand colour and is the only heavy chroma on the page, so the surreal 3D imagery can stay photographic without the layout feeling loud. Tilting one image a few degrees against an otherwise strict grid is the whole personality budget for the lower section.
Reuse notes
Useful as a model for loyalty or membership pages that must feel like part of a consumer brand rather than an account portal. The 3D set dressing is expensive to reproduce and carries most of the impact. Note the placeholder Latin copy in the lower right, so treat the bottom section as layout reference only.
More like this
Keep what you find
A free account saves references to boards and can send you a weekly email of picks based on what you save.
To see every result, go Pro.









