Sightglass Coffee
sightglasscoffee.com/A speciality-coffee shop that opens on a warm sunrise gradient and a hand holding the bag, then earns belonging through quiet ritual ("Coffee Served Daily", a 4.9/5 wall of reviews) rather than hard selling.
Design tokens
- display
- elza-round-variable (rounded variable sans)
- body
- elza-round-variable
- mono
Do / Don't
Reference it for
- The warm-cream canvas + rounded-sans + single-muted-gold-accent recipe that makes commerce feel like hospitality.
- A sunrise-gradient ambient hero: a living warm background field behind a single honest product photo (a hand holding the bag).
- The belonging arc for a local consumer brand: season -> what's roasting -> social proof -> physical place -> subscription -> mission.
- Quiet social proof done as ritual ("Coffee Served Daily", a star 4.9/5 band) rather than a testimonial slider.
- Restraint in motion: everything fades at ~0.5s, so the page feels calm at any scroll speed.
Do not copy
- The literal elza-round-variable face and the exact #f2efe7/#ab8c52 palette (swap for the client's warm canvas and accent).
- The Shopify/Dawn DOM, AOS dependency and the 150-script third-party stack (Klaviyo, Gorgias, TikTok, Octane, Intelligems). Rebuild lean on Astro.
- The specific seasonal-blend conceit ("Peak Light", "Summer Solstice") - reproduce the season-led pattern with the client's real product story.
Signature moves
sunrise-gradient ambient hero
a full-viewport warm sunrise gradient (pale blue into peach/cream) sits behind a single honest product photo - a hand holding the season's bag catching a sun flare - so the warm field and one photo carry the whole emotion with no headline slab.
belonging arc section spine
the homepage sequences season -> what's roasting -> star 4.9/5 proof -> 'Coffee Served Daily' ritual -> the physical cafe -> subscription -> mission, threading commerce through a belonging story instead of a catalogue.
quiet star-line social proof
social proof appears as a single calm 'star 4.9/5' band and a 'Coffee Served Daily' ritual statement - the volume itself is the reassurance, with no testimonial carousel.
Related references
Erewhon
strongRetail
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.
Jardan
strongRetail
an Australian designer-furniture and homewares house whose homepage opens on a warm, cinematic golden-hour video of hands working raw timber and a rug being woven, set in a strictly greyscale, whitespace-led editorial system with the Neuzeit Grotesk sans doing nearly all the work and a BN Cicero serif for accents.
Aesop
flagshipConsumer 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.
Cubitts
nicheHealth
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.