nightshift-designlisted

# nightshift — Design System ## Overview **nightshift** is a Claude Code plugin that turns one terminal into a full AI software-delivery team — PM, architect, tech lead, engineers, QA — driven from the issue tracker. Tagline: **"Your AI software team that ships while you sleep."** The design is **nocturnal, calm, technical, no-hype**. Audience is senior devs who live in the terminal and smell marketing instantly. Every artifact must feel **credible, fast, technical** — a premium dev-tool, never a generic SaaS splash. **Lead with proof (terminal output, numbers), never adjectives.** **The brand name is always lowercase — `nightshift`.** Never "Nightshift" or "NightShift". ## When to Use - Building nightshift UI (production React, or static HTML mocks/slides/prototypes) - Writing nightshift copy (landing page, docs, README, social) - Producing brand assets (OG cards, banners, logo lockups) - Any artifact that must match the brand **Two output modes** (ask which if unclear): 1. **Throwaway visual** (slide, mock, prototype) → copy assets out, emit static HTML files the user can open. 2. **Production code** → read the token CSS + component sources, design as a brand expert. If invoked with no guidance, ask what they want to build, ask a few sharp questions, then act as the expert designer. ## Build workflow — follow every time 1. **Load the relevant reference(s)** below before writing any UI. Don't design from memory of this summary — the detail files carry exact values