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
FUSIONCOCKTAILS
A colorful website template for cocktail bars, lounges, rooftops, hotel bars, and restaurants. It showcases signature drinks and a CMS-powered menu alongside venue details, events, reservations, and a photo gallery.
GLACEE
A gelato and ice cream shop website template for gelaterias, parlours, dessert cafes, bakeries, and food trucks. It presents daily flavours, menus, locations, catering, and shop information, with CMS-managed content and a working contact form.
Portfoil Cards
A portfolio template for designers, illustrators, developers, and other creatives to present projects as collectible trading cards. It includes a sortable card collection, case-study pages, sets, a journal, an about page, and a contact form.
More Food Templates
View all
Vineyard
Elegant Framer template for wineries, vineyards, and hospitality brands. Includes parallax hero, e-commerce, booking system, and product showcases - perfect for wine shops, breweries, farm brands, and luxury venues seeking a story-driven presence.
EdenCatering
EdenCatering is an editorial-style template for catering studios, private chefs, event caterers, and fine-dining businesses. It features a warm ivory palette, deep-forest accent, high-contrast serif typography, and reusable components for quick customization.
Brioche
A warm, playful website template for bakeries, cafes, patisseries and other small food brands. It presents menus, shares news and stories, and helps businesses manage catering inquiries and provide visitor information.
More Restaurant Templates
View all
Salad.studio
A modern Framer template for salad bars, cafes, wrap shops, wholesome eateries, and organic food brands. It helps businesses showcase their menus, ingredients, brand story, locations, and hours to attract customers.
PRIVÉE
A sophisticated and visually stunning website template designed exclusively for upscale dining establishments. With its sleek and modern design, Privee effortlessly captures the essence of refined culinary experiences.
Pâtivora
Pâtivora is a website template for bakeries, pastry shops, cafés, dessert brands, cake shops, patisseries, and specialty food businesses. It helps these businesses create a memorable online presence with a warm aesthetic, elegant typography, and structured layouts.
More Animated Templates
View all
Lofty
Lofty is a premium Framer template for social media agencies, animation studios, and design teams seeking a bold, high-energy website with vibrant colors, playful graphics, smooth animations, and conversion-optimized CTAs for rapid launch.
Zuss
Zuss is a premium single-product Framer template for modern brands aiming to showcase and sell one product exceptionally well, featuring immersive storytelling, lifestyle visuals, conversion-focused sections, responsive layouts, and custom animations.
Wide Margin
Margin is a bilingual English/French Framer template for technical agencies offering automation, AI agents, and services. It features an ROI calculator, 3D flip-card FAQ, scramble-text headings and works across nine pages with CMS support.
More 3D Templates
View all
Blossomware
A website template for AI software teams presenting their product, pricing, security, customer stories, and updates. Its calm Japanese minimal style uses 3D paper, animated cherry blossom petals, and scroll-driven effects to introduce the product.
Deep Current
A multi-page website template for audio, music, and creative-tech products, including voice AI, streaming tools, live visuals, hardware, and installations. It features an audio-reactive WebGL hero, playable music notes, product pages, pricing, and CMS collections.
SONI
Build a professional portfolio with SONI, a minimal template for designers. It features an interactive infinite canvas, CMS project pages, immersive 3D parallax effects, and custom pixel-fade page transitions.