BRAND KIT

A trading terminal at 3am. Black ground, one neon green, sharp edges, numbers that look like a market feed. Everything below is the live system — the site imports these exact values.

THE MARK

Cat head, candlestick eyes

CONSTRUCTION

  • 48×48 grid, stroke-only, uniform 2.5-unit weight.
  • Square caps and miter joins everywhere — no rounded ends.
  • 8-unit radius on the head's bottom corners only.
  • Interior stays open; the ground shows through.
  • Minimum size 16px. Below that the candlesticks merge.

CLEAR SPACE

Padding on every side equals one ear height. Nothing enters that box.

COLOUR

One accent, used sparingly
Void Black--bg
#0A0A0A

Page ground. The default state of everything.

Panel--surface
#141414

Cards, the mint panel, anything raised off the ground.

Ticker Green--accent
#39FF14

The brand. Mark, live state, primary action, glow.

Ticker Dim--accent-dim
#2BC40F

Hover and pressed states on accent surfaces.

Terminal White--text
#FFFFFF

Primary type. Never glows.

Muted--text-muted
#8A8A8A

Secondary type, labels, disabled states.

Halt Red--danger
#FF3B30

Errors and testnet warnings only. Never decorative.

Hairline--line
rgba(255,255,255,0.09)

Every border in the system. One weight, 1px.

TYPE

Space Grotesk · JetBrains Mono
Display

STOCK CATZ

Space Grotesk Bold · -0.02em · 0.95 leading
Heading

Mint is open

Space Grotesk Medium
Body

10,000 generative cat traders on the Robinhood Chain.

Space Grotesk Regular · 1.6 leading
Readout

1,247 / 10,000

JetBrains Mono · tabular figures · -0.02em
Label

ALLOWLIST

JetBrains Mono · 0.25em tracking · uppercase

Numbers are never set in the sans. Supply counts, prices, addresses, and hashes are always monospace with tabular figures, so digits don't shift as they tick.

COMPONENTS

How the system assembles
STATUS BADGES
PUBLICCLOSEDPAUSED
PROGRESS
1,247 / 10,000MINTED
BUTTONS
Mint 3
Connect Wallet
Sold Out
MOTION
  • Glow pulse — 2.6s linear, live mint button only.
  • Count-up — 600ms linear on supply changes.
  • Status blink — 1.4s step, live phases only.
  • Everything honours prefers-reduced-motion.

ASSETS

Right-click, save

RULES

DO

  • + Keep clear space around the mark equal to the height of one ear.
  • + Set every number in JetBrains Mono, with tabular figures.
  • + Use exactly one accent element per view — the eye should know where to go.
  • + Keep borders at 1px hairline; let spacing do the separating.
  • + Animate on linear or ease-out timing, 200–600ms.

DON'T

  • − Don't round the mark's corners or its line caps — square caps are the mark.
  • − Don't add glow to white type. Glow is accent-only.
  • − Don't fill the mark's head or add a face — the candlesticks are the face.
  • − Don't use Halt Red as a decorative accent. It means something is wrong.
  • − Don't use bouncy or springy easing. This brand is sharp, not playful.
Stock Catz brand kit · source in claude/design/stock-catz-brand.pen← BACK TO MINT