BUILD
- Build a complete Cyberpunk night-ops / data-product homepage. Not a card, not an isolated navbar, not a game storefront, not tabs.
- Domain: Devtools as the product. Games is atmosphere (night city, a PATCH feed), not Steam.
STYLE
- Cyberpunk: night black, teal data, one warning accent
- Ground #0A0A0A full-bleed. Panels #111111. Type #E8FFFB. Data and edges #00C2B3. Deploy #FF5A36 (coral, never magenta)
- Radius 2–4px max. IBM Plex Mono for links, figures, status. Plus Jakarta Sans for the title. No Inter
LAYOUT
- Full-bleed night shell. Left rail NORTH / Ops / Logs / Fleet. Top chrome: separate Ops / Logs / Fleet, grep search, Deploy
- Main well: four telemetry KPIs, chart, three-row fleet table, status bar — a finished ops home, not two empty cells
SECTIONS
1. Status hero: "Night city. Teal on black." plus a mono readout. CTA Deploy
2. Four KPI tiles: Uptime 00:41, Error 0.4%, Fleet 128, Patch OK
3. Chart well + three-row fleet table (EDGE-7 / GAME-SRV / LOG-12)
4. Status bar: SYS.OK · 00:41:12 · EDGE-7 — not a marketing footer
INTERACTION
- Hover: teal edge plus glow. Do not lift. Do not add purple neon
TECHNICAL
- React, Tailwind CSS, restyle shadcn/ui — not default shadcn. One homepage route.
DON'Ts
- No purple, violet, indigo, fuchsia, navy haze. No Inter. No emoji icons
- Blacks are #0A0A0A / #111111. Warning is #FF5A36, never magenta
- Do not output a landing hero plus two empty cells. Do not build a game marketplace home
MOTION
- Scanline: 3s linear loop. Keep it to one element.
- Glitch: steps() flickers under 200ms, used sparingly and never on text a user must read.
- Hover: 120ms colour jump, no tween.
- prefers-reduced-motion: disable scanline and glitch entirely.