Nerdworks · 1.0.0

Nerdworks u2014 Brand Seeds (SNW3)

Dark editorial design system for Nerdworks TCG & gaming retail. Five-tone section palette (nw-green / Forest / Vault / Anchor / Bright), Plus Jakarta Sans, sharp 4px radius.

Section Rhythm

Dark → Green → Dark → Light → Dark variant — balanced rhythm with green and light breathing room.

Dark
Green
Dark
Light
Dark variant

Colour Palette

Primary
#266038
Tertiary
#2B322B
Text
#E2E3DE
Neutral
#C1C9BF
Negative
#BA1A1A

Typography

proxima-nova — via Google Fonts.

Display--fs-display
Curated for Collectors
H1--fs-h1
The Curator's Vault
H2--fs-h2
Latest Acquisitions
H3--fs-h3
Pokémon
H4--fs-h4
Friday Night Magic
Body Large--fs-body-lg
The definitive archive for trading card games, miniatures, and board game rarities.
Body--fs-body
A standing weekly event where the shop floor transforms into a tournament hall.
Eyebrow--fs-eyebrow
The Gallery · Social Hub · Staff Pick

Border Radius

0px--radius-none
4px--radius-sm
12px--radius-md
16px--radius-lg
24px--radius-xl

Spacing Scale

--space-1 4px
--space-2 8px
--space-3 12px
--space-4 16px
--space-5 24px
--space-6 32px
--space-7 48px
--space-8 64px
--space-9 96px
--space-10 128px

Borders

1px--border-hairline
2px--border-regular
4px--border-thick

Shadows

--shadow-sm
--shadow-md
--shadow-lg
--shadow-xl

Components

Buttons

Badges

Staff Pick Sale New MTG

Hero

The Obsidian Selection

Curated for Collectors

A standing archive of the finest cards, miniatures, and board game rarities — treated with the reverence of fine art. Handpicked by people who care.

Image · 4:5

Product Card

Product art
Staff Pick

Charizard ex Full Art

Pokémon · 151 Booster

£189.00

Product art

Mox Opal (Foil)

Magic: The Gathering · Modern Masters

£340.00

Product art
New

Ursula's Quest Deckbox

Disney Lorcana · First Chapter

£52.00

Image and Content

Feature · 4:3

Editorial Feature

The Curator's Notebook

An ongoing record of pulls from the shop floor — the pieces that stopped us in our tracks, the rarities that resurfaced from private collections, and the cards we wish we could keep for ourselves.

Newsletter Form

Direction Rules

Do

  • Alternate section backgrounds: dark tone u2192 Bright (#e1e3de) u2192 dark tone. Choose the dark tone based on content mood (nw-green for brand-forward, forest for editorial/deep, vault/anchor for photography-led or content-heavy).
  • Use real product photography u2014 TCG artwork is the strongest visual asset
  • Use eyebrow labels (14px uppercase, letter-spacing 0.14em) above every section heading
  • Use JetBrains Mono for all prices, ref codes, condition grades, and numeric spec data
  • Use 1400px container width

Don't

  • Never place two dark sections adjacent u2014 every dark section must be followed by Bright (#e1e3de).
  • Never use two consecutive sections with the same background tone
  • Never use mint, sage, pastel, or pale greens (e.g. #81d996) anywhere.
  • Never use pill-shaped buttons or border-radius above 8px on CTAs
  • Never use gradient placeholders in place of product images
  • Never use monospace type in body text or headings