---
name: nexus-ui-engine
description: Design System & Component rules for Blazor
---
# UI Standards

- **Atomic Components:** Build reusable `Atoms`, `Molecules`, and `Organisms`.
- **Styling:** Scoped CSS only (`.razor.css`). Global styles reserved for Design Tokens.
- **Branding (Nexus Neon):**
  - BG: `#121212` (Dark Mode).
  - Accent: `#00ff99` (Neon Green).
  - Typography: Serif for reading, Sans-Serif for AI interface.
- **Vertical Flow:** AI Assistant must be injected into the document flow, pushing text down smoothly.
- **A11y:** 44x44px touch targets; contrast ratio 4.5:1.