shopify.com

How it works

hero:

Full-width image of person in purple jacket dominates left 60%, with right 40% reserved for white headline 'Be the next household' and dual call-to-action buttons stacked vertically over dark overlay.

layout:

Alternating single-column and multi-column blocks flowing vertically—hero full-width, followed by text-image pairings with left-right swaps, product grid sections in 3-column layout, stat rows with 2-3 large numerals, and feature cards arranged in loose asymmetric grids with varying heights.

type:

Sans-serif for body copy with generous letter-spacing; headline scale ranges from xl (hero 'Be the next') to sm (section subheads); numerals like '15%' and '250M+' set in xl weight with increased tracking to command attention; all text reversed to white or light cream on dark backgrounds.

colors:

Deep teal and navy backgrounds establish visual foundation; bright cyan accents appear as dots and highlights for interactive elements; purple tones emerge in hero and accent sections; white typography and UI elements create contrast against dark substrate; gold/warm tones used sparingly for value propositions like '15%' and '250M+'.

distinctive:

Floating cyan accent dots and circles scattered throughout sections as dimensional punctuation—appearing isolated in product cards and clustered around feature blocks to create a sense of movement and depth against otherwise static dark surfaces.