Cinder Roasters

Cinder is a premium dark template for specialty coffee roasters, cafes and small restaurants. It is built around what a coffee business needs: a menu that is easy to edit, a place to sell beans, a reason to visit, and a first impression that feels like a $10,000 build.

What is included: 7 responsive pages (Home, Menu, Shop, Roastery, Visit, Privacy policy, 404) for Desktop, Tablet and Phone with a floating glass navigation and animated mobile menu. A CMS menu with 18 items grouped by category and a CMS bean shop with 6 coffees. A live ray-marched WebGL 3D coffee bean that follows the cursor. An Open now badge that reads your hours and time zone. 3D tilt cards, marquee, parallax photography and scroll reveals. A reservation form with success states. Shared Nav and Footer, reusable Button components, 9 colour styles and 17 text styles. Gambetta and General Sans fonts, both free for commercial use. 12 AI-generated photographs included.

Setup: replace the Menu and Beans CMS items, edit your details in the Footer and on /visit, set your opening hours and time zone on the Open Now component, point the reservation form to your email, replace the photographs and edit the colour styles to rebrand. The privacy policy is a starting point: have it reviewed before publishing.

Known limitations: the shop has no checkout (Add to bag opens an email; connect Shopify, Snipcart or Stripe to sell directly). Photographs are AI-generated; replace them with your own. The 3D bean needs WebGL; other devices show a flat illustration. Tablet and phone variants were built for 810 and 390 widths.