Kaffe Origin Framer Template

About this template

KAFFE ORIGIN
Black and white, until you touch it.

Most shop templates give you a photo and a price. Kaffe Origin is a catalogue with provenance: every product carries its batch, altitude, producer, varietal, harvest and process, laid out in hairline spec tables that make the detail the point.

The restraint is deliberate. One typeface, 1px borders, no accent colour anywhere, so the product can do what a flat template can't. Every photograph rests in black and white and blooms into full colour the moment you touch it. That's hover on desktop, and on phones the same reveal fires as each card scrolls into view, so it survives on the device most of your visitors actually use.

Two CMS collections that talk to each other. Tag a coffee with a brewing method and it appears on that method's page automatically. Add a fifth method and both the index and its own detail page build themselves, with no design work on your side.

A navigation worth opening: collapsed at every breakpoint, expanding into a four-column megamenu with browse, the craft, every brewing method and the featured product with its photo. Two of those columns are CMS-fed, so the menu maintains itself.

Inside you'll also find two design pages: the full design system and seven copy-paste prompts written against this template's real CMS fields, so an AI agent can fill in your content without inventing styles and wrecking the design.

Swap the coffee for wine, olive oil, tea or ceramics. The structure is catalogue with provenance, and it fits anything with an origin and a spec sheet.

INCLUDED

10 pages, 2 CMS collections (9 products, 4 methods), 10 components, product card in two densities, two page patterns (editorial and index), custom 404, layout template, fully responsive, Framer-native fonts only.

NOTE

No cart or checkout. Each product links out to a payment URL you provide, such as Stripe, Gumroad or Shopify.