Large Format — canonical design system

SWAGTRON SHOPIFY DESIGN SYSTEM

The design system for the swagtron.com Shopify storefront, built against RoarTheme Concept v6.0.1. Its purpose is a hard constraint, not a flavour: anything designed against this system must be buildable 1:1 in the Shopify theme editor using real Concept sections. Every page below is self-contained and opens with zero external requests.

Specimens

Rendered artifacts. Both are retired as numeric authorities as of 2026-07-29 and are kept as historical reference for composition, density and register only — they are frozen renders and carry pre-correction values. The tokens win every conflict.

Canonical Token Sheet — Batch 0

The visual specimen sheet: colour, type, spacing, shape, buttons, inputs, focus, badges, product card, the 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

The theme

What Concept v6.0.1 actually ships, read from the installed theme rather than from documentation. These two pages supersede every earlier count and every earlier motion value.

Motion

The ten engine families with their corrected measured values, the four C-0 corrections, and the 21-entry native-motion inventory covering 29 distinct stock components.

Open motion

Census

The authoritative five-layer inventory of Concept v6.0.1 — 366 native items enumerated, 208 of them missing from the inventory we held before 2026-08-29.

Open census

The campaign

The TEAM SWAGTRON creator-giveaway design work. Sweepstakes language throughout is COMPLIANT-pending-counsel; counsel placeholders stay bracketed and nothing is certified.

Campaign

Addenda A–H, the sequential per-creator giveaway model, the entry and popup flow states, the comparison-module spec, the email module set, and the code-module and permalink laws.

Open campaign

Provenance

Where every number came from, when it was read, and which reads are still outstanding.

Provenance

The changelog, the version-authority note, the token provenance split, the source repository, the Claude Design projects, and the open CANNOT-VERIFY register.

Open provenance

Token provenance is not uniform. Settings-backed colour, typography and spacing values are ground truth. Shape, elevation, input, button and card values were derived from theme CSS and nine were wrong at authorship — corrected 2026-07-29. The five formerly unverified entries are all resolved. The settings-backed tokens were re-read against the installed Concept v6.0.1 on 2026-08-30: 44 tokens traceable to a key in the live config/settings_data.json, all unchanged, zero drift. The long-quoted count of 38 was an undercount and was never enumerated. --radius-badge has no settings key and is a repo-side alias of --radius-button. The enum-to-value mapping in snippets/css-variables.liquid has not been re-read against v6.0.1. See Provenance.