Skip to content
Food & DrinkComplete online store One-business-day delivery

CREMA — Specialty Coffee Roaster & Café

Roasted to the moment.

A warm, editorial storefront for a specialty coffee roaster and café — a typed nine-bean shop with origin, process and roast data, step-by-step brew guides, a wholesale programme and a persistent nanostores…

Live preview - the real build, running in your browser
/previews/crema/
CREMA template preview
CREMAReal build · opens here

CREMA — Specialty Coffee Roaster & Café website detail 1
CREMA — Specialty Coffee Roaster & Café website detail 2
CREMA — Specialty Coffee Roaster & Café website detail 3

Why this website

Made to work for the business, not just the screenshot.

01

A full bean catalogue

Nine typed single-origins and blends — each with origin, process, roast level, tasting notes, SCA score and multiple bag sizes — with client-side filtering by roast level and process on the shop.

02

Persistent island cart

A lightweight nanostores + @nanostores/persistent cart island survives refreshes, shows a live nav badge, has quantity steppers and a clearly-labelled demo checkout — no framework runtime beyond the island.

03

Inline-SVG illustration system

Zero external images: an animated hero dripper with steam, a flavour wheel, a stylised café map and roast-aware bean illustrations that recolour from the data layer.

An AI assistant is included.

Give it a name and teach it about your business. Ask Yantrabot how it can help your visitors.

Included

Everything needed to launch.

  • 25 prerendered pages across 10 routes (home, shop + bean detail, brew guides, wholesale, about, locations, journal, cart, contact)
  • A typed TypeScript data layer (beans, guides, journal, locations, team)
  • A persistent nanostores cart island with a demo checkout
  • Self-hosted Fraunces + Hanken Grotesk via @fontsource — zero runtime font requests
  • Inline-SVG art throughout, reduced-motion fallbacks, WCAG 2.2 AA, static export

Ready to make yours

Get CREMA

$49/month · domain billed separately.