allbirds

How it works

hero:

5×5 grid of thumbnail-scale colorway swatches with muted, dusty tones (mauve, slate, ochre, sage) arranged in rows, followed by a full-width 4-column product showcase at 1:1 aspect ratio with each shoe centered and toned to match its background tile.

layout:

Cascading horizontal bands: thumbnail grid → full-width product row with rounded corners → tall white void → three-column text block → dark footer with search bar and stacked link columns.

type:

Small caps or minimal sans-serif used for labels and product names; generous leading within body text blocks; product descriptions sit in single-column narrow measures on muted backgrounds.

colors:

Palette of 8–10 desaturated, earthy tones (dusty blue, clay red, warm gray, soft green, muted plum) used as both background fills and product-to-background tonal matches; white space dominates below the showcase; accent prompts sit in complementary muted hues.

distinctive:

Each product photograph is color-graded to sit in tonal harmony with its background tile, creating a unified swatch system where the shoe itself becomes a highlight rather than a separate image layer.