@nurix/etna 0.19.11 → 0.19.12

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

@@ -0,0 +1,196 @@
+---
+schema: design-md/v2
+id: warp
+tier: brand
+segments: [dev-tools, terminal, ai-agents]
+keywords: [dark, warm, charcoal, monochrome, terminal, quiet]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit restoring the brand's warm-charcoal dark as the primary mood (v1 authored the light reading; it survives as the daytime theme); Inter Variable + DM Mono per v1"
+license: open
+---
+
+# warp — a walnut workbench under one warm lamp
+
+## 1 Visual Theme
+A late-night workshop: walnut bench rubbed near-black, one warm anglepoise lamp,
+tools laid on oiled leather — everything brown-warm, nothing cold. Dark by default:
+the brand's own warm charcoal (`oklch` hue ~65, never a cold gray) is the canvas,
+authored as a ladder; the light theme is the same warmth on a paper floor. Strictly
+monochrome — no chromatic accent exists; the one accent is ink, and the quiet
+weight-400 display keeps the voice low.
+
+## 2 Color Roles
+Warm off-white `foreground` on warm charcoal. `primary` is monochrome — the paper-
+white button on dark, the charcoal button on light — reserved for the one action,
+active nav, and `ring`. `accent` is a warm neutral lift for selection, never a hue.
+Every neutral carries the brown-beige temperature; a cool gray anywhere is
+off-brand. Status hues are warmed (brick, moss, amber) and speak only status.
+
+## 3 Typography
+Inter (text) / DM Mono (data + terminal) — both open, per the brand. Register
+scope: page titles wear weight 400 with negative tracking — the quiet display, the
+defining trait; component heads step to 500; nothing reaches 700. DM Mono owns IDs,
+codes, timestamps, log lines, and every terminal surface. Numerals are always
+`tabular-nums`; emphasis is size or the mono, never heavy weight.
+
+## 4 Component Stylings
+Buttons near-rectangular `radius-sm` (4px, never pill), paper `primary` fill on
+dark; inputs hairline `border` with the `ring` at 2px, no glow; cards one warm
+surface step above the canvas, hairline-edged, never shadowed; table rows `muted`
+hover, `accent` selection; detail in the side panel; badges alone pill, `muted` or
+status fills; the terminal inlay is real chrome — `background`-deep, mono, both
+themes.
+
+## 5 Layout
+4px base; sidebar 240/56px; topbar 52px; side panel 420/640px; content max 1360px;
+a touch tight throughout — the terminal dialect through the shell.
+
+## 6 Depth
+Dark first: the authored warm ladder — `background` 0.26 L, `surface-raised` +0.05,
+`surface-overlay` +0.09, hue held at 65; hairlines stay warm, never cold. Light:
+paper floor with off-white cards, the bright step plus warm hairline carrying every
+lift; the faintest warm-tinted shadow only on true overlays.
+
+## 7 Motion
+Unhurried, small. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`lamp-fade` (page content arrive, 160ms), `press` (primary action, 110ms). Blocks
+of terminal output appear whole — never typed-on. Physicality granted only to auth
+and first-run empty states.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, warm chrome; categorical runs charcoal, amber, moss, brick, one dusty-blue
+counterpoint (`chart-1..5`); sequential canvas→ink; tooltips on `surface-overlay`
+with DM Mono numerals.
+
+## 9 Voice
+Workshop calm: short declaratives, no exclamation, the tool never talks over the
+work. "Run session" · "No sessions open — the last one closed cleanly" · "This
+command needs a workspace; pick one to continue."
+
+## 10 Do's & Don'ts
+Do keep every neutral warm — the brown-beige temperature is the identity; pure
+white, pure black, or cool gray anywhere breaks it. Do keep page titles at 400 with
+negative tracking. Don't introduce a chromatic accent — a colored CTA is the single
+most off-brand move. Don't render a heading at 700+, pill a button, or shadow a
+card.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
+sidebar → icon rail; tables and terminal inlays scroll horizontally, never wrap.
+1024/1440: two-pane queue+detail holds; forms cap, tables full width.
+
+## 12 Agent Prompt Guide
+Wear the warm charcoal as the room; light is the paper daytime of the same wood.
+The accent is ink — spend it once; color belongs only to status and charts. Titles
+stay quiet at 400. Terminal, log, and code surfaces are real chrome in DM Mono at
+canvas depth. Dark is authored — consult the block, never invert the paper.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.953 0.01 87)
+    foreground: oklch(0.25 0.012 65)
+    card: oklch(0.97 0.007 88)
+    card-foreground: oklch(0.25 0.012 65)
+    popover: oklch(0.975 0.007 88)
+    popover-foreground: oklch(0.25 0.012 65)
+    primary: oklch(0.27 0.012 65)
+    primary-foreground: oklch(0.97 0.007 88)
+    secondary: oklch(0.926 0.013 87)
+    secondary-foreground: oklch(0.3 0.012 65)
+    muted: oklch(0.93 0.012 87)
+    muted-foreground: oklch(0.45 0.015 78)
+    accent: oklch(0.905 0.015 87)
+    accent-foreground: oklch(0.28 0.012 65)
+    destructive: oklch(0.54 0.17 30)
+    destructive-foreground: oklch(0.98 0.01 30)
+    success: oklch(0.55 0.11 136)
+    warning: oklch(0.6 0.12 70)
+    border: oklch(0.898 0.015 87)
+    input: oklch(0.898 0.015 87)
+    ring: oklch(0.27 0.012 65)
+    surface-raised: oklch(0.965 0.008 88)
+    surface-overlay: oklch(0.975 0.007 88)
+    chart-1: oklch(0.4 0.02 65)
+    chart-2: oklch(0.65 0.12 70)
+    chart-3: oklch(0.56 0.11 136)
+    chart-4: oklch(0.55 0.15 30)
+    chart-5: oklch(0.55 0.06 240)
+    sidebar: oklch(0.935 0.011 87)
+    sidebar-foreground: oklch(0.27 0.012 65)
+    sidebar-primary: oklch(0.27 0.012 65)
+    sidebar-primary-foreground: oklch(0.97 0.007 88)
+    sidebar-accent: oklch(0.895 0.015 87)
+    sidebar-accent-foreground: oklch(0.28 0.012 65)
+    sidebar-border: oklch(0.885 0.015 87)
+    sidebar-ring: oklch(0.27 0.012 65)
+  dark:
+    background: oklch(0.26 0.012 65)
+    foreground: oklch(0.95 0.008 85)
+    card: oklch(0.3 0.012 65)
+    card-foreground: oklch(0.95 0.008 85)
+    popover: oklch(0.35 0.013 65)
+    popover-foreground: oklch(0.95 0.008 85)
+    primary: oklch(0.95 0.008 85)
+    primary-foreground: oklch(0.26 0.012 65)
+    secondary: oklch(0.33 0.013 65)
+    secondary-foreground: oklch(0.92 0.009 85)
+    muted: oklch(0.32 0.013 65)
+    muted-foreground: oklch(0.74 0.015 80)
+    accent: oklch(0.36 0.014 65)
+    accent-foreground: oklch(0.93 0.009 85)
+    destructive: oklch(0.64 0.17 30)
+    destructive-foreground: oklch(0.13 0.02 30)
+    success: oklch(0.7 0.11 136)
+    warning: oklch(0.74 0.12 70)
+    border: oklch(0.36 0.013 65)
+    input: oklch(0.36 0.013 65)
+    ring: oklch(0.95 0.008 85)
+    surface-raised: oklch(0.31 0.013 65)
+    surface-overlay: oklch(0.35 0.013 65)
+    chart-1: oklch(0.85 0.02 85)
+    chart-2: oklch(0.74 0.12 70)
+    chart-3: oklch(0.72 0.11 136)
+    chart-4: oklch(0.66 0.15 30)
+    chart-5: oklch(0.68 0.07 240)
+    sidebar: oklch(0.24 0.012 65)
+    sidebar-foreground: oklch(0.93 0.009 85)
+    sidebar-primary: oklch(0.95 0.008 85)
+    sidebar-primary-foreground: oklch(0.25 0.012 65)
+    sidebar-accent: oklch(0.3 0.012 65)
+    sidebar-accent-foreground: oklch(0.93 0.009 85)
+    sidebar-border: oklch(0.31 0.013 65)
+    sidebar-ring: oklch(0.95 0.008 85)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 400, family: sans, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 400, family: sans, tracking: -0.02em }
+    h2: { size: 20px, line: 26px, weight: 400, 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: 12px, line: 16px, weight: 500, family: sans, tracking: 0.04em, transform: uppercase }
+    data: { size: 13px, line: 19px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, logs, terminal] }
+elevation:
+  radius: { sm: 4px, md: 6px, lg: 9999px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.15 0.012 65 / 0.4)"
+    popover: "0 4px 14px oklch(0.15 0.012 65 / 0.3)"
+  dark-ladder: { background: 0.26, raised: 0.31, overlay: 0.35, hue-held: 65 }
+motion:
+  duration: { press: 110ms, fade: 160ms, panel: 240ms }
+  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: foreground }
+  diverging: { negative: chart-4, mid: muted, positive: chart-3 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,197 @@
+---
+schema: design-md/v2
+id: webflow
+tier: brand
+segments: [design-tools, web-builder, saas]
+keywords: [engineered, near-black, blue, hairline, crisp, monochrome]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; WF Visual Sans → Inter Variable and WFVisualSans-Mono → Inconsolata Variable substitutions (v1-documented fallbacks)"
+license: open
+---
+
+# webflow — a drafting table under studio light
+
+## 1 Visual Theme
+A drafting table under cool studio light: white vellum, a near-black technical pen,
+one crisp blue pencil for markup. Light default; engineered and near-monochrome —
+near-black ink deeper than default on a white canvas, hierarchy in hairlines,
+weight, and contrast, never shadow. The dark theme is the Designer's own night
+shift: an authored blue-black ladder, not inverted vellum. One chromatic accent —
+the crisp blue — for interactive state only.
+
+## 2 Color Roles
+Near-black `foreground` on white; `primary` is the near-black fill — the action is
+ink, not a color. Blue lives in `ring`, `accent-foreground`, active nav, and link
+emphasis — interactive state only, never a fill at rest. `accent` is the faint blue
+tint for selection. The five brand category hues (purple/pink/blue/orange/green)
+carry no chrome role — charts only. Status hues speak only status.
+
+## 3 Typography
+Inter (text, substituting WF Visual Sans) / Inconsolata (data, substituting
+WFVisualSans-Mono). Register scope: one sans carries display through label at
+negative tracking, weight 600 the hard ceiling — never heavier; the mono owns IDs,
+codes, timestamps, and log lines. The semibold uppercase eyebrow at positive
+tracking is the signature label. Numerals are always `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (4px, never pill), near-black `primary` fill; inputs hairline
+`border` with the blue `ring` at 2px, no glow; cards hairline-edged at `radius-md`
+(8px), shadow only when a true overlay lifts; table rows `muted` hover, `accent`
+selection; detail in the side panel; badges hairline with status fills — the info
+badge alone fills blue.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1400px;
+density standard, stepped denser per archetype — the brand's five-stop marketing
+shadow and 80px display never enter the shell.
+
+## 6 Depth
+Light: flat — the surface ladder and hairlines carry rank; the brand's layered
+drop-shadow collapses to one restrained soft lift on true overlays, ink-blue-
+tinted. Dark: the authored ladder — `background` 0.16 L, `surface-raised` +0.04,
+`surface-overlay` +0.09, hue held at 260; `primary` turns Designer-blue with white
+labels.
+
+## 7 Motion
+Precise, tool-like. Named moments: `panel-slide` (side panel, 220ms,
+interruptible), `canvas-fade` (page content, 150ms), `press` (primary action,
+100ms). Physicality granted only to auth and first-run empty states; the canvas
+never bounces — this is an instrument.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the category palette returns only here — blue, purple,
+pink, orange, green (`chart-1..5`); sequential canvas→blue; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Builder-precise: nouns and verbs from the canvas, no marketing lilt. "Publish site"
+· "No unpublished changes — staging matches production" · "This class is used on 14
+elements; renaming updates all of them."
+
+## 10 Do's & Don'ts
+Do reserve near-black `primary` for the one action and blue for interactive state —
+nothing else competes. Do cap weight at 600 and keep display tracking negative.
+Don't use the category palette as fills or chrome — charts only. Don't pill the CTA
+or exceed the 4px/8px radius pair. Don't open detail in a modal when the side panel
+fits.
+
+## 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; forms cap, tables full width.
+
+## 12 Agent Prompt Guide
+Accent only the primary action with near-black; blue is focus, selection, and
+active nav. If two things want emphasis, one is not primary. Every ID, code, and
+timestamp in the mono; every numeric column `tabular-nums`. Dark is the Designer's
+authored night ladder — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.995 0.005 260)
+    foreground: oklch(0.14 0.006 260)
+    card: oklch(0.995 0.005 260)
+    card-foreground: oklch(0.14 0.006 260)
+    popover: oklch(0.995 0.005 260)
+    popover-foreground: oklch(0.14 0.006 260)
+    primary: oklch(0.16 0.006 260)
+    primary-foreground: oklch(0.985 0.005 260)
+    secondary: oklch(0.965 0.005 260)
+    secondary-foreground: oklch(0.25 0.006 260)
+    muted: oklch(0.965 0.005 260)
+    muted-foreground: oklch(0.46 0.008 260)
+    accent: oklch(0.957 0.016 263)
+    accent-foreground: oklch(0.45 0.18 260)
+    destructive: oklch(0.55 0.21 24)
+    destructive-foreground: oklch(0.985 0.008 24)
+    success: oklch(0.6 0.17 143)
+    warning: oklch(0.68 0.15 75)
+    border: oklch(0.885 0.005 260)
+    input: oklch(0.885 0.005 260)
+    ring: oklch(0.55 0.21 260)
+    surface-raised: oklch(0.985 0.005 260)
+    surface-overlay: oklch(0.995 0.005 260)
+    chart-1: oklch(0.55 0.21 260)
+    chart-2: oklch(0.52 0.2 300)
+    chart-3: oklch(0.6 0.2 350)
+    chart-4: oklch(0.68 0.17 55)
+    chart-5: oklch(0.62 0.17 143)
+    sidebar: oklch(0.975 0.006 260)
+    sidebar-foreground: oklch(0.2 0.006 260)
+    sidebar-primary: oklch(0.16 0.006 260)
+    sidebar-primary-foreground: oklch(0.985 0.005 260)
+    sidebar-accent: oklch(0.945 0.012 263)
+    sidebar-accent-foreground: oklch(0.22 0.006 260)
+    sidebar-border: oklch(0.9 0.005 260)
+    sidebar-ring: oklch(0.55 0.21 260)
+  dark:
+    background: oklch(0.16 0.012 260)
+    foreground: oklch(0.93 0.008 260)
+    card: oklch(0.19 0.012 260)
+    card-foreground: oklch(0.93 0.008 260)
+    popover: oklch(0.25 0.014 260)
+    popover-foreground: oklch(0.93 0.008 260)
+    primary: oklch(0.55 0.2 260)
+    primary-foreground: oklch(0.985 0.005 260)
+    secondary: oklch(0.23 0.013 260)
+    secondary-foreground: oklch(0.9 0.008 260)
+    muted: oklch(0.22 0.013 260)
+    muted-foreground: oklch(0.68 0.01 260)
+    accent: oklch(0.27 0.03 260)
+    accent-foreground: oklch(0.85 0.07 260)
+    destructive: oklch(0.64 0.21 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.17 145)
+    warning: oklch(0.78 0.15 75)
+    border: oklch(0.27 0.014 260)
+    input: oklch(0.27 0.014 260)
+    ring: oklch(0.62 0.19 260)
+    surface-raised: oklch(0.2 0.012 260)
+    surface-overlay: oklch(0.25 0.014 260)
+    chart-1: oklch(0.62 0.19 260)
+    chart-2: oklch(0.62 0.18 300)
+    chart-3: oklch(0.68 0.19 350)
+    chart-4: oklch(0.74 0.16 55)
+    chart-5: oklch(0.7 0.16 145)
+    sidebar: oklch(0.14 0.012 260)
+    sidebar-foreground: oklch(0.9 0.008 260)
+    sidebar-primary: oklch(0.55 0.2 260)
+    sidebar-primary-foreground: oklch(0.985 0.005 260)
+    sidebar-accent: oklch(0.2 0.013 260)
+    sidebar-accent-foreground: oklch(0.92 0.008 260)
+    sidebar-border: oklch(0.21 0.013 260)
+    sidebar-ring: oklch(0.62 0.19 260)
+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: "Inconsolata Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 38px, weight: 600, family: sans, tracking: -0.01em }
+    h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 22px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 15px, weight: 600, family: sans, tracking: 0.045em, 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, eyebrows], mono: [data, ids, timestamps, logs] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.16 0.012 260 / 0.14)"
+    popover: "0 4px 16px oklch(0.16 0.012 260 / 0.10)"
+  dark-ladder: { background: 0.16, raised: 0.20, overlay: 0.25, hue-held: 260 }
+motion:
+  duration: { press: 100ms, fade: 150ms, 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-5 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1400px }
+```

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

@@ -0,0 +1,197 @@
+---
+schema: design-md/v2
+id: wired
+tier: brand
+segments: [media, editorial, publishing]
+keywords: [editorial, print, black-on-white, serif, square, achromatic]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Apercu → Inter Variable, WiredDisplay/BreveText → Playfair Display Variable substitutions (v1-documented), IBM Plex Mono for the derived mono"
+license: open
+---
+
+# wired — a print shop's imposing stone, fresh ink on newsprint
+
+## 1 Visual Theme
+A print shop's imposing stone: fresh black ink on bright newsprint, steel rules
+locking the columns square, nothing rounded, nothing shadowed. Light default —
+black-on-white the way a printed page reads, radius 0 the non-negotiable geometry.
+Effectively achromatic: the whisper of cold tint on every neutral is beneath
+perception, and the chrome accent is black itself. Dark is the darkroom edition —
+an authored cold ladder, not a negative of the page.
+
+## 2 Color Roles
+Ink-black `foreground` on the paper `background`; `primary` is black — the CTA, the
+wordmark, active nav, the heavy-border moment. `input` is deliberately ink: the
+square black-bordered field is a signature while dividers stay hairline. Link blue
+is the one chromatic grace — inline text links only, never a button, nav, or ring —
+and returns in charts as the single accent series. Status hues run deep, under the
+austerity.
+
+## 3 Typography
+Playfair Display (display serif, substituting WiredDisplay/BreveText) / Inter
+(chrome, substituting Apercu) / IBM Plex Mono (data). Register scope: the serif
+touches page titles, section heads, and empty states only, always at weight 400 —
+its elegance is the typeface, never the weight; the sans runs every control, label,
+cell, and byline; the mono owns IDs, codes, timestamps. Numerals are always
+`tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (0 — sharp rectangles, never a pill), black `primary` fill or
+the 1px ink outline; inputs square with the black `input` edge and the 2px black
+`ring` at 1px offset; cards flat on a hairline, zero shadow; table rows hairline
+grid, `muted` hover, `accent` selection; the side panel stands off the page by a
+2px ink border, never a shadow; badges square, hairline, uppercase captions.
+
+## 5 Layout
+4px base; sidebar 248/56px; topbar 52px — the thin masthead band; side panel
+440/640px; content max 1400px; the breathing rides type, not row height.
+
+## 6 Depth
+Zero shadows — the brand owns none. Light: three ranks — canvas, hairline, and the
+2px black border for what must stand off the page. Dark: the authored ladder —
+`background` 0.15 L, `surface-raised` +0.04, `surface-overlay` +0.09, cold hue held
+at 240 — with hairlines doing the ranking; the heavy border becomes paper-white.
+
+## 7 Motion
+Nearly none — print doesn't move. Named moments: `panel-slide` (side panel, 200ms,
+interruptible), `page-settle` (content arrive, 140ms fade), `press` (CTA, 90ms).
+Physicality granted only to auth; tables, nav, and keyboard flows are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `foreground` default — icons are ink, not gray
+furniture. Charts: hairline axes, square legends; the ramp is grayscale with link
+blue as the single accent series (`chart-2`); sequential paper→ink; diverging
+through the deep status hues; tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Headline declarative: present tense, no hedging, captions in small caps. "Publish
+correction" · "Nothing in the queue — the morning file closed at 06:00" · "This
+story has 3 unresolved legal flags; publishing is locked."
+
+## 10 Do's & Don'ts
+Do hold the strict duet — true black ink on the paper canvas is a deliberate brand
+override. Do keep radius 0 on every control; the only round shape is a circular
+icon container. Don't round a corner, bold the serif past 400, or drop a shadow.
+Don't let link blue touch a button, nav, or focus ring. Don't warm the grays — the
+cold is the register.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, h1 steps 32 → 26,
+list+detail stacks. 768: sidebar → icon rail; tables scroll overflow. 1024/1440:
+two-pane queue+detail holds; forms cap, tables run the wide measure.
+
+## 12 Agent Prompt Guide
+Lead every list with its table, every entity with its primary read. The accent is
+black — if something wants color it wants weight or a hairline. Page titles wear
+the serif at 400; everything else is the sans. Keep every control square and every
+edge a rule. Dark is the darkroom ladder — consult the block, never invert the
+page.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.995 0.005 240)
+    foreground: oklch(0.13 0.005 240)
+    card: oklch(0.995 0.005 240)
+    card-foreground: oklch(0.13 0.005 240)
+    popover: oklch(0.995 0.005 240)
+    popover-foreground: oklch(0.13 0.005 240)
+    primary: oklch(0.13 0.005 240)
+    primary-foreground: oklch(0.99 0.005 240)
+    secondary: oklch(0.965 0.005 240)
+    secondary-foreground: oklch(0.24 0.005 240)
+    muted: oklch(0.965 0.005 240)
+    muted-foreground: oklch(0.46 0.006 240)
+    accent: oklch(0.955 0.005 240)
+    accent-foreground: oklch(0.22 0.005 240)
+    destructive: oklch(0.5 0.19 26)
+    destructive-foreground: oklch(0.985 0.008 26)
+    success: oklch(0.5 0.13 148)
+    warning: oklch(0.55 0.14 49)
+    border: oklch(0.907 0.005 240)
+    input: oklch(0.13 0.005 240)
+    ring: oklch(0.13 0.005 240)
+    surface-raised: oklch(0.985 0.005 240)
+    surface-overlay: oklch(0.995 0.005 240)
+    chart-1: oklch(0.25 0.005 240)
+    chart-2: oklch(0.55 0.13 242)
+    chart-3: oklch(0.5 0.005 240)
+    chart-4: oklch(0.7 0.005 240)
+    chart-5: oklch(0.4 0.005 240)
+    sidebar: oklch(0.995 0.005 240)
+    sidebar-foreground: oklch(0.13 0.005 240)
+    sidebar-primary: oklch(0.13 0.005 240)
+    sidebar-primary-foreground: oklch(0.99 0.005 240)
+    sidebar-accent: oklch(0.955 0.005 240)
+    sidebar-accent-foreground: oklch(0.22 0.005 240)
+    sidebar-border: oklch(0.9 0.005 240)
+    sidebar-ring: oklch(0.13 0.005 240)
+  dark:
+    background: oklch(0.15 0.005 240)
+    foreground: oklch(0.95 0.005 240)
+    card: oklch(0.18 0.005 240)
+    card-foreground: oklch(0.95 0.005 240)
+    popover: oklch(0.24 0.006 240)
+    popover-foreground: oklch(0.95 0.005 240)
+    primary: oklch(0.95 0.005 240)
+    primary-foreground: oklch(0.15 0.005 240)
+    secondary: oklch(0.23 0.006 240)
+    secondary-foreground: oklch(0.91 0.005 240)
+    muted: oklch(0.22 0.006 240)
+    muted-foreground: oklch(0.69 0.006 240)
+    accent: oklch(0.25 0.006 240)
+    accent-foreground: oklch(0.92 0.005 240)
+    destructive: oklch(0.6 0.19 26)
+    destructive-foreground: oklch(0.1 0.02 26)
+    success: oklch(0.65 0.13 148)
+    warning: oklch(0.72 0.14 60)
+    border: oklch(0.27 0.006 240)
+    input: oklch(0.8 0.005 240)
+    ring: oklch(0.95 0.005 240)
+    surface-raised: oklch(0.19 0.005 240)
+    surface-overlay: oklch(0.24 0.006 240)
+    chart-1: oklch(0.85 0.005 240)
+    chart-2: oklch(0.65 0.13 242)
+    chart-3: oklch(0.6 0.005 240)
+    chart-4: oklch(0.45 0.005 240)
+    chart-5: oklch(0.72 0.005 240)
+    sidebar: oklch(0.15 0.005 240)
+    sidebar-foreground: oklch(0.95 0.005 240)
+    sidebar-primary: oklch(0.95 0.005 240)
+    sidebar-primary-foreground: oklch(0.15 0.005 240)
+    sidebar-accent: oklch(0.22 0.006 240)
+    sidebar-accent-foreground: oklch(0.92 0.005 240)
+    sidebar-border: oklch(0.26 0.006 240)
+    sidebar-ring: oklch(0.95 0.005 240)
+typography:
+  display: { family: "Playfair Display Variable", fallback: "Georgia, serif", weights: [400] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 36px, line: 40px, weight: 400, family: display, tracking: -0.01em }
+    h1: { size: 32px, line: 35px, weight: 400, family: display, tracking: -0.01em }
+    h2: { size: 26px, line: 28px, weight: 400, family: display }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 700, family: sans, tracking: 0.02em, 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, captions], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 0px, md: 0px, lg: 0px }
+  hairline: border
+  shadow:
+    overlay: "none"
+    popover: "none"
+  dark-ladder: { background: 0.15, raised: 0.19, overlay: 0.24, hue-held: 240 }
+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: foreground }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 52px, side-panel: [440px, 640px], content-max: 1400px }
+```