Fine rules, numbered sections, square cards and a split hero with the text on a solid panel. One structure with three looks for retail, home and outdoor catalogs. Its three presets are Ledger (editorial retail), Loft (home, lifestyle and furniture), Stride (sport, outdoor and active gear).

Do I need your apps to use Ledger?

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

Does Ledger have a dark mode?

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

Freebies Engine, Bundle Builder, Quantity Breaks, Frequently Bought Together have a named place in Ledger. The other mini apps work too, where they find their place by detection.

How much does Ledger cost?

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

Retail and catalogsComing to the Theme Store

Ledger Shopify theme

An editorial storefront on a ruled, typographic grid. Fine rules, numbered sections, square cards and a split hero with the text on a solid panel. One structure with three looks for retail, home and outdoor catalogs.

Try the live demo See how it works with our apps

Price set in the Theme Store.

Try Ledger in place

Open full demo

A sample store built from the Ledger 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 GoodsShopCollectionsJournalAboutCart (2)

Editorial retail

Everything for the season, ruled and numbered.

A split hero with the text on a solid panel, never over the photo. Fine rules and square cards keep a large catalog easy to scan.

Shop the catalog

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

01 New this week

Linen OvershirtHalden
Merino CrewneckHalden
Waxed Canvas ToteHalden Goods
Stoneware Mug, set of 2Loft Studio

What makes Ledger different

Split hero with the text on a solid panel, never over the photo
Numbered, ruled sections and tabular figures
Quick add always visible, with a dialog for multi-variant products
Mega menu that works by keyboard
Predictive search and cart drawer with four states each

Want it on your store?

Request early access Open the full demo

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

Ledger Editorial retail

Paper
#FAF8F3 · #17150F · #7A2E1B
Text on background
17.2:1 AAA
Button label on button
17.2:1 AAA
Accent on background
8.9:1 AA
Linen
#EEE8DB · #17150F · #7A2E1B
Text on background
14.9:1 AAA
Button label on button
14.9:1 AAA
Accent on background
7.7:1 AA
Ink
#14130F · #F6F3EA · #E9A877
Text on background
16.8:1 AAA
Button label on button
16.8:1 AAA
Accent on background
9.1:1 AA
Moss
#1E3A2F · #F6F3EA · #F2CF86
Text on background
11.1:1 AAA
Button label on button
8.3:1 AAA
Accent on background
8.3:1 AA

Loft Home, lifestyle and furniture

Chalk
#F7F4EE · #1E1A15 · #4D5B3A
Text on background
15.8:1 AAA
Button label on button
13.7:1 AAA
Accent on background
6.7:1 AA
Sand
#E8E0D2 · #1E1A15 · #4D5B3A
Text on background
13.2:1 AAA
Button label on button
11.4:1 AAA
Accent on background
5.6:1 AA
Sage
#4B5842 · #F7F4EE · #E8D3A8
Text on background
6.9:1 AA
Button label on button
10.0:1 AAA
Accent on background
5.2:1 AA
Ink
#1C1814 · #F4EFE6 · #DDBE8C
Text on background
15.4:1 AAA
Button label on button
15.4:1 AAA
Accent on background
9.9:1 AA

Stride Sport, outdoor and active gear

Concrete
#F2F4F6 · #0A1626 · #B83700
Text on background
16.5:1 AAA
Button label on button
16.5:1 AAA
Accent on background
5.3:1 AA
Fog
#E0E5EB · #0A1626 · #A33000
Text on background
14.3:1 AAA
Button label on button
14.3:1 AAA
Accent on background
5.6:1 AA
Summit
#0B1B2E · #F2F4F6 · #FF7A2B
Text on background
15.7:1 AAA
Button label on button
6.0:1 AA
Accent on background
6.7:1 AA
Ink
#111418 · #F2F4F6 · #FF7A2B
Text on background
16.8:1 AAA
Button label on button
6.4:1 AA
Accent on background
7.1: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.

Ledger headings
Libre Baskerville, weight 400
Body
Karla, weight 400
Heading scale
112%
Loft headings
Newsreader, weight 400
Body
Karla, weight 400
Heading scale
120%
Stride headings
Karla, weight 700
Body
Karla, weight 400
Heading scale
116%

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

