Do I need your apps to use Depot?

No. Depot is complete on its own. With our apps installed, their widgets use the theme's anchors instead of guessing.

Does Depot have a dark mode?

Yes. Every Depot 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 Depot?

Quantity Breaks, Frequently Bought Together, Urgency Bar, AI Chat have a named place in Depot. The other mini apps work too, where they find their place by detection.

How much does Depot cost?

Price set in the Theme Store. We do not set or show a price here.

B2B and wholesaleComing to the Theme Store

Depot Shopify theme

A table-first storefront for wholesale and parts catalogs. For hardware, parts and industrial or facility supply with large catalogs. The collection is a table, part numbers are found by search, products with many variants are ordered in one table and lists go in through quick order.

Try the live demo See how it works with our apps

Price set in the Theme Store.

Try Depot in place

Open full demo

A sample store built from the Depot 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.

Free gift with your order (sample offer)

Sample SupplyCatalogQuick orderAccountsSupportCart (2)

Fasteners, tools, MRO and electrical

Find the part, order the case.

Search first, with a dense catalog, quick order by SKU and account-aware pages for wholesale and B2B buyers.

Quick order

OfferA free gift is added at the cart when the order qualifies. Sample offer.

Popular categories

Hex head bolt, grade 8.8, zinc platedHB-M8-40-ZN · In stock
Hex nut, class 8, zinc platedHN-M8-ZN · In stock
Cordless drill driver, 18 V, 2 batteriesDR-18V-K2 · Low stock
Impact socket set, 1/2 in drive, 24 pcSK-12-24 · In stock

What makes Depot different

Collection as a table first, with list and grid views, filters and compare for up to four products
Part number search with an exact-match card, ignoring case, dashes and spaces
One table for products with many variants, added in a single request
Quick order by paste or by lines with a status per line, and reorder from past orders
Company and location context with account prices and read-only terms, falling back to retail and a quote request

Want it on your store?

Request early access Open the full demo

The Depot 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.

Depot Fasteners, tools, MRO and electrical

Shop floor
#FFFFFF · #12202F · #0B5CAD
Text on background
16.5:1 AAA
Button label on button
16.5:1 AAA
Accent on background
6.7:1 AA
Gauge
#EDF0F3 · #12202F · #0A5299
Text on background
14.4:1 AAA
Button label on button
14.4:1 AAA
Accent on background
6.9:1 AA
Night shift
#0E1621 · #EEF2F6 · #7DB8FF
Text on background
16.2:1 AAA
Button label on button
16.2:1 AAA
Accent on background
8.8:1 AA
Signal blue
#0B4F9E · #FFFFFF · #FFD36B
Text on background
8.0:1 AAA
Button label on button
8.0:1 AAA
Accent on background
5.6:1 AA

Forge Industrial parts, hydraulics and equipment

Graphite
#15181C · #F2F3F4 · #FFC629
Text on background
16.0:1 AAA
Button label on button
11.3:1 AAA
Accent on background
11.3:1 AA
Steel
#232930 · #F2F3F4 · #FFC629
Text on background
13.2:1 AAA
Button label on button
11.3:1 AAA
Accent on background
9.3:1 AA
Concrete
#EDEDEA · #15181C · #6B4E00
Text on background
15.2:1 AAA
Button label on button
15.2:1 AAA
Accent on background
6.6:1 AA
Signal yellow
#FFC629 · #15181C · #15181C
Text on background
11.3:1 AAA
Button label on button
11.3:1 AAA
Accent on background
11.3:1 AA

Aisle Janitorial, packaging, safety and facilities

Clean
#FFFFFF · #1B2421 · #0B6B4F
Text on background
15.9:1 AAA
Button label on button
6.5:1 AA
Accent on background
6.5:1 AA
Mist
#EEF3F1 · #1B2421 · #0A6048
Text on background
14.2:1 AAA
Button label on button
6.5:1 AA
Accent on background
6.7:1 AA
Evergreen
#0F1F1A · #EAF3EF · #6FD6A8
Text on background
15.1:1 AAA
Button label on button
9.6:1 AAA
Accent on background
9.6:1 AA
Hi-vis
#A83F00 · #FFFFFF · #FFEBC2
Text on background
6.2:1 AA
Button label on button
8.3:1 AAA
Accent on background
5.3: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.

Depot headings
Work Sans, weight 700
Body
Inter, weight 400
Heading scale
100%
Forge headings
Manrope, weight 700
Body
Inter, weight 400
Heading scale
100%
Aisle headings
DM Sans, weight 700
Body
Inter, weight 400
Heading scale
100%

Fluid type scale of the core tokens, in pixels at a 360 and a 1600 pixel viewport
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

Depot
Buttons 2 px, inputs 2 px, surfaces 2 px. Product cards square, 2 per row on a phone.
Forge
Buttons 0 px, inputs 0 px, surfaces 0 px. Product cards square, 2 per row on a phone.
Aisle
Buttons 8 px, inputs 8 px, surfaces 12 px. Product cards 4:3, 2 per row on a phone.

