Coffee Collective

Reference it for

• A specialty roaster or provenance-led food brand that wants a Scandinavian gallery calm: warm-brown ink (#4C4341) on cream (#FAF6ED), full-bleed farm and product photography carrying every section.
• A single-family type system: one neo-grotesque (NB International Pro class) at weights 200 to 700 with tight -0.46px tracking, no serif and no second face needed.
• Hard 0px corners as a deliberate signature (--buttons-radius: 0px, card radius 0rem), the sharp-edged opposite of the default rounded Shopify theme.
• Editorial colour bands (oxblood #792E2E, forest #343E3B) breaking up cream product carousels, so the scroll reads as alternating gallery rooms rather than a thumbnail wall.
• A restrained CSS-only motion budget: 0.2s opacity fades, 0.3s transforms, 0.1s underline-thickness on links, Swiper for product rows, no scroll-jacking.

Do not copy

• NB International Pro is a licensed retail face (and the Coffee Collective wordmark is a bespoke identity asset); map to a freely licensed neo-grotesque and a custom or set logotype.
• The Shopify third-party stack (Klaviyo signup popup, Recharge subscriptions, GeoPro localisation, Clarity/GA/Bing pixels) ships with the platform; borrow the calm, not the 269-request, 84-script plumbing.
• The deep 11-item product nav (Filter Coffee, Espresso, Equipment, Merch, Courses, two subscription tiers, brew guides) suits a roaster with a real catalogue and a course business; a single venue should trim it hard.
• The brand's specific photography (farm origin shots, the cafe-location filmstrip) is identity-coded and licensed; reproduce the full-bleed treatment with the client's own imagery, never these frames.