Alex Dunmow 644a8083f7 fix(cyberpunk): rain first-paint density, seed depth, HUD bracket inset, sized icon SVGs
- hero rain canvas: seed drops across full height so the digital-rain reads
  dense from the first painted frame (was starting all drops above the
  viewport -> near-blank within a short capture settle).
- seed: expand the About story + give the pull-quote a real attribution
  (was the two-word 'The studio' stub); expand all three devlog articles,
  making-it-rain to ~10 paragraphs, so no article strands a void above the
  footer.
- manifest CSS: inset the HUD corner brackets 5px so they clear rounded /
  overflow-hidden panels (fixes the clipped cyan tick on the code_neon block).
- SVG geometry guard: explicit width/height on all 37 icon <use>/inline SVGs
  (px = tailwind unit x4) so a purged utility can't balloon them.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-06 16:10:38 +08:00
2026-07-06 09:24:42 +08:00
2026-07-05 13:43:18 +08:00

Cyberpunk

A high-voltage theme built on neon glow over near-black. Magenta, cyan, and lime accents cut across scanlines, glitch splits, and HUD brackets, so a page reads like the interface of a late-night game studio. The hero carries an animated canvas that rains code down the screen. It looks loud, and the type stays legible while it does.

Good for

We built Cyberpunk for teams that want a screen to feel switched on. Treat these as starting points, not limits. If the mood fits your brand, use it:

  • Indie game studios and dev collectives
  • Developer tools and API products
  • Crypto, fintech, and Web3 launches
  • Hackathons and tech event pages

What you get

  • Five color presets, each with a tuned light mode and a tuned dark mode: Neon Noir, Acid Rain, Toxic Bloom, Hotline, and Ghost Protocol.
  • Orbitron for display headings, Share Tech Mono for code and labels, and Inter for body text. All three ship bundled. Fonts stay admin-controlled, so you can swap them from the typography settings.
  • An animated canvas hero that rains code behind the headline. It waits until it scrolls into view, honors reduced-motion, and falls back to a static neon gradient when scripting is off.
  • Four persona blocks: a glitch hero, a neon code panel, a team roster grid, and a patch-notes feed.
  • A demo site that installs when you activate the theme: a home page, an about page, a short blog, and a contact page whose form emails your admins. It comes seeded as a studio called Neon Forge.
  • Every core block restyled to match, plus a themed login screen and a themed 404 page.

Install

Install from the BlockNinja registry, then pick a preset and assign your fonts in the admin. Activate the demo content if you want a fully dressed starting point.

Description
No description provided
Readme 8.7 MiB
Languages
CSS 67.9%
Makefile 27.4%
AMPL 4.7%