@nurix/etna 0.19.11 → 0.19.12

package/data/harnesses/code/skills/design/design-md/library/tesla.md

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: tesla
+tier: brand
+segments: [automotive, hardware, consumer-tech]
+keywords: [minimal, white, electric-blue, grayscale, flat, square, zero-tracking]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Universal Sans Text → Inter Variable substitution (v1-documented), JetBrains Mono for the derived mono"
+license: open
+---
+
+# tesla — a bright showroom floor, one electric-blue switch
+
+## 1 Visual Theme
+A bright showroom floor swept clean: white space, a rich grayscale ink ramp, near-zero
+decoration, and one Electric Blue switch on the action that matters. Light default; the
+dark theme is an authored cool ladder. Categorically flat and shadowless — a grayscale
+surface ladder and type weight carry hierarchy. The geometry is the identity: barely-
+rounded 4px corners on every control. The whisper of cool tint on each neutral is the
+Carbon undertone, beneath perception; the full-viewport photography stays behind.
+
+## 2 Color Roles
+Carbon-dark `foreground` on white `background` — a warm blue-undertoned near-black
+stepping down a documented ramp. `primary` Electric Blue is the only chromatic hue,
+reserved for the one action and active nav, held by the focus `ring`. `accent` is a
+faint blue wash for selection. Status hues (`destructive`, `success`, `warning`) speak
+only status, never the blue. The `sidebar` runs a Light Ash panel a half-step off the
+white canvas.
+
+## 3 Typography
+Inter (chrome and display, substituting Universal Sans Text) / JetBrains Mono (data).
+Register scope: the sans runs every title, control, cell, and byline at two weights
+only — 500 for heads and UI, 400 for body, no bold and no light — with **zero
+letter-spacing** at every level, the Tesla signature, and **no uppercase transforms**,
+captions sentence-case. The mono owns IDs, codes, and timestamps; numerals are always
+`tabular-nums`; emphasize by weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (4px, no pill), Electric Blue `primary` fill, hover a color-only
+darkening never a transform; inputs on the firmer `input` edge, the blue `ring` at 2px
+without glow; cards flat on an optional hairline, no shadow at rest; table rows `muted`
+hover, faint-blue `accent` selection; detail opens in the side panel; badges square at
+`radius-sm`, sentence-case captions, status fills only.
+
+## 5 Layout
+8px base; sidebar 248/56px; topbar 56px; side panel 420/640px; content max 1383px —
+Tesla's container; density standard and engineered-uniform, the whitespace-as-luxury
+rhythm left behind.
+
+## 6 Depth
+Flat and essentially shadowless. Light: the surface ladder, hairlines, and z-position
+carry rank; a whisper cool-tinted shadow lifts a true overlay only, sticky chrome
+floats by a frosted backdrop and position. Dark: the authored ladder does the depth —
+`background` 0.20 L, `surface-raised` +0.05, `surface-overlay` +0.10, cool hue held
+at 264.
+
+## 7 Motion
+Color-only, calm. Named moments: `panel-slide` (side panel, 330ms, interruptible),
+`fade-arrive` (page content, 200ms), `tint-press` (primary press, 130ms) — a
+background-and-border transition, never a scale or translate. Physicality granted only
+to auth; tables and keyboard actions are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the monochrome-plus-blue ramp — Electric Blue against the grayscale
+steps categorical (`chart-1..5`); monochrome sequential canvas→blue; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Plain and declarative, sentence case throughout: no exclamation, exact numbers. "Order"
+· "Nothing scheduled — the next service window opens Monday" · "This action cancels the
+reservation and cannot be undone."
+
+## 10 Do's & Don'ts
+Do reserve Electric Blue for the single most important action, never decoration. Do
+keep every corner barely rounded at 4px. Do hold type at 400/500, zero letter-spacing,
+sentence case. Don't promote a second chromatic accent, drop a shadow, uppercase a
+label, or animate with scale or translate — interactions are color-only.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
+sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane queue+detail holds;
+content caps at 1383px, forms cap tighter, dashboards use full width.
+
+## 12 Agent Prompt Guide
+Accent only the primary action in Electric Blue — if two things want it, one is not
+primary. Keep every corner 4px, every weight 400 or 500, every tracking zero, every
+label sentence-case. Motion is color-only. Dark is the authored cool ladder — consult
+the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(1 0 264)
+    foreground: oklch(0.217 0.013 264.3)
+    card: oklch(1 0 264)
+    card-foreground: oklch(0.217 0.013 264.3)
+    popover: oklch(1 0 264)
+    popover-foreground: oklch(0.217 0.013 264.3)
+    primary: oklch(0.561 0.188 265.4)
+    primary-foreground: oklch(1 0 265.4)
+    secondary: oklch(0.967 0.005 264)
+    secondary-foreground: oklch(0.355 0.01 260.7)
+    muted: oklch(0.967 0.005 264)
+    muted-foreground: oklch(0.482 0.007 264.5)
+    accent: oklch(0.958 0.015 270)
+    accent-foreground: oklch(0.35 0.05 265)
+    destructive: oklch(0.577 0.215 27.3)
+    destructive-foreground: oklch(0.985 0.01 27.3)
+    success: oklch(0.627 0.17 149.2)
+    warning: oklch(0.666 0.157 58.3)
+    border: oklch(0.949 0.005 264)
+    input: oklch(0.86 0.006 264)
+    ring: oklch(0.561 0.188 265.4)
+    surface-raised: oklch(1 0 264)
+    surface-overlay: oklch(1 0 264)
+    chart-1: oklch(0.561 0.188 265.4)
+    chart-2: oklch(0.4 0.01 264)
+    chart-3: oklch(0.6 0.01 264)
+    chart-4: oklch(0.7 0.15 265)
+    chart-5: oklch(0.75 0.01 264)
+    sidebar: oklch(0.967 0.005 264)
+    sidebar-foreground: oklch(0.24 0.01 264)
+    sidebar-primary: oklch(0.561 0.188 265.4)
+    sidebar-primary-foreground: oklch(1 0 265.4)
+    sidebar-accent: oklch(0.958 0.015 270)
+    sidebar-accent-foreground: oklch(0.35 0.05 265)
+    sidebar-border: oklch(0.94 0.005 264)
+    sidebar-ring: oklch(0.561 0.188 265.4)
+  dark:
+    background: oklch(0.2 0.008 264)
+    foreground: oklch(0.94 0.005 264)
+    card: oklch(0.23 0.008 264)
+    card-foreground: oklch(0.94 0.005 264)
+    popover: oklch(0.28 0.008 264)
+    popover-foreground: oklch(0.94 0.005 264)
+    primary: oklch(0.62 0.18 265)
+    primary-foreground: oklch(0.99 0.01 265)
+    secondary: oklch(0.25 0.008 264)
+    secondary-foreground: oklch(0.9 0.005 264)
+    muted: oklch(0.24 0.008 264)
+    muted-foreground: oklch(0.68 0.008 264)
+    accent: oklch(0.3 0.03 265)
+    accent-foreground: oklch(0.9 0.02 265)
+    destructive: oklch(0.64 0.21 27.3)
+    destructive-foreground: oklch(0.14 0.02 27.3)
+    success: oklch(0.68 0.16 149.2)
+    warning: oklch(0.75 0.15 58.3)
+    border: oklch(0.28 0.008 264)
+    input: oklch(0.28 0.008 264)
+    ring: oklch(0.62 0.18 265)
+    surface-raised: oklch(0.25 0.008 264)
+    surface-overlay: oklch(0.3 0.008 264)
+    chart-1: oklch(0.62 0.18 265)
+    chart-2: oklch(0.5 0.01 264)
+    chart-3: oklch(0.7 0.01 264)
+    chart-4: oklch(0.75 0.14 265)
+    chart-5: oklch(0.82 0.01 264)
+    sidebar: oklch(0.17 0.008 264)
+    sidebar-foreground: oklch(0.9 0.005 264)
+    sidebar-primary: oklch(0.62 0.18 265)
+    sidebar-primary-foreground: oklch(0.99 0.01 265)
+    sidebar-accent: oklch(0.25 0.03 265)
+    sidebar-accent-foreground: oklch(0.9 0.02 265)
+    sidebar-border: oklch(0.22 0.008 264)
+    sidebar-ring: oklch(0.62 0.18 265)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 500, family: display, tracking: 0 }
+    h1: { size: 24px, line: 30px, weight: 500, family: sans, tracking: 0 }
+    h2: { size: 18px, line: 24px, weight: 500, family: sans, tracking: 0 }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 500, family: sans }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 2px 12px oklch(0.217 0.013 264 / 0.1)"
+    popover: "0 1px 4px oklch(0.217 0.013 264 / 0.08)"
+  dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 264 }
+motion:
+  duration: { press: 130ms, fade: 200ms, panel: 330ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth]
+iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 8px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1383px }
+```

package/data/harnesses/code/skills/design/design-md/library/theverge.md

@@ -0,0 +1,199 @@
+---
+schema: design-md/v2
+id: theverge
+tier: brand
+segments: [media, editorial, publishing]
+keywords: [dark, near-black, mint, mono-uppercase, editorial, flat, rounded]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; PolySans → Space Grotesk Variable and PolySans Mono → Space Mono substitutions (v1-documented); the saturated brand hazards carried only into charts"
+license: open
+---
+
+# theverge — a developer console lit by club-night color
+
+## 1 Visual Theme
+A developer console run at night under hazard-tape color: a near-black canvas warm
+enough to read as printed-newsprint negative rather than an OLED void, one acid-mint
+lamp treated like safety paint, and mono-uppercase labels stamped across the chrome.
+Dark is the product — the `#131313` canvas fills the primary theme; a restrained
+daytime counterpart is authored beside it. Flat: hairlines and saturated color are the
+elevation, never a shadow — color is depth here, and nothing rounds to a square.
+
+## 2 Color Roles
+Hazard-white `foreground` on the near-black `background`, the neutral ramp carrying a
+faint warmth. `primary` acid-mint is the one chromatic accent — the single action and
+the active-nav underline, worn as a fill with black `primary-foreground`, the only
+place black appears, never as small text or a wash. The focus `ring` is a dedicated
+Focus Cyan, shown nowhere else. `accent` is a neutral slate step for selection. Status
+hues speak status; ultraviolet, yellow, and pink live only in charts.
+
+## 3 Typography
+Space Grotesk (chrome and display, substituting PolySans) / Space Mono (labels and
+data, substituting PolySans Mono). Register scope: the sans runs every title, control,
+and byline, emphasis the punchy jump from 400 to 700; the mono owns every ALL-CAPS
+label — kickers, timestamps, tags, IDs, log lines — always with positive letter-spacing,
+the irreducible Verge signature. Numerals are always `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-md` (rounded, never square, never pill), acid-mint `primary` fill with
+black text, hover inverting to a translucent surface; inputs on a hairline `border`,
+the Focus Cyan `ring` at 2px without glow; a focused card firms its hairline to mint or
+white — the border escalates, the surface never lifts; table rows `muted` hover,
+`accent` selection, mono-uppercase timestamps; detail opens in the side panel; badges
+pill with mono-uppercase captions, status fills only.
+
+## 5 Layout
+4px base; sidebar 248/56px; topbar 56px; side panel 420/640px; content max 1280px;
+density standard, the marketing shout left behind.
+
+## 6 Depth
+Flat, color-as-elevation. Dark: the near-black surface ladder and hairlines carry rank —
+`background` 0.187 L, `surface-raised` +0.05, `surface-overlay` +0.10, warm hue held at
+70; a focused card firms its hairline to mint or white, and on the dark canvas a shadow
+barely registers, so overlays separate by border and position. Light: hairlines carry
+structure, the near-black masthead sidebar holding in both themes. No gradients, no glows.
+
+## 7 Motion
+Nearly none — the hazard-tape aesthetic breaks if anything fades. Named moments:
+`panel-slide` (side panel, 200ms, interruptible), `mint-underline` (active-nav mark,
+140ms), `press` (button press, 90ms). Physicality granted only to auth; tables, nav,
+and keyboard flows are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+square legends; the brand hazards return only here — mint, ultraviolet, yellow, pink,
+cyan categorical (`chart-1..5`); monochrome sequential canvas→mint; tooltips on
+`surface-overlay` with mono-uppercase numerals.
+
+## 9 Voice
+Punchy and declarative, labels in mono caps: present tense, no hedging. "Publish now" ·
+"Nothing in the queue — the last story shipped 12m ago" · "This post has 2 unresolved
+fact-checks; publishing is locked."
+
+## 10 Do's & Don'ts
+Do anchor every view on the near-black canvas and spend mint once — one action or the
+active-nav underline, black text on the fill. Do stamp every label, tag, and timestamp
+in mono uppercase with positive tracking — missing tracking is missing voice. Don't use
+mint as small text or a wash, promote a second chromatic accent, square a corner, or
+drop a shadow — escalate the hairline instead.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, mono labels pinned at 11–12px,
+list+detail stacks. 768: sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane
+queue+detail holds; forms cap, dashboards use full width; saturated hues reflow, never fade.
+
+## 12 Agent Prompt Guide
+Reach for the near-black canvas first — dark is the brand, the light theme its daytime
+counterpart. Accent only the primary action in mint, black text on the fill, or the
+active-nav underline. Carry the mono-uppercase label voice everywhere, positive tracking
+on every all-caps run. Escalate a border before reaching for elevation. Dark is authored
+— consult the block, never invert.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 70)
+    foreground: oklch(0.2 0.006 70)
+    card: oklch(0.995 0.004 70)
+    card-foreground: oklch(0.2 0.006 70)
+    popover: oklch(0.995 0.004 70)
+    popover-foreground: oklch(0.2 0.006 70)
+    primary: oklch(0.85 0.16 171.8)
+    primary-foreground: oklch(0 0 0)
+    secondary: oklch(0.96 0.006 70)
+    secondary-foreground: oklch(0.28 0.006 70)
+    muted: oklch(0.96 0.006 70)
+    muted-foreground: oklch(0.5 0.008 70)
+    accent: oklch(0.945 0.006 70)
+    accent-foreground: oklch(0.26 0.006 70)
+    destructive: oklch(0.58 0.23 17.5)
+    destructive-foreground: oklch(0.99 0.01 17.5)
+    success: oklch(0.6 0.19 149.6)
+    warning: oklch(0.8 0.16 91.2)
+    border: oklch(0.9 0.006 70)
+    input: oklch(0.9 0.006 70)
+    ring: oklch(0.6 0.13 225.9)
+    surface-raised: oklch(0.995 0.004 70)
+    surface-overlay: oklch(0.995 0.004 70)
+    chart-1: oklch(0.7 0.16 171.8)
+    chart-2: oklch(0.5 0.27 279)
+    chart-3: oklch(0.75 0.15 91.2)
+    chart-4: oklch(0.6 0.23 350)
+    chart-5: oklch(0.6 0.13 225.9)
+    sidebar: oklch(0.2 0.006 70)
+    sidebar-foreground: oklch(0.92 0.004 70)
+    sidebar-primary: oklch(0.85 0.16 171.8)
+    sidebar-primary-foreground: oklch(0 0 0)
+    sidebar-accent: oklch(0.27 0.006 70)
+    sidebar-accent-foreground: oklch(0.92 0.004 70)
+    sidebar-border: oklch(0.29 0.006 70)
+    sidebar-ring: oklch(0.6 0.13 225.9)
+  dark:
+    background: oklch(0.187 0.006 70)
+    foreground: oklch(0.98 0.004 70)
+    card: oklch(0.218 0.006 70)
+    card-foreground: oklch(0.98 0.004 70)
+    popover: oklch(0.29 0.006 70)
+    popover-foreground: oklch(0.98 0.004 70)
+    primary: oklch(0.896 0.163 171.8)
+    primary-foreground: oklch(0 0 0)
+    secondary: oklch(0.297 0.006 70)
+    secondary-foreground: oklch(0.92 0.004 70)
+    muted: oklch(0.26 0.006 70)
+    muted-foreground: oklch(0.667 0.006 70)
+    accent: oklch(0.297 0.006 70)
+    accent-foreground: oklch(0.92 0.004 70)
+    destructive: oklch(0.66 0.229 17.5)
+    destructive-foreground: oklch(0.98 0.01 17.5)
+    success: oklch(0.723 0.192 149.6)
+    warning: oklch(0.879 0.163 91.2)
+    border: oklch(0.313 0.006 70)
+    input: oklch(0.313 0.006 70)
+    ring: oklch(0.701 0.128 225.9)
+    surface-raised: oklch(0.24 0.006 70)
+    surface-overlay: oklch(0.29 0.006 70)
+    chart-1: oklch(0.8 0.16 171.8)
+    chart-2: oklch(0.55 0.25 279)
+    chart-3: oklch(0.85 0.16 91.2)
+    chart-4: oklch(0.66 0.23 350)
+    chart-5: oklch(0.701 0.128 225.9)
+    sidebar: oklch(0.16 0.006 70)
+    sidebar-foreground: oklch(0.92 0.004 70)
+    sidebar-primary: oklch(0.896 0.163 171.8)
+    sidebar-primary-foreground: oklch(0 0 0)
+    sidebar-accent: oklch(0.24 0.006 70)
+    sidebar-accent-foreground: oklch(0.92 0.004 70)
+    sidebar-border: oklch(0.24 0.006 70)
+    sidebar-ring: oklch(0.701 0.128 225.9)
+typography:
+  display: { family: "Space Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
+  sans: { family: "Space Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
+  mono: { family: "Space Mono", fallback: "ui-monospace, monospace", weights: [400, 700] }
+  ramp:
+    display: { size: 28px, line: 31px, weight: 700, family: display, tracking: -0.01em }
+    h1: { size: 24px, line: 26px, weight: 700, family: sans, tracking: -0.01em }
+    h2: { size: 20px, line: 24px, weight: 700, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 15px, weight: 700, family: mono, tracking: 0.12em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, section-head, empty-state], sans: [chrome, controls, body], mono: [data, ids, timestamps, labels, tags] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.12 0.015 70 / 0.5)"
+    popover: "0 4px 16px oklch(0.12 0.015 70 / 0.4)"
+  dark-ladder: { background: 0.187, raised: 0.24, overlay: 0.29, hue-held: 70 }
+motion:
+  duration: { press: 90ms, fade: 140ms, panel: 200ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth]
+iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
+```

package/data/harnesses/code/skills/design/design-md/library/together-ai.md

@@ -0,0 +1,193 @@
+---
+schema: design-md/v2
+id: together-ai
+tier: brand
+segments: [ai-platform, dev-tools, api-console]
+keywords: [stark, mono-caps, white, black-cta, periwinkle, technical, flat]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; The Future → Inter Variable and PP Neue Montreal Mono → JetBrains Mono Variable substitutions"
+license: open
+---
+
+# together-ai — a GPU cleanroom's white spec bench
+
+## 1 Visual Theme
+A research lab's white cleanroom bench: matte white worktop, black-stenciled part
+labels in machine caps, one periwinkle wire-tie marking the live line. Light default;
+stark black ink on white is the voice, the black CTA a monochrome stamp. Dark is the
+brand's own near-black navy band (`#010120` family) made a whole room, not an
+inversion. Flat, hairline-led; the three-stop gradient stays in charts.
+
+## 2 Color Roles
+Ink-black `foreground` on the white canvas; `primary` is black — a neutral doing the
+one conversion job, never a hue. Periwinkle-indigo `accent-foreground`/`ring` is the
+single chromatic accent: links, selection, focus — never fills or large areas. The
+persistent nav rail wears the near-black navy `sidebar` in both themes. Status hues
+(`destructive`, `success`, `warning`) speak only on chips and inline validation.
+
+## 3 Typography
+Inter (text, substituting the brand's The Future) / JetBrains Mono (labels + data,
+substituting PP Neue Montreal Mono). Register scope: the mono owns every uppercase
+moment — eyebrows, button labels, table-header cells, tags — at positive tracking;
+the sans stays sentence-case and never bolds past 600. Numerals are always mono
+`tabular-nums`; the mono never carries a paragraph.
+
+## 4 Component Stylings
+Buttons `radius-md` (4px, never pill), black `primary` fill, uppercase mono label;
+inputs hairline `border` with the periwinkle `ring` focus; cards white-on-white read
+by hairline, never brightness; table rows sheet-dense with `secondary` header rails
+and mono-caps header cells, `muted` hover, `accent` selection; detail opens in the
+side panel; badges alone may pill, mono-caps captions.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1440px;
+rows 40px sheet-tight; the 80px band rhythm survives only between page regions.
+
+## 6 Depth
+Light: flat — hairlines and the dark rail carry all structure; shadows only on true
+overlays, navy-tinted, never black. Dark: the authored ladder — `background` 0.15 L,
+`surface-raised` +0.05, `surface-overlay` +0.10, hue held at 270; the rail drops a
+step below the canvas.
+
+## 7 Motion
+Terse, engineered. Named moments: `panel-slide` (side panel, 220ms, interruptible),
+`row-settle` (table load, 140ms fade), `stamp` (primary-action press, 100ms).
+Physicality granted only to auth and first-run empty states; nothing animates in
+tables or keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts are where the
+brand gradient lives: periwinkle → magenta → orange → mint categorical ramp
+(`chart-1..5`), hairline axes, no gridline fills, tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Spec-sheet flat: verbs in machine caps on controls, plain sentences elsewhere.
+"DEPLOY MODEL" · "No jobs queued — capacity opens at 14:00 UTC" · "This endpoint
+exceeds the org rate limit; raise it in Billing."
+
+## 10 Do's & Don'ts
+Do keep the canvas white and the ink stark — the black-on-white severity is the
+brand. Do set every eyebrow, button label, and header cell in uppercase mono. Don't
+let the gradient into chrome — charts only. Don't pill the CTA. Don't let the mono
+carry a paragraph or the sans go past 600.
+
+## 11 Responsive
+375: rail → off-canvas drawer, side panel → full sheet, table rows stack label-over-
+value in mono. 768: rail collapses to the near-black icon strip. 1024/1440: two-pane
+queue+detail holds; content caps at 1440px, band rhythm widens.
+
+## 12 Agent Prompt Guide
+Lead every surface with its table or primary read on the white canvas. Spend black
+once (the CTA), periwinkle only on links, selection, and focus. Every uppercase
+moment is the mono. Dark is the navy band authored as a room — consult the block,
+never invert.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 277)
+    foreground: oklch(0.15 0.01 277)
+    card: oklch(0.995 0.005 277)
+    card-foreground: oklch(0.15 0.01 277)
+    popover: oklch(0.995 0.005 277)
+    popover-foreground: oklch(0.15 0.01 277)
+    primary: oklch(0.15 0.01 277)
+    primary-foreground: oklch(0.985 0.005 277)
+    secondary: oklch(0.93 0.006 277)
+    secondary-foreground: oklch(0.25 0.012 277)
+    muted: oklch(0.965 0.006 277)
+    muted-foreground: oklch(0.46 0.012 277)
+    accent: oklch(0.952 0.021 289)
+    accent-foreground: oklch(0.45 0.21 277)
+    destructive: oklch(0.55 0.21 27)
+    destructive-foreground: oklch(0.985 0.008 27)
+    success: oklch(0.55 0.15 150)
+    warning: oklch(0.62 0.15 58)
+    border: oklch(0.925 0.006 277)
+    input: oklch(0.925 0.006 277)
+    ring: oklch(0.498 0.223 277)
+    surface-raised: oklch(0.985 0.005 277)
+    surface-overlay: oklch(0.995 0.005 277)
+    chart-1: oklch(0.55 0.21 277)
+    chart-2: oklch(0.6 0.22 350)
+    chart-3: oklch(0.68 0.17 45)
+    chart-4: oklch(0.7 0.12 168)
+    chart-5: oklch(0.38 0.08 270)
+    sidebar: oklch(0.15 0.055 268)
+    sidebar-foreground: oklch(0.93 0.012 277)
+    sidebar-primary: oklch(0.7 0.15 277)
+    sidebar-primary-foreground: oklch(0.13 0.04 270)
+    sidebar-accent: oklch(0.22 0.055 270)
+    sidebar-accent-foreground: oklch(0.9 0.015 277)
+    sidebar-border: oklch(0.24 0.05 270)
+    sidebar-ring: oklch(0.7 0.15 277)
+  dark:
+    background: oklch(0.15 0.03 270)
+    foreground: oklch(0.95 0.008 277)
+    card: oklch(0.18 0.032 270)
+    card-foreground: oklch(0.95 0.008 277)
+    popover: oklch(0.25 0.035 270)
+    popover-foreground: oklch(0.95 0.008 277)
+    primary: oklch(0.95 0.008 277)
+    primary-foreground: oklch(0.17 0.03 270)
+    secondary: oklch(0.23 0.033 270)
+    secondary-foreground: oklch(0.9 0.01 277)
+    muted: oklch(0.22 0.03 270)
+    muted-foreground: oklch(0.7 0.02 277)
+    accent: oklch(0.28 0.06 277)
+    accent-foreground: oklch(0.82 0.09 277)
+    destructive: oklch(0.62 0.19 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.15 162)
+    warning: oklch(0.75 0.15 65)
+    border: oklch(0.26 0.032 270)
+    input: oklch(0.26 0.032 270)
+    ring: oklch(0.64 0.19 277)
+    surface-raised: oklch(0.2 0.033 270)
+    surface-overlay: oklch(0.25 0.035 270)
+    chart-1: oklch(0.66 0.18 277)
+    chart-2: oklch(0.68 0.2 350)
+    chart-3: oklch(0.74 0.16 45)
+    chart-4: oklch(0.78 0.12 168)
+    chart-5: oklch(0.55 0.1 270)
+    sidebar: oklch(0.12 0.028 270)
+    sidebar-foreground: oklch(0.92 0.01 277)
+    sidebar-primary: oklch(0.7 0.15 277)
+    sidebar-primary-foreground: oklch(0.12 0.03 270)
+    sidebar-accent: oklch(0.19 0.035 270)
+    sidebar-accent-foreground: oklch(0.9 0.012 277)
+    sidebar-border: oklch(0.21 0.032 270)
+    sidebar-ring: oklch(0.7 0.15 277)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400, 600] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: sans, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.015em }
+    h2: { size: 20px, line: 26px, weight: 600, family: sans, tracking: -0.015em }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 15px, weight: 600, family: mono, tracking: 0.05em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, eyebrows, button-labels, table-headers] }
+elevation:
+  radius: { sm: 2px, md: 4px, lg: 8px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.12 0.07 268 / 0.12)"
+    popover: "0 4px 16px oklch(0.12 0.07 268 / 0.10)"
+  dark-ladder: { background: 0.15, raised: 0.20, overlay: 0.25, hue-held: 270 }
+motion:
+  duration: { press: 100ms, fade: 140ms, panel: 220ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: chart-4 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1440px }
+```