Ledger
Buttons 2 px, inputs 2 px, surfaces 0 px. Product cards 4:5, 2 per row on a phone.
Loft
Buttons 6 px, inputs 6 px, surfaces 6 px. Product cards square, 1 per row on a phone.
Stride
Buttons 2 px, inputs 2 px, surfaces 0 px. Product cards 3:4, 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: Ledger 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 Ledger 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 Ledger

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

Ledger 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 Ledger 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.

Editorial retailLedgerShop now
Ledger
Editorial retail
Headings in Libre Baskerville, body in Karla.
- Paper
- Linen
- Ink
- Moss
Home, lifestyle and furnitureLoftShop now
Loft
Home, lifestyle and furniture
Headings in Newsreader, body in Karla.
- Chalk
- Sand
- Sage
- Ink
Sport, outdoor and active gearStrideShop now
Stride
Sport, outdoor and active gear
Headings in Karla, body in Karla.
- Concrete
- Fog
- Summit
- Ink

Editorial retail

A heading in the Ledger 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: Paper #FAF8F3, Linen #EEE8DB, Ink #14130F, Moss #1E3A2F

Want it on your store?

Request early access Open the full demo

Works with our apps

Ledger 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.

Freebies Engine
Gift and progress bar slots in the cart drawer, and a badge slot on product cards.
Bundle Builder
Checked in a stacked layout at 375 px.
Quantity Breaks
Sits in the product app zone, right after the buy buttons.
Frequently Bought Together
Sits in the product app zone, right after the buy buttons.

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

Ledger's blocking stylesheet is budgeted at 10,300 bytes over the wire (brotli), 84% 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

Ledger (Ledger 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 Ledger preset, measured on the dev store, mobile, 2026-10-30
Page	Score	LCP	TBT
Home	91	2,744 ms	182 ms
Collection	91	2,796 ms	186 ms
Product	88	3,277 ms	170 ms

Release floors on every preset: Lighthouse performance 85%, accessibility 98%, best practices 95% and SEO 100%. Four color schemes per preset, every text, muted text and border pair computed against WCAG 2.2 AA.

Run it on your store:

Request early access Open the full demo

Coming to the Theme Store

Get Ledger when it opens

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

Ledger 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.

Pulse
A modern DTC storefront of rounded tiles and a pinned hero.
Try the Pulse demo
Lustre
Quiet luxury: images first, prices that do not shout.
Try the Lustre demo

All themes Compare themes Ledger documentation Theme support

Questions about Ledger

Who is Ledger for?: Fine rules, numbered sections, square cards and a split hero with the text on a solid panel. One structure with three looks for retail, home and outdoor catalogs. Its three presets are Ledger (editorial retail), Loft (home, lifestyle and furniture), Stride (sport, outdoor and active gear).
Do I need your apps to use Ledger?: No. Ledger is complete on its own. With our apps installed, their widgets use the theme's anchors instead of guessing.
Does Ledger have a dark mode?: Yes. Every Ledger 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 Ledger?: Freebies Engine, Bundle Builder, Quantity Breaks, Frequently Bought Together have a named place in Ledger. The other mini apps work too, where they find their place by detection.
How much does Ledger cost?: Price set in the Theme Store. We do not set or show a price here.

Questions before you commit?

Ledger support

Request early accessGet early access

Be first to try Ledger

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

Ledger Shopify theme

Try Ledger in place

What makes Ledger different

The Ledger design system

Color schemes

Ledger Editorial retail

Loft Home, lifestyle and furniture

Stride Sport, outdoor and active gear

Typography

Shape, space and elevation

Icons

The Ledger components

The sections of Ledger

Ledger page by page

Your apps in the Ledger theme

Three looks, one theme

Ledger

Loft

Stride

Works with our apps

Freebies Engine

Bundle Builder

Quantity Breaks

Frequently Bought Together

Accessible and fast by contract

Accessible by contract

Fast by budget

Complete without apps, faster with them

Stylesheet budget

Measured results

Get Ledger when it opens

Other themes to look at

Pulse

Lustre

Questions about Ledger

Be first to try Ledger