Food52

a food-and-home brand that fused editorial content with commerce, recipes and stories draw you in, a clean serif-and-sans system on white, and a shop (cookware, gifts, homewares) is always one tap away.

Retail Gift Homewares strong

Design tokens

ink

black

white

off-white

grey

display: custom serif
body: custom sans
serif: custom serif
sans: custom sans
mono

Do / Don't

Reference it for

Content-plus-commerce: editorial (guides, stories, how-tos) that earns the visit, with the shop always one tap away.
Gift-guide and curated-collection merchandising for higher basket value and repeat visits.
An editorial serif-and-sans system on white for a magazine-quality feel.
Category + inspiration navigation (by occasion, by need) rather than a bare product grid.
A warm, human retail voice instead of a transactional one.

Do not copy

food52's recipe-publishing engine is a huge content operation; a small gift shop should start with a few genuine guides, not fake a magazine.
The custom type and exact system are food52's brand; build the client's own editorial identity.
Scale the commerce to the client's real range; the interleave matters more than the catalogue size.

Signature moves

content-plus-commerce interleave

editorial (guides, stories, how-tos) earns the visit with the shop always one tap away, using category + inspiration nav (by occasion, by need) rather than a bare product grid

editorial serif-and-sans on white

an editorial serif-and-sans system on white gives a magazine-quality feel across an 11-64px scale, with a warm human retail voice

Related references

Form Nutrition

strong

Fitness

a UK supplements DTC that pairs a warm off-white editorial base with a single mustard-yellow accent and a terracotta brand block, a geometric-sans-plus-Silka heading system, big oversized logo graphics and a calm, recipe-and-ritual voice.

Vrai

strong

Retail

a lab-grown fine-jewellery house whose homepage is a near-empty white gallery, a single yellow-gold solitaire ring floating in bright caustic light above a quiet centred serif headline, set in a black-on-white system with metal-named gradient tokens (white-gold, yellow-gold, rose-gold, platinum) and slow, refined cubic-bezier transitions.

Aesop

flagship

Consumer Brand

an editorial e-commerce reference where Suisse Intl on warm-cream `#fffef2`, a modular 1.13 type ratio, and full-bleed photography do all the work - no display face, no accent colour, no motion of consequence.

Bellroy

flagship

Retail

an accessories e-commerce site that fronts a deep catalogue with one bold, punchy hero, leading with heavy uppercase GTUltra type, a warm terracotta accent on a near-monochrome base, and a calm Material-style motion system that keeps a 40-section shop feeling composed.