Color Palette

Dark-first surfaces with deep teal undertones. Neon Green is the singular high-energy accent.

Primary & Accent

White
#FFFFFF
Text, button fills
Black
#000000
Page bg, button text
Neon Green
#36F4A4
Focus, accent highlights
Aloe
#C1FBD4
Decorative wash
Pistachio
#D4F9E0
Light green tint

Surface & Background

Void
#000000
Root page bg
Deep Teal
#02090A
Card surfaces
Dark Forest
#061A1C
Section backgrounds
Forest
#102620
Elevated surfaces
Card Border
#1E2C31
Dark card borders

Zinc Neutral Scale

Shade-30
#D4D4D8
Light borders
Muted
#A1A1AA
Secondary text
Shade-50
#71717A
Tertiary text
Shade-60
#52525B
Disabled text
Shade-70
#3F3F46
Dividers, borders

Typography Scale

NeueHaasGrotesk at ultra-light weights (330) for display, Inter Variable for body. All text uses the ss03 stylistic set.

Display XL — 96px / 330 / 0.96
Be the next big thing
Heading 1 — 55px / 330 / 1.16
The commerce platform behind it all
Heading 2 — 48px / 330 / 1.14
For everyone, from entrepreneurs to enterprise
Heading 3 — 32px / 360 / 1.14
Sell everywhere, all at once
Heading 4 — 28px / 500 / 1.28
Built for the way you work
Heading 5 — 24px / 400 / 1.14
Card Heading
Body Large — 20px / 500 / 1.40
Lead paragraph text used for hero subtitles and introductions.
Body — 18px / 400 / 1.56
Standard body text for descriptions and content. Inter Variable at weight 400 with generous line-height.
Body Medium — 18px / 550 / 1.56
Emphasized body text for links and important UI text.
Caption — 14px / 500 / 1.49
Metadata, labels, and small descriptive text
Overline — 12px / 500 / uppercase / 0.72px tracking
Category Label
Monospace — 16px / uppercase
CODE_BLOCK_EXAMPLE

Button Variants

Full-pill (9999px radius) buttons. White primary, ghost secondary, frosted glass tags.

Primary & Ghost
Tags & Focus State

Cards & Containers

Multi-layered shadow system on deep teal surfaces. 12px radius with subtle card borders.

Deep Teal Cards

Online Store

Build a beautiful storefront that converts visitors into customers.

Point of Sale

Sell in-person with hardware designed for modern retail.

Payments

Accept every payment method with integrated processing.

Forest Cards

Marketing

Reach customers with built-in SEO and social tools.

Analytics

Track performance with real-time dashboards and reports.

Shipping

Ship globally with discounted rates and tracking.


Form Elements

Transparent inputs with subtle borders. Neon Green focus ring for accessibility.

Please enter a valid email address

Spacing Scale

8px base unit with progressive scaling for theatrical section pacing.

4
8
12
16
24
32
40
64

Border Radius Scale

From subtle tags to full-pill CTAs — radius signals interaction type.

4px
Tags
8px
Cards, inputs
12px
Featured
20px
Top-round
9999px
Pill buttons

Depth & Elevation

Multi-layered shadows with inset white glow — ambient occlusion on dark surfaces.

Base
Border only, no shadow
Subtle
1px ring + inset glow
Medium
Multi-layer stack
Focus
Neon Green 2px ring