GO GET 'EM!
Round-based tactical shooter in the Condition Zero mould.
12 runsPlay →
DESIGN SYSTEM
The Crit Hit kit
Every component, in every state. If a pattern is not on this page it does not exist yet — build it here first, then use it.
Colour
The ground is violet, never neutral — saturated colour on grey reads as a swatch, on violet-black it reads as emitted light. Each neon is three values: a near-white core, a saturated glass, and a low-alpha bloom. Compose from all three or it looks like a fill.
Ground
Neon channels — core / glass / bloom
Usage law. Amber means actionable — if it is amber it is clickable. Cobalt is structure and selection, never a primary button. Magenta is liveness, at most one per viewport. Cyan is metadata and is never interactive.
Per-game accents
Typography
The Press Start 2P law. Uppercase only. Three words maximum. Never below 12px. Permitted in eyebrows, numeric readouts, the marquee, keycap glyphs and the wordmark — nowhere else. Never a card title, never body copy, never a lowercase letter. Breaking this is the single change that made the old site look amateur.
The pairing — pixel eyebrow over a tight sans headline
NOW PLAYING
Seven games, one cabinet
The arcade voice comes from the eyebrow, not from setting the headline in pixels.
.ch-displayDisplay.ch-h1Heading one.ch-h2Heading two.ch-h3Heading three.ch-leadLead paragraph, muted, capped at 68 characters..ch-bodyBody copy at 15px with a 1.6 line height..ch-smallSmall print and metadata..ch-readoutSCORE 128400Buttons
Variants
Sizes
States
Focus is one treatment across the whole product: a 2px cobalt ring with a 2px void offset. Tab through this page to check it — no component may remove it without a replacement.
Chips & badges
FPS
Ready
LIVE
Archived
RTS survival
3
Nothing is conveyed by colour alone — the live chip carries a dot and the word.
Cards
The game card is the most important component on the site. It shows a real captured frame — never a sprite on a flat swatch. Hover or focus one to see the accent border, bloom and the slow ken-burns.
Segmented control
One tab stop, arrows move within — try it
Selected: all
Keycaps
Pressable (a game is running)
Progress & skeleton
Determinate — 64%
Indeterminate — cartridge loading
Modal & toast
The modal traps focus, closes on Esc or backdrop click, locks page scroll, and returns focus to whatever opened it.
Cabinet
CRIT HIT ARCADE
CRIT HIT BIOS
MEMORY ........ 64K OK
VIDEO ......... CRT 60HZ
SLOT .......... EMPTY
MEMORY ........ 64K OK
VIDEO ......... CRT 60HZ
SLOT .......... EMPTY
The 1px cobalt inner rim is what makes it read as lit glass rather than a dark rectangle. Scanlines sit at 3.5% opacity — any stronger and it fights the game underneath.