Do I need your apps to use Orbit?

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

Does Orbit have a dark mode?

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

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

How much does Orbit cost?

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

One-product launchesComing to the Theme Store

Orbit Shopify theme

One product, one long story, a buy bar that follows you. The home page is a launch landing: hero with the product, press strip, big numbers, pinned features, comparison, buy section and FAQ. Pre-order and waitlist are states of the button.

Try the live demo See how it works with our apps

Price set in the Theme Store.

Try Orbit in place

Open full demo

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

Gadgets, audio and wearables

One product, one clear next step.

A launch page that keeps the buy button in view from the first screen to the last. Built for a single hero product and its accessories.

Add to cart

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

Works with

Kepler OnePortable speaker · Graphite
Kepler One Duo2 speakers, one for every room
Travel caseShock-proof, fits one speaker
Charging dockMagnetic, USB-C

What makes Orbit different

Launch landing home with a buy section built in
Buy bar fixed from the first scroll
Pre-order and waitlist states read from product data
A launch countdown that needs a date, never resets and ends in Now shipping
Optional 24-frame hero sequence with the poster always as the LCP image

Want it on your store?

Request early access Open the full demo

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

Orbit Gadgets, audio and wearables

Void
#070B14 · #EEF2FA · #FFB547
Text on background
17.5:1 AAA
Button label on button
10.9:1 AAA
Accent on background
11.2:1 AA
Deep
#0E1730 · #EEF2FA · #FFB547
Text on background
15.8:1 AAA
Button label on button
10.9:1 AAA
Accent on background
10.1:1 AA
Daylight
#F1F4F9 · #0A1020 · #1743CC
Text on background
17.2:1 AAA
Button label on button
17.2:1 AAA
Accent on background
7.0:1 AA
Flare
#FFB547 · #0B0F1A · #0B0F1A
Text on background
10.9:1 AAA
Button label on button
10.9:1 AAA
Accent on background
10.9:1 AA

Fizz Beverages and supplements

Sky
#F3FAFF · #0C1A33 · #C8124B
Text on background
16.5:1 AAA
Button label on button
5.8:1 AA
Accent on background
5.5:1 AA
Citrus
#FFD83A · #0C1A33 · #0C1A33
Text on background
12.5:1 AAA
Button label on button
12.5:1 AAA
Accent on background
12.5:1 AA
Berry
#A80D3D · #FFFFFF · #FFD83A
Text on background
7.5:1 AAA
Button label on button
12.5:1 AAA
Accent on background
5.4:1 AA
Night
#0C1226 · #F3FAFF · #FF7AA3
Text on background
17.6:1 AAA
Button label on button
12.5:1 AAA
Accent on background
7.6:1 AA

Halo Minimal gadgets

Studio
#F6F6F4 · #111214 · #1F3FE0
Text on background
17.3:1 AAA
Button label on button
17.3:1 AAA
Accent on background
6.8:1 AA
Fog
#E8E9EB · #111214 · #1A38C9
Text on background
15.4:1 AAA
Button label on button
15.4:1 AAA
Accent on background
7.0:1 AA
Graphite
#17181B · #F6F6F4 · #8CA6FF
Text on background
16.4:1 AAA
Button label on button
16.4:1 AAA
Accent on background
7.6:1 AA
Cobalt
#1F3FE0 · #FFFFFF · #FFFFFF
Text on background
7.4:1 AAA
Button label on button
7.4:1 AAA
Accent on background
7.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.

Orbit headings
DM Sans, weight 700
Body
DM Sans, weight 400
Heading scale
110%
Fizz headings
DM Sans, weight 800
Body
Work Sans, weight 400
Heading scale
114%
Halo headings
Work Sans, weight 600
Body
Work Sans, weight 400
Heading scale
102%

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

Orbit
Buttons 6 px, inputs 8 px, surfaces 16 px. Product cards square, 2 per row on a phone.
Fizz
Buttons 40 px, inputs 12 px, surfaces 28 px. Product cards 3:4, 2 per row on a phone.
Halo
Buttons 8 px, inputs 8 px, surfaces 12 px. Product cards square, 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: Orbit 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 Orbit 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 Orbit

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

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

Gadgets, audio and wearablesOrbitShop now
Orbit
Gadgets, audio and wearables
Headings in DM Sans, body in DM Sans.
- Void
- Deep
- Daylight
- Flare
Beverages and supplementsFizzShop now
Fizz
Beverages and supplements
Headings in DM Sans, body in Work Sans.
- Sky
- Citrus
- Berry
- Night
Minimal gadgetsHaloShop now
Halo
Minimal gadgets
Headings in Work Sans, body in Work Sans.
- Studio
- Fog
- Graphite
- Cobalt

Gadgets, audio and wearables

A heading in the Orbit 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 DM Sans, body in DM Sans. The preview uses a stand-in face of the same kind.
Color schemes: Void #070B14, Deep #0E1730, Daylight #F1F4F9, Flare #FFB547

Want it on your store?

Request early access Open the full demo

Works with our apps

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

Urgency Bar
Takes over the announcement slot and replaces the theme's launch countdown.
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.
Delivery Date
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

Orbit'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

Orbit (Orbit 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 Orbit preset, measured on the dev store, mobile, 2026-10-30
Page	Score	LCP	TBT
Home	90	2,614 ms	293 ms
Collection	88	3,351 ms	193 ms
Product	87	3,097 ms	123 ms

Release floors on every preset: Lighthouse performance 85%, accessibility 98%, best practices 95% and SEO 100%. Twelve color schemes across the three presets, computed against WCAG 2.2 AA with no failures, including the worst stop of the hero gradient.

Run it on your store:

Request early access Open the full demo

Coming to the Theme Store

Get Orbit when it opens

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

Orbit 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
Vellum
A brand story told in numbered chapters, ending at the buy button.
Try the Vellum demo

All themes Compare themes Orbit documentation Theme support

Questions about Orbit

Who is Orbit for?: The home page is a launch landing: hero with the product, press strip, big numbers, pinned features, comparison, buy section and FAQ. Pre-order and waitlist are states of the button. Its three presets are Orbit (gadgets, audio and wearables), Fizz (beverages and supplements), Halo (minimal gadgets).
Do I need your apps to use Orbit?: No. Orbit is complete on its own. With our apps installed, their widgets use the theme's anchors instead of guessing.
Does Orbit have a dark mode?: Yes. Every Orbit 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 Orbit?: Urgency Bar, Quantity Breaks, Frequently Bought Together, Delivery Date have a named place in Orbit. The other mini apps work too, where they find their place by detection.
How much does Orbit cost?: Price set in the Theme Store. We do not set or show a price here.

Questions before you commit?

Orbit support

Request early accessGet early access

Be first to try Orbit

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

Orbit Shopify theme

Try Orbit in place

What makes Orbit different

The Orbit design system

Color schemes

Orbit Gadgets, audio and wearables

Fizz Beverages and supplements

Halo Minimal gadgets

Typography

Shape, space and elevation

Icons

The Orbit components

The sections of Orbit

Orbit page by page

Your apps in the Orbit theme

Three looks, one theme

Orbit

Fizz

Halo

Works with our apps

Urgency Bar

Quantity Breaks

Frequently Bought Together

Delivery Date

Accessible and fast by contract

Accessible by contract

Fast by budget

Complete without apps, faster with them

Stylesheet budget

Measured results

Get Orbit when it opens

Other themes to look at

Pulse

Vellum

Questions about Orbit

Be first to try Orbit