Pantry Shopify theme
A menu, a delivery day and a box you build yourself. For bakeries, delis, roasters and meal kits. The collection reads as a menu, allergens are always in view, and delivery or pickup is chosen by postcode.
Price set in the Theme Store.

Try Pantry in place
Open full demoA sample store built from the Pantry art direction. Use the bar to switch the look, light or dark and the color scheme; the demo changes in place. It is stand-in content with system fonts, not a live shop.
The page follows your device's light or dark setting; the demo follows the look you pick.
Bakeries, delis and grocers
Fresh this week, at your door on Thursday.
Delivery-aware product cards and a clear box builder for bakeries, delis, roasters and grocers.
Build a boxThis week
- Country sourdough, 800 gSlow-fermented, crisp crust
- Seeded rye, 600 gDense, a little sour, full of seeds
- Butter croissantLaminated over three days
- BaguetteBaked twice a day
What makes Pantry different
- Collection as a menu: name, dotted leader, price and description, with dietary tags and Contains: always visible
- Delivery and pickup by postcode with a cut-off in the store's time zone
- Box builder and shop the recipe, added through the standard cart
- Nutrition, food facts, origin and freshness blocks that show nothing when left blank
- Opt-in age check dialog, in the Pantry preset only
The Pantry design system
Everything a preset is made of, from the settings and tokens the theme ships. Change a preset and these values change with it.
Color schemes
Four schemes per preset, assigned to any section. The ratios are computed from the hex values the theme ships: text is held to 4.5:1 and interface parts to 3:1 at build time, and a preset that fails does not compile.
Pantry Bakeries, delis and grocers
Flour
#FBF6EC · #2A1F17 · #A82E16
- Text on background
- 14.9:1 AAA
- Button label on button
- 14.9:1 AAA
- Accent on background
- 6.4:1 AA
Crust
#EFDFC3 · #2A1F17 · #9C2A12
- Text on background
- 12.3:1 AAA
- Button label on button
- 12.3:1 AAA
- Accent on background
- 5.8:1 AA
Cast iron
#1C1612 · #F7EEDF · #F59A70
- Text on background
- 15.6:1 AAA
- Button label on button
- 15.6:1 AAA
- Accent on background
- 8.3:1 AA
Tomato
#9E2A14 · #FFF5E8 · #FFE2A8
- Text on background
- 7.0:1 AA
- Button label on button
- 9.3:1 AAA
- Accent on background
- 6.0:1 AA
Roast Coffee roasters and tea rooms
Espresso
#17110E · #F4EBDF · #E8B16A
- Text on background
- 15.8:1 AAA
- Button label on button
- 9.7:1 AAA
- Accent on background
- 9.7:1 AA
Crema
#EFE4D3 · #1E1510 · #8A4313
- Text on background
- 14.3:1 AAA
- Button label on button
- 14.3:1 AAA
- Accent on background
- 5.8:1 AA
Roast black
#0C0908 · #F4EBDF · #F0B877
- Text on background
- 16.8:1 AAA
- Button label on button
- 16.8:1 AAA
- Accent on background
- 11.2:1 AA
Caramel
#D9A25E · #1E1510 · #1E1510
- Text on background
- 7.9:1 AAA
- Button label on button
- 14.2:1 AAA
- Accent on background
- 7.9:1 AA
Orchard Greengrocers, juice bars and meal kits
Market
#F7F8F1 · #14241B · #A64400
- Text on background
- 15.1:1 AAA
- Button label on button
- 8.5:1 AAA
- Accent on background
- 5.7:1 AA
Citrus
#FCE9B6 · #14241B · #9A3E00
- Text on background
- 13.5:1 AAA
- Button label on button
- 7.6:1 AAA
- Accent on background
- 5.7:1 AA
Dusk leaf
#0F1D16 · #EDF6EE · #FFB066
- Text on background
- 15.7:1 AAA
- Button label on button
- 15.7:1 AAA
- Accent on background
- 9.7:1 AA
Leaf
#195F38 · #F6FBF3 · #FFD27A
- Text on background
- 7.3:1 AAA
- Button label on button
- 9.7:1 AAA
- Accent on background
- 5.4:1 AA
Typography
Faces and weights come from each preset's settings, all from the Shopify font library. The specimens below are rendered in the real faces; this site does not load them as web fonts.

- Pantry headings
- Libre Baskerville, weight 700
- Body
- Karla, weight 400
- Heading scale
- 100%

- Roast headings
- Manrope, weight 700
- Body
- Work Sans, weight 400
- Heading scale
- 104%

- Orchard headings
- DM Sans, weight 700
- Body
- Inter, weight 400
- Heading scale
- 100%
| Step | Token | At 360 px | At 1600 px |
|---|---|---|---|
| Small | --ls-step--1 | 13.3 px | 14.4 px |
| Body | --ls-step-0 | 16 px | 18 px |
| Heading 4 | --ls-step-1 | 19.2 px | 22.5 px |
| Heading 3 | --ls-step-2 | 23 px | 28.1 px |
| Heading 2 | --ls-step-3 | 27.6 px | 35.2 px |
| Heading 1 | --ls-step-4 | 32 px | 60 px |
Shape, space and elevation
Pantry
Buttons 2 px, inputs 2 px, surfaces 2 px. Product cards square, 2 per row on a phone.
Roast
Buttons 6 px, inputs 6 px, surfaces 6 px. Product cards 4:5, 2 per row on a phone.
Orchard
Buttons 40 px, inputs 12 px, surfaces 18 px. Product cards square, 2 per row on a phone.
| Token | Range | Largest size |
|---|---|---|
--ls-space-1 | 4 px | |
--ls-space-2 | 8 px | |
--ls-space-3 | 12 px | |
--ls-space-4 | 16 px | |
--ls-space-5 | 20 to 24 px | |
--ls-space-6 | 24 to 32 px | |
--ls-space-7 | 32 to 48 px | |
--ls-space-8 | 48 to 64 px | |
--ls-space-9 | 64 to 96 px |
Elevation: Pantry is flat. Surfaces are separated by hairline rules and a quiet tile fill, not by shadows, and focus is a ring.
Icons
Line icons on a 20 px grid, drawn in the text color with one stroke width, so they follow every color scheme and need no icon font.
The build floor is 98% on Lighthouse accessibility for every preset.
The Pantry components
Every part of the storefront the art direction specifies: header, search, cart drawer, cards, forms, footer and the product page blocks, with the product stand-ins drawn for the theme. They follow the look and the light or dark scheme you pick below.
The sections of Pantry
The home and product templates the theme ships, in the order they ship. Every section works on its own, takes any of the four color schemes and can be reordered in the theme editor. The wireframes follow the look you pick below.
Pantry page by page
Home, collection, product, cart and article templates, composed from the components above. Narrow your window to see the phone layout.
Your apps in the Pantry theme
Each of our mini apps where the theme puts it: the Theme Contract v1 slot or anchor, drawn with the theme's own components and tokens. Dashed outlines mark the slot; an empty slot reserves no space in the real theme. Items and prices are sample content.
Three looks, one theme
Each preset has its own colors, type pairing and shape, and four color schemes you assign to any section. Pick one to repaint the demo, the wireframes and the mini apps on this page.
Pantry
Bakeries, delis and grocers
Headings in Libre Baskerville, body in Karla.
- Flour
- Crust
- Cast iron
- Tomato
Roast
Coffee roasters and tea rooms
Headings in Manrope, body in Work Sans.
- Espresso
- Crema
- Roast black
- Caramel
Orchard
Greengrocers, juice bars and meal kits
Headings in DM Sans, body in Inter.
- Market
- Citrus
- Dusk leaf
- Leaf
Bakeries, delis and grocers
A heading in the Pantry look
Body text sits on this scheme, so you can judge the colors together before the theme is in the Theme Store.
Add to cart- Type pairing
- Headings in Libre Baskerville, body in Karla. The preview uses a stand-in face of the same kind.
- Color schemes
- Flour #FBF6EC, Crust #EFDFC3, Cast iron #1C1612, Tomato #9E2A14
Works with our apps
Pantry is complete without any app. With one installed, its widget uses the theme's named places (Contract v1), and where the theme has its own block it steps aside.
Quantity Breaks
Used on the product page and in the box.
Frequently Bought Together
Used on the product page and in the box.
Freebies Engine
Its gift engine sits in the cart drawer and the cart.
Urgency Bar
Lives in the announcement slot.
Delivery Date
Coexists with the theme's delivery block: the app takes over where it is installed.
Bundle Builder
Takes over the theme's box builder when installed.
Sales Pop
Off by default in this theme.
Accessible and fast by contract
Accessible by contract
Built to WCAG 2.2 AA. Every color scheme is checked at build time for text at 4.5:1 and interface parts at 3:1, and a preset that fails does not compile. Keyboard paths, reduced motion and forced colors are part of the checklist.
Fast by budget
The blocking stylesheet and every script have a size budget that the build enforces. Motion is native CSS with a static fallback, and each feature loads its own small file only where it is used.
Complete without apps, faster with them
The Theme Store listing and demo store carry no app. Our widgets use the theme's named anchors (Contract v1), so there is no guessing and no overlap.
Stylesheet budget
Pantry's blocking stylesheet is budgeted at 10,500 bytes over the wire (brotli), 85% of the 12,288 byte ceiling. Every script is a separate file under 3,072 bytes, loaded only where its feature is used.
| Page | LCP | CLS | TBT |
|---|---|---|---|
| Home | 2,200 ms | 0.02 | 150 ms |
| Collection | 2,300 ms | 0.02 | 150 ms |
| Product | 2,300 ms | 0.02 | 200 ms |
| Cart | 2,000 ms | 0.02 | 150 ms |
Measured results
Pantry (Pantry preset), Lighthouse performance score, LCP and TBT per page type, measured on the dev store, mobile, 2026-10-30. Layout shift (CLS) was 0 and accessibility 100 on every page. The other presets share the same hero code and assets.
| Page | Score | LCP | TBT |
|---|---|---|---|
| Home | 95 | 2,535 ms | 114 ms |
| Collection | 96 | 2,182 ms | 118 ms |
| Product | 87 | 3,624 ms | 105 ms |
Release floors on every preset: Lighthouse performance 85%, accessibility 98%, best practices 95% and SEO 100%. Twelve color schemes across the three presets and 156 pairs computed against WCAG 2.2 AA, with no failures.
Get Pantry when it opens
Price set in the Shopify Theme Store at launch. Early access members hear first.
Pantry is sold through the Shopify Theme Store, which takes the payment. Leave your email and we email you once when it is listed.
Using one of our apps? Their plans are separate: see pricing for our apps.
Other themes to look at
Questions about Pantry
- Who is Pantry for?
- For bakeries, delis, roasters and meal kits. The collection reads as a menu, allergens are always in view, and delivery or pickup is chosen by postcode. Its three presets are Pantry (bakeries, delis and grocers), Roast (coffee roasters and tea rooms), Orchard (greengrocers, juice bars and meal kits).
- Do I need your apps to use Pantry?
- No. Pantry is complete on its own. With our apps installed, their widgets use the theme's anchors instead of guessing.
- Does Pantry have a dark mode?
- Yes. Every Pantry preset ships a dark color scheme next to its light ones, and you assign a scheme to any section, so a dark footer or a dark hero is a setting, not a custom build.
- Which of your apps work with Pantry?
- Quantity Breaks, Frequently Bought Together, Freebies Engine, Urgency Bar, Delivery Date, Bundle Builder have a named place in Pantry. The other mini apps work too, where they find their place by detection.
- How much does Pantry cost?
- Price set in the Theme Store. We do not set or show a price here.
Be first to try Pantry
Leave your email and we will email you when Pantry reaches the Theme Store.