Fluid spacing scale of the core tokens, in pixels at a 360 and a 1600 pixel viewport
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: Depot 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.

Cart
Account

The build floor is 98% on Lighthouse accessibility for every preset.

Like this?

Open the full demo Request early access

The Depot 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.

Like this?

Open the full demo Request early access

The sections of Depot

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.

Like this?

Open the full demo Request early access

Depot page by page

Home, collection, product, cart and article templates, composed from the components above. Narrow your window to see the phone layout.

Want it on your store?

Request early access Open the full demo

Your apps in the Depot 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.

Request early access See all mini apps

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.

Fasteners, tools, MRO and electricalDepotShop now
Depot
Fasteners, tools, MRO and electrical
Headings in Work Sans, body in Inter.
- Shop floor
- Gauge
- Night shift
- Signal blue
Industrial parts, hydraulics and equipmentForgeShop now
Forge
Industrial parts, hydraulics and equipment
Headings in Manrope, body in Inter.
- Graphite
- Steel
- Concrete
- Signal yellow
Janitorial, packaging, safety and facilitiesAisleShop now
Aisle
Janitorial, packaging, safety and facilities
Headings in DM Sans, body in Inter.
- Clean
- Mist
- Evergreen
- Hi-vis

Fasteners, tools, MRO and electrical

A heading in the Depot 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 Work Sans, body in Inter. The preview uses a stand-in face of the same kind.
Color schemes: Shop floor #FFFFFF, Gauge #EDF0F3, Night shift #0E1621, Signal blue #0B4F9E

Want it on your store?

Request early access Open the full demo

Works with our apps

Depot 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
Takes over the native volume table in retail and shows nothing in a company session, so the two never stack.
Frequently Bought Together
Placed in the product app zone; each part follows its own quantity rule.
Urgency Bar
Only for the real dispatch cut-off: no reset, and off once it has passed.
AI Chat
Presented as Ask a parts specialist.
Sales Pop
Not offered in this theme.

Like this?

Open the full demo Request early access

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

Depot'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.

Lighthouse mobile budgets per page type
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

Depot (Depot 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.

Lighthouse mobile medians for the Depot preset, measured on the dev store, mobile, 2026-10-30
Page	Score	LCP	TBT
Home	93	2,143 ms	157 ms
Collection	95	2,400 ms	155 ms
Product	89	3,423 ms	113 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 216 pairs computed against WCAG 2.2 AA, with no failures.

Run it on your store:

Request early access Open the full demo

Coming to the Theme Store

Get Depot when it opens

Price set in the Shopify Theme Store at launch. Early access members hear first.

Depot is sold through the Shopify Theme Store, which takes the payment. Leave your email and we email you once when it is listed.

Open the full demo Compare themes

Using one of our apps? Their plans are separate: see pricing for our apps.

Ledger
An editorial storefront on a ruled, typographic grid.
Try the Ledger demo
Pantry
A menu, a delivery day and a box you build yourself.
Try the Pantry demo

All themes Compare themes Depot documentation Theme support

Questions about Depot

Who is Depot for?: For hardware, parts and industrial or facility supply with large catalogs. The collection is a table, part numbers are found by search, products with many variants are ordered in one table and lists go in through quick order. Its three presets are Depot (fasteners, tools, MRO and electrical), Forge (industrial parts, hydraulics and equipment), Aisle (janitorial, packaging, safety and facilities).
Do I need your apps to use Depot?: No. Depot is complete on its own. With our apps installed, their widgets use the theme's anchors instead of guessing.
Does Depot have a dark mode?: Yes. Every Depot 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 Depot?: Quantity Breaks, Frequently Bought Together, Urgency Bar, AI Chat have a named place in Depot. The other mini apps work too, where they find their place by detection.
How much does Depot cost?: Price set in the Theme Store. We do not set or show a price here.

Questions before you commit?

Depot support

Request early accessGet early access

Be first to try Depot

Leave your email and we will email you when Depot reaches the Theme Store.

Depot Shopify theme

Try Depot in place

What makes Depot different

The Depot design system

Color schemes

Depot Fasteners, tools, MRO and electrical

Forge Industrial parts, hydraulics and equipment

Aisle Janitorial, packaging, safety and facilities

Typography

Shape, space and elevation

Icons

The Depot components

The sections of Depot

Depot page by page

Your apps in the Depot theme

Three looks, one theme

Depot

Forge

Aisle

Works with our apps

Quantity Breaks

Frequently Bought Together

Urgency Bar

AI Chat

Sales Pop

Accessible and fast by contract

Accessible by contract

Fast by budget

Complete without apps, faster with them

Stylesheet budget

Measured results

Get Depot when it opens

Other themes to look at

Ledger

Pantry

Questions about Depot

Be first to try Depot