Everlane

How it works

hero:

Full-width image of styled model in sunglasses paired with a floating white modal containing headline text, price, and a form input—the modal sits 30% from the right edge, creating asymmetric layering over the photography.

layout:

Alternating left-right horizontal blocks: image on left with text on white background on right (60/40 split), then flipped, with full-width hero at top and footer nav spanning bottom—creates a zigzag visual flow that prevents monotony.

type:

Serif headlines (likely Everglane's house serif) set in medium weight at large sizes paired with sans-serif body copy at small sizes; product names and prices use condensed weights to maximize density on card layouts.

colors:

Neutral palette of off-white, soft gray, and navy anchors the design; product photography and occasional accent colors (coral flower, yellow sweater) break the restraint; dark text on light backgrounds maintains legibility across overlapping sections.

distinctive:

A modal dialog that hovers semi-transparently over the hero image rather than displacing it—combining editorial photography with functional form input in a single layered gesture, suggesting both storytelling and immediate conversion.