--- title: "Kaffe Origin - AgenT — Free Framer template · Best of Framer" description: "Free Framer template · by Noa Torner · Agents. KAFFE ORIGIN Black and white, until you touch it." canonical: "https://framer.elliotli.dev/template/kaffe-origin-agent" --- [Home](/)/[Templates](/templates)/[Agents](/templates/category/agents)/Kaffe Origin - AgenT # Kaffe Origin - AgenT A coffee catalogue that blooms [Get for free](https://framer.com/marketplace/templates/kaffe-origin-agent/?via=elliot-li) ![Kaffe Origin - AgenT preview image 1](https://framer.elliotli.dev/og/template/kaffe-origin-agent/b376497df1392e57/1600x1200.jpg) ## Summary KAFFE ORIGIN Black and white, until you touch it. ## Description ## [KAFFE ORIGIN](https://kaffeorigin.framer.website/) ### 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._ ## Rank history [How rankings work →](/terms#rankings) - Style · #3308 - Monochromatic · #134 - Free Website Templates · #1677 - Bakery and Cafe · #43 - Black and White · #300 ## Details - **Author**: Noa Torner - **Published**: 2026-07-29 - **Updated**: 2026-11-09 - **Added**: 2026-07-29 - **Categories**: Bakery and Cafe, Ecommerce, Food, Free Website Templates - **Styles**: Black and White, Minimal, Monochromatic - **Features**: Appear Effects, CMS, Layout Templates, Scroll Effects ## More across types - [Shop Canvas](/plugin/shop-canvas) — Shop Canvas · Free — Shopify × Framer for agencies - [Reviewly: Photo, UGC reviews](/plugin/reviewly-photo-ugc-reviews) — Ecom swift LLC · Free — Photo & video reviews in your site - [Shopiframe](/plugin/shopiframe) — FrameSpace · Free — Start building your store for free: Shopiframe lets you connect your Shopify store with Framer easily. ## More like this - [HexFly](/template/hexfly) — Tanber · Free — Live Preview HexFly is a bold and modern Framer template built for creative agencies, branding studios, web design teams, and digital… - [Better Films](/template/better-films) — Rejaul Karim · Free — Cinematic Director Portfolio - [Mikes Irrigation](/template/mikes-irrigation) — Troy Miller · Free — Modern Irrigation Company Website - [Ashfordd](/template/ashfordd) — Akin & Ed · Free — Premium Real Estate Framer Templat