Percolate — Shopify Theme

▶ View live demo
Opens this theme running on our store with real products.

Percolate looks like a roastery that has been on the same corner since 1972 — cream paper, roast-brown ink and a copper accent, with Young Serif headlines set against Work Sans body copy. Numbered section eyebrows, a scrolling announcement marquee, hand-stamped seals and round photo badges give it the feel of a printed roast list rather than a template.

Underneath it is a complete Online Store 2.0 theme: 24 sections and JSON templates covering home, collection, product, cart, search, blog, article, page, contact, 404, password, gift card and all seven customer account pages.

The product page is built for coffee — a thumbnail gallery, an instant variant picker that swaps price, image and URL, a roast-date pill that can stamp today's date, tasting notes pulled from a metafield, two collapsible detail rows and related products. The cart page shows a free-shipping progress message at a threshold you set, displays subscription plan names on line items, and its quantity steppers keep working with JavaScript switched off.

Every headline, eyebrow, pill and button label is editable in the theme editor, and the whole thing runs on one stylesheet and one small script — no jQuery, no page builder, no framework.

Ships with demo content that fills the layout on an empty store, so you can see the design before adding a single product.

What's included

• 24 OS 2.0 sections and JSON templates for every page, including all 7 customer account templates
• Homepage kit: hero with stat blocks, featured product rail, collection tiles and a story section — all block-based and reorderable
• Product page with thumbnail gallery, live variant picker, dynamic checkout buttons and collapsible detail rows
• Roast-date pill, tasting notes and unit labels driven by product metafields with editable fallbacks
• Cart page with configurable free-shipping progress, subscription plan names, quantity steppers and optional order note
• AJAX quick-add button on product cards with live header cart count
• Scrolling announcement marquee — unlimited messages, adjustable loop speed
• Brand controls for accent, background and text colour, plus Young Serif + Work Sans or any Shopify font pair
• Mobile-first, responsive, with skip link, focus states and reduced-motion support; one 40KB stylesheet and one 8KB script, no frameworks

Best for: Speciality coffee roasters, tea makers and subscription-led food brands