Olio is a complete storefront for small-batch food & beverage brands — warm, editorial, and ready to sell. A chunky-serif design system in a cream, olive, and tomato palette gives it the feel of a premium label, not a generic shop theme.
Built to sell
CMS-driven Shop with live category filtering (URL-shareable filters)
Product pages with image galleries, tasting-note accordions, related products, and a sticky add-to-cart bar
Bundles page with savings badges and a comparison table
Commerce-ready: pairs with Framer Commerce (Shopify), FramerFlo, or Stripe payment links — drop your checkout into the prebuilt product and cart layouts
Content built in
4 CMS collections seeded with realistic content: 8 products, 6 journal posts, 10 FAQs, 6 testimonials
Recipe Journal with rich-text posts, grouped FAQ accordions, Our Story with timeline, working contact form, and a full set of utility pages (Cart, 404, Privacy, Terms, Coming Soon)
Crafted details
Every layout designed — not just reflowed — at desktop, tablet, and phone, including a mobile nav drawer
Smooth scrolling, staggered headline reveals, section fade-ups, and hover zooms throughout
12 reusable components with property controls, human-readable layers, zero custom code
Swap the fonts, drop in your bottles, and ship.
Olio is a complete storefront for small-batch food & beverage brands — warm, editorial, and ready to sell. A chunky-serif design system in a cream, olive, and tomato palette gives it the feel of a premium label, not a generic shop theme.
Built to sell
CMS-driven Shop with live category filtering (URL-shareable filters)
Product pages with image galleries, tasting-note accordions, related products, and a sticky add-to-cart bar
Bundles page with savings badges and a comparison table
Commerce-ready: pairs with Framer Commerce (Shopify), FramerFlo, or Stripe payment links — drop your checkout into the prebuilt product and cart layouts
Content built in
4 CMS collections seeded with realistic content: 8 products, 6 journal posts, 10 FAQs, 6 testimonials
Recipe Journal with rich-text posts, grouped FAQ accordions, Our Story with timeline, working contact form, and a full set of utility pages (Cart, 404, Privacy, Terms, Coming Soon)
Crafted details
Every layout designed — not just reflowed — at desktop, tablet, and phone, including a mobile nav drawer
Smooth scrolling, staggered headline reveals, section fade-ups, and hover zooms throughout
12 reusable components with property controls, human-readable layers, zero custom code
Swap the fonts, drop in your bottles, and ship.
