bgrollemanandClaude Opus 5.5
94832d861b
Spec, stylesheet, glitch script, Claude Code skill and the design canvas source. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
14 lines
897 B
Markdown
14 lines
897 B
Markdown
---
|
|
name: night-grid
|
|
description: Night Grid, Bas's cyberpunk / dark neon HUD style for dashboards, tools and pages (yellow, cyan and red neon on near-black, clipped corners, mono labels). Use when asked for a cyberpunk, neon, HUD or "Night Grid" look, or when building a dashboard or UI with no other style given.
|
|
---
|
|
|
|
# Night Grid
|
|
|
|
1. Read `NIGHT-GRID.md` in this folder: the full spec (principles, colors, type, shapes, components, charts, motion, do/don't). Follow it.
|
|
2. Use `night-grid.css` from this folder: copy it into the project (or inline it in a single-file page) and build with its `ng-*` classes and `--ng-*` variables. Don't redefine the tokens.
|
|
3. Load the two Google Fonts listed at the top of the CSS.
|
|
4. For the ambient glitch, include `night-grid.js` (copy or inline it, `defer`) and mark a few headings or values `.ng-glitch`.
|
|
|
|
Dark theme only: this style has no light mode.
|