Commerce platform · cinematic dark-first

The future of commerce is dark, quiet, and precise.

Shopify powers millions of merchants from first sale to full scale. Every checkout, every channel, every currency — unified under one platform.

Color Palette26 tokens

background#000000

surface#02090A

surface-elevated#061A1C

surface-prominent#102620

surface-light#ffffff

ink#ffffff

ink-on-light#000000

ink-muted#A1A1AA

ink-subtle#71717A

ink-disabled#52525B

primary#36F4A4

on-primary#000000

aloe#C1FBD4

pistachio#D4F9E0

neutral-light#D4D4D8

neutral-divider#3F3F46

light-border#E4E4E7

border-card#1E2C31

border-input#3F3F46

link-muted#9797A2

link-sage#9DABAD

link-lavender#BDBDCA

link-mint#99B3AD

glass-frosted#333333

shadow-tint#0a0a0a

edge-highlight#0c0c0c

Buttons

TypographyGoogle Font

Archivobrand uses NeueHaasGrotesk

display-xl

Sell anywhere, beautifully.

96px · 400 · 0px

display-light

Built for the world's commerce

96px · 330 · 0px

display-bold

Shopify powers millions of merchants from first sale to full scale. Every checkout, every channel, every currency — unified under one platform.

90px · 750 · 4.54px

TRUSTED BY 4.4M+ MERCHANTS GLOBALLY

70px · 330 · 0px

Shopify powers millions of merchants from first sale to full scale. Every checkout, every channel, every currency — unified under one platform.

55px · 330 · 0px

IconsSolar

Set: Solar · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Built for the world's commerce

Shopify powers millions of merchants from first sale to full scale. Every checkout, every channel, every currency — unif…

Retail

none

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Built for the world's commerce

Shopify powers millions of merchants from first sale to full scale. Every checkout, every channel, every currency — unified under one platform.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeRetailShopify

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Shopify.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Shopify tokens
export const theme = {
  primary: "#36F4A4",
  radius: "12px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

We launched in three countries in six weeks. Shopify just handled the infrastructure so we could focus on the product.

Shopify · Retail