Screenshot of Edition Roasters

Edition Roasters

editionroasters.com/

A speciality roaster whose homepage is mostly hushed, moody photography of an empty cafe at dawn - serenity sold through atmosphere and almost no copy, with a single deep-plum accent doing all the colour work.

Other strong

Design tokens

black
plum
white
grey
panel
display
Open Sans (700)
body
Open Sans (400)
mono

Do / Don't

Reference it for

  • Atmosphere as the whole hero: a still, moody photograph (an empty space, soft light) instead of a product shot or headline slab.
  • Monochrome-plus-one-deep-accent discipline (black/white + a single plum) - serene and premium without colour noise.
  • Whisper-level motion: everything on all 0.35s ease, nothing snapping or sliding.
  • Generous negative space and a single floating CTA as the only call to action in a section.
  • Restraint as a trust signal for a premium consumer brand.

Do not copy

  • The literal plum #2f2236 and the specific dark cafe photography (brand-coded). Swap the accent and use the client's own atmospheric imagery.
  • Open Sans as the only voice - fine as a quiet default, but a stronger brand face lifts it.
  • The WooCommerce/WordPress scaffolding. Rebuild lean on Astro.

Signature moves

atmosphere-as-hero

the homepage opens on a still, dark, blue-toned photograph of an empty cafe at dawn with little or no copy, so serenity and premium feel are sold through mood before any product appears.

monochrome plus one deep accent

the entire site is black/white with a single deep plum (#2f2236) reserved for buttons and key text, giving a calm premium feel with zero colour noise.

whisper one-tempo motion

nearly every interaction shares one gentle all-0.35s-ease transition so the whole site moves at a single calm pulse, with only subtle fadeInUp/zoomIn entrances.

Related references

Screenshot of Aesop

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.
Screenshot of Cubitts

Cubitts

niche

Health

a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.
Screenshot of Erewhon

Erewhon

strong

Retail

a cult premium grocer that turned organic groceries into a lifestyle brand, a warm off-white canvas, confident Sharp Sans, a category-led shop, and a strong mission-and-community story that justifies the premium.
Screenshot of Hay

Hay

strong

Retail

a Danish designer-furniture house whose store reads like a quiet gallery, near-black ink on a single light-grey field, Neue Helvetica paired with an ITC New Baskerville serif, almost no UI chrome, and a slow editorial scroll where the products and photography are the only colour.