Tostiva Framer Template
For coffee roasters and cafés
$79
Tostiva is a website template for coffee roasters and roastery cafés. It presents roast data, coffees, and brew guides in a roast-log style, with pages for individual coffees and a visit enquiry form.
Categories
About this template
Tostiva is a website template for coffee roasters and roastery cafés.
The home page is a roast log. As you scroll, a macro green bean heats through drying, yellowing, first crack, city and full city: it swells, splits along the centre cut and sheds chaff, while the bean-temperature curve draws on graph paper beside it. Live readouts show roast time, bean temperature, rate of rise and development time, with real specialty-roast numbers.
The rest of the site keeps the roast-log look: stencil type like a coffee sack, a mono data face, and green coffee, cinnamon and espresso brown on grey-green paper.
Pages
Home: the roast hero, a live roast chart, this week's coffees and brew guides (CMS), and a cupping call to action
Coffees, and a page per coffee whose roast chart is drawn from its own roast numbers
Visit with an enquiry form, and a 404: "This batch never left the drum"
Included: Coffees (6 lots) and Brew guides (4) CMS collections, two code components (Roast Bean and Roast Curve), navigation with a phone drawer, buttons, form states, 10 colour and 10 text styles, and desktop, tablet and phone layouts.
Limitations: the hero needs WebGL; the bean and chart are edited through their property controls.
Buying: after checkout you get the remix link instantly, on screen and by email.
Included Pages
- Home: the roast hero, a live roast chart, this week's coffees and brew guides (CMS), and a cupping call to action
- Coffees, and a page per coffee whose roast chart is drawn from its own roast numbers
- Visit with an enquiry form, and a 404: "This batch never left the drum"
More from John Nicholson
View all
Keynotery
A conference website template for organizers of conferences, festivals, summits, and exhibitions. It presents event programmes, sessions, speakers, venues, workshops, and ticket passes, with CMS collections for event content and pages for related information.
Unboxwell
A story-driven launch and pre-order site for hardware and consumer-product teams, demonstrated with noise-cancelling earbuds. It presents the product through interactive visuals, an in-browser audio demo, product information, and a pre-order form.
Marquee
A responsive Framer template for streetwear brands, independent labels, and other businesses launching limited-run clothing drops. It features a countdown-led storefront, preorder product pages, stock indicators, fit and care information, FAQs, and contact and legal pages.
More Food Templates
View all
Nomlet
A Framer template for small-batch food brands selling products such as sauces, condiments, snacks, coffee, and tea. It features a scroll-driven product presentation, individual product pages, and a journal to support an online store.
Latteart
A sleek and user-friendly template designed for coffee shops, restaurants, and similar businesses.
Bistora
Bistora is a modern Framer template for restaurants, cafés, and bistros, offering elegant layouts, smooth animations, and structured pages for menus, blogs, and contact, enabling easy customization and a polished online brand presence.
More Restaurant Templates
View all
VelvetShaker
Velvet Shaker is a stylish Framer template crafted for bars, cocktail lounges, and nightlife venues. Fully customizable and feature-rich, it’s ideal for showcasing menus, events, and ambiance, helping you create a stunning online presence.
Brew&Bloom
A responsive Framer template designed for coffee shops, cafés, bakeries, and roasteries, featuring storytelling sections, menu-focused layouts, and smooth interactions to showcase offerings, build trust, and attract local customers quickly.
Restaurin
Restaurin is a modern Framer template for restaurants, cafés, and coffee shops, offering elegant, responsive layouts to showcase menus, signature dishes, and ambiance, helping food businesses attract customers and grow their online presence.
More Animated Templates
View all
Meora
Meora is a playful one-page portfolio template for designers, developers, freelancers and digital creators, offering interactive layouts, animations and customizable sections to showcase work, interests and personality in a colorful, engaging web experience.
Forno
Clean template for pizza / restaurant businesses with bold types, vibrant colors and easy customization. CMS setup for both menu content and locations including location detail pages. Simple and smooth animations that refine the experience without distracting.
Halcyon X
A dark editorial website template for design studios and agencies, with pages for showcasing projects, services, studio information, and blog content. It includes custom motion and cursor components, CMS collections for projects and posts, and reusable components for key site sections.
More 3D Templates
View all
FolioCrave
FolioCrave is a responsive Framer template for designers, freelancers, and creative studios to showcase portfolios with modern animations, 3D scrolling effects, CMS-driven projects, services, and blog pages, plus integrated contact forms and SEO-friendly structure.
VRCloud
VRCloud 👓🚀 is the go-to VR & AR Framer Template for startups creating next-gen digital experiences. Whether you're launching an AR app or VR platform, this template gives your product the spotlight it deserves.
wtfproof
A product-focused ecommerce template for outdoor gear, gadget, and consumer-hardware brands. It presents products through immersive water effects and a WebGL gallery, with CMS-powered product pages and a store locator to help shoppers find nearby retailers.