Large Format — Design System Preview

SWAGTRON SHOPIFY DESIGN SYSTEM

The design system for the swagtron.com Shopify storefront, built against RoarTheme Concept v6.0.0. Every page below is self-contained and opens with zero external requests.

Canonical Token Sheet — Batch 0

The visual specimen sheet: colour, type, spacing, shape, buttons, inputs, focus, badges, product card, heading-highlight system, icons and motion.

Open token sheet

Batch 1 — Worked Example

Six real storefront sections, every schema variant, motion running, desktop and mobile side by side. The finished reference build.

Open Batch 1