@nurix/etna 0.19.11 → 0.19.13

package/data/harnesses/code/skills/design/design-md/nurix.md

@@ -0,0 +1,214 @@
+---
+schema: design-md/v2
+id: nurix
+tier: default
+segments: [any]
+keywords: [default, house, operator, neutral, slate, blue, dense-capable]
+sourced: 2026-07-12
+sources: "design-md/v1 nurix entry + its token twin (data/design-tokens/nurix), upgraded to v2"
+license: open
+---
+
+# nurix — a dispatch office at mid-morning
+
+## 1 Visual Theme
+A dispatch office at mid-morning: white laminate worktops, steel-blue filing
+cabinets, and one blue status lamp lit on the console that matters. Light by
+default, flat by conviction — hierarchy rides hairline `border`, type weight,
+and ink contrast, never heavy shadow. The neutral ramp is a cool slate leaning
+faintly toward the brand navy, so the whole surface reads engineered rather
+than gray. One accent, the Nurix blue `primary`, spent on the single action a
+surface exists for. Density is standard and steps denser per archetype —
+dense-capable, never cramped. Dark is opt-in: the same room after hours, an
+authored ladder, never an inversion.
+
+## 2 Color Roles
+Slate `foreground` on a near-white `background`; `primary` is the only
+chromatic meaning-carrier — the primary action, active nav, and the `ring`
+focus outline. `accent` is the blue-tinted selection wash for hovered and
+selected rows or nav items, never a meaning-carrier. Status hues
+(`destructive`, `success`, `warning`) speak only status — chips and inline
+validation, never chrome. Electric Lime and Deep Navy stay brand graces with
+no operator role here. The `sidebar` sits a half-step below the canvas in both
+themes — quiet chrome beside white work.
+
+## 3 Typography
+Inter (text and display) / Geist Mono (data). One sans: the display voice is
+Inter at weight and tracking, never a second family. Geist Mono owns IDs,
+codes, timestamps, and log lines. Every numeric column renders `tabular-nums`
+so figures align down the column. Two weights per family; emphasis bumps
+weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm`, `primary` fill, no pill; secondary buttons take the
+`secondary` fill with a hairline; ghost buttons are transparent with `accent`
+hover. Inputs are `background` fill with hairline `border`; focus draws the
+2px `ring`, no glow. Cards sit on `card` with a hairline, shadowed only when
+they truly lift. Table rows run dense with `muted` hover and `accent`
+selection tint. Detail and edit open in the side panel beside the work; a
+modal is a confirmation, not a workspace. Badges are hairline + uppercase
+caption; status badges take status hues, never `primary`.
+
+## 5 Layout
+4px base; the on-scale ramp is 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64.
+Sidebar 256/64px; topbar 56px; side panel 440/720px; forms cap narrow while
+tables and dashboards run full width under the 1440px content cap. Density is
+governed globally and stepped per surface archetype, never by ad-hoc absolute
+overrides.
+
+## 6 Depth
+Flat. Three levels: canvas (`background`, no border), panel (`card` on a
+hairline), overlay (`popover`/side panel/modal — the one place a soft
+blue-tinted shadow earns its keep). No level stacks a heavier shadow to signal
+rank; rank is border and position. Focus is always the 2px `ring` outline.
+Dark expresses depth as the surface ladder: `background` 0.15 L,
+`surface-raised` +0.05, `surface-overlay` +0.10, hue held at 252.
+
+## 7 Motion
+Utilitarian. Named moments: `panel-slide` (side panel, 250ms, interruptible),
+`fade-arrive` (page content, 150ms), `press` (buttons, 100ms). Row hover is
+instantaneous — 0ms. Nothing animates on keyboard-initiated actions or
+anything done a hundred times a day. Physicality is granted only to auth and
+first-run empty states, and sparingly even there.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default; nav items
+always carry their icon. Charts: hairline axes, no gridline fills, blue-led
+categorical ramp (`chart-1..5`), tooltips on `surface-overlay` with mono
+numerals.
+
+## 9 Voice
+Plain operator: verb-first labels, numbers stated, zero exclamation.
+"Create ticket" · "No open incidents — the queue cleared at 09:12" ·
+"Import failed on row 214: the currency column is empty."
+
+## 10 Do's & Don'ts
+Do reserve `primary` for the single most important action per surface. Do
+carry hierarchy with hairlines, weight, and whitespace. Do set `tabular-nums`
+on every numeric column and mono on IDs, codes, and timestamps. Don't promote
+a second chromatic accent — a lime "success" reads yellow and fails contrast.
+Don't pill the CTA. Don't open detail in a modal when the side panel fits.
+Don't signal elevation with heavier shadow.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, two-pane stacks;
+density holds. 768: sidebar collapses to the icon rail; tables scroll their
+overflow. 1024: two-pane queue+detail holds side by side. 1440: forms stay
+capped; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Lead every list surface with its table; lead every entity with its primary
+read, not its chrome. Accent only the primary action — if two things want the
+accent, one of them is not primary. Detail and edit go in the side panel.
+Every workflow completes from the keyboard; the `ring` is always visible.
+Hairline-first; one accent; lime and navy are not operator colors here. Dark
+is authored — read the block, never invert.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.985 0.005 248)
+    foreground: oklch(0.21 0.04 266)
+    card: oklch(0.99 0.005 248)
+    card-foreground: oklch(0.21 0.04 266)
+    popover: oklch(0.99 0.005 248)
+    popover-foreground: oklch(0.21 0.04 266)
+    primary: oklch(0.5211 0.2145 263.89)
+    primary-foreground: oklch(0.985 0.005 248)
+    secondary: oklch(0.963 0.008 248)
+    secondary-foreground: oklch(0.25 0.04 262)
+    muted: oklch(0.963 0.008 248)
+    muted-foreground: oklch(0.46 0.037 257)
+    accent: oklch(0.955 0.014 260)
+    accent-foreground: oklch(0.42 0.18 264)
+    destructive: oklch(0.54 0.2 27)
+    destructive-foreground: oklch(0.985 0.005 27)
+    success: oklch(0.6271 0.1699 149.21)
+    warning: oklch(0.6658 0.1574 58.32)
+    border: oklch(0.928 0.013 255)
+    input: oklch(0.928 0.013 255)
+    ring: oklch(0.5211 0.2145 263.89)
+    surface-raised: oklch(0.99 0.005 248)
+    surface-overlay: oklch(0.99 0.005 248)
+    chart-1: oklch(0.5211 0.2145 263.89)
+    chart-2: oklch(0.609 0.111 221.7)
+    chart-3: oklch(0.627 0.17 149.2)
+    chart-4: oklch(0.666 0.157 58.3)
+    chart-5: oklch(0.541 0.247 293)
+    sidebar: oklch(0.973 0.007 248)
+    sidebar-foreground: oklch(0.21 0.04 266)
+    sidebar-primary: oklch(0.5211 0.2145 263.89)
+    sidebar-primary-foreground: oklch(0.985 0.005 248)
+    sidebar-accent: oklch(0.955 0.014 260)
+    sidebar-accent-foreground: oklch(0.42 0.18 264)
+    sidebar-border: oklch(0.928 0.013 255)
+    sidebar-ring: oklch(0.5211 0.2145 263.89)
+  dark:
+    background: oklch(0.15 0.012 252)
+    foreground: oklch(0.93 0.008 248)
+    card: oklch(0.18 0.013 252)
+    card-foreground: oklch(0.93 0.008 248)
+    popover: oklch(0.25 0.015 252)
+    popover-foreground: oklch(0.93 0.008 248)
+    primary: oklch(0.68 0.15 260)
+    primary-foreground: oklch(0.13 0.03 258)
+    secondary: oklch(0.23 0.015 252)
+    secondary-foreground: oklch(0.9 0.01 248)
+    muted: oklch(0.21 0.014 252)
+    muted-foreground: oklch(0.71 0.02 250)
+    accent: oklch(0.27 0.045 258)
+    accent-foreground: oklch(0.86 0.06 250)
+    destructive: oklch(0.63 0.19 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.68 0.16 150)
+    warning: oklch(0.75 0.14 65)
+    border: oklch(0.26 0.015 252)
+    input: oklch(0.26 0.015 252)
+    ring: oklch(0.68 0.15 260)
+    surface-raised: oklch(0.2 0.013 252)
+    surface-overlay: oklch(0.25 0.015 252)
+    chart-1: oklch(0.68 0.15 260)
+    chart-2: oklch(0.72 0.11 220)
+    chart-3: oklch(0.72 0.15 150)
+    chart-4: oklch(0.78 0.13 65)
+    chart-5: oklch(0.65 0.18 295)
+    sidebar: oklch(0.13 0.011 252)
+    sidebar-foreground: oklch(0.9 0.01 248)
+    sidebar-primary: oklch(0.68 0.15 260)
+    sidebar-primary-foreground: oklch(0.13 0.03 258)
+    sidebar-accent: oklch(0.2 0.02 255)
+    sidebar-accent-foreground: oklch(0.9 0.01 248)
+    sidebar-border: oklch(0.24 0.014 252)
+    sidebar-ring: oklch(0.68 0.15 260)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "Geist Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.02em }
+    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] }
+elevation:
+  radius: { sm: 4px, md: 6px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 24px oklch(0.25 0.03 258 / 0.10)"
+    popover: "0 2px 12px oklch(0.25 0.03 258 / 0.08)"
+  dark-ladder: { background: 0.15, raised: 0.20, overlay: 0.25, hue-held: 252 }
+motion:
+  duration: { press: 100ms, fade: 150ms, panel: 250ms }
+  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 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: success }
+layout: { base: 4px, sidebar: [256px, 64px], topbar: 56px, side-panel: [440px, 720px], content-max: 1440px }
+```

package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md

@@ -0,0 +1,184 @@
+---
+schema: design-md/v2
+id: editorial-luxury
+tier: variant
+segments: [business-tools, finance, professional-services]
+keywords: [editorial, luxury, serif, navy, gold, premium, print-like]
+sourced: 2026-07-12
+sources: "bake-off runner-up entry; Fraunces specimen"
+license: open
+---
+
+# editorial-luxury — a broadsheet finance desk after hours
+
+## 1 Visual Theme
+A mahogany-desk private bank, not a startup: ivory paper tinted toward ink-navy, one
+gold accent used like a wax seal, generous margins, serif display speaking only in
+headlines. Light default; the dark theme is a lamplit reading room, not inverted paper.
+
+## 2 Color Roles
+Ink-navy `foreground` on ivory `background`; `accent` gold is the single chromatic
+accent — primary action, focus ring, active nav marker, never fills or large areas.
+Status hues (`destructive`, `success`, `warning`) appear only on status chips and
+inline validation. Sidebar runs the inverted navy panel in both themes.
+
+## 3 Typography
+Fraunces (display) / Inter (text) / IBM Plex Mono (data). Register scope: Fraunces
+touches page titles, empty states, and auth only — never cells, buttons, labels, or
+form chrome. Numerals in tables are always Plex Mono `tabular-nums`. Two weights per
+family; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm`, `primary` fill, no pill; inputs hairline `border` with `ring`
+focus; cards flat on `card` with hairline, never shadowed in light; table rows
+`table-row-height` dense, `muted` hover; detail opens in the side panel, gold rule
+at its head.
+
+## 5 Layout
+4px base; sidebar 256/60px; topbar 56px; side panel 440/680px; content max 1320px;
+margins generous (24px gutters) — the luxury is space, not ornament.
+
+## 6 Depth
+Light: hairlines carry all structure; shadows only on overlays (popover, dialog) —
+navy-tinted, never black. Dark: the surface ladder does depth — `background` 0.16 L,
+`surface-raised` +0.05, `surface-overlay` +0.10, hue held at 262.
+
+## 7 Motion
+Reserved. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`fade-arrive` (page content, 160ms), `gold-ink` (primary-action press, 120ms).
+Physicality granted only to auth and first-run empty states. Nothing animates in
+tables, palettes, or any keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills, navy→gold categorical ramp (`chart-1..5`), tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Quiet concierge: verbs without exclamation, numbers stated plainly. "Add account" ·
+"Nothing needs review — 3 items clear on Monday" · "This transfer exceeds the desk
+limit; a second approver is required."
+
+## 10 Do's & Don'ts
+Do reserve gold for exactly one element per viewport. Do let Fraunces speak only in
+display registers. Don't shadow cards in light. Don't pill buttons. Don't introduce
+a second chromatic accent — charts excepted, by ramp.
+
+## 11 Responsive
+375: sidebar → sheet, side panel → full sheet, tables → card rows with mono figures.
+768: sidebar collapses to icon rail. 1024/1440: two-pane queue+detail holds; content
+centers under the 1320px cap.
+
+## 12 Agent Prompt Guide
+Lead every surface with its work object, headline set in Fraunces. Spend the gold
+once. Keep density in the data, luxury in the margins. Dark is authored — consult
+the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.98 0.006 262)
+    foreground: oklch(0.22 0.03 262)
+    card: oklch(0.995 0.004 262)
+    card-foreground: oklch(0.22 0.03 262)
+    popover: oklch(1 0 0)
+    popover-foreground: oklch(0.22 0.03 262)
+    primary: oklch(0.30 0.06 262)
+    primary-foreground: oklch(0.97 0.01 85)
+    secondary: oklch(0.93 0.012 262)
+    secondary-foreground: oklch(0.28 0.05 262)
+    muted: oklch(0.945 0.009 262)
+    muted-foreground: oklch(0.47 0.025 262)
+    accent: oklch(0.70 0.12 85)
+    accent-foreground: oklch(0.24 0.05 262)
+    destructive: oklch(0.54 0.19 25)
+    destructive-foreground: oklch(0.98 0.008 25)
+    success: oklch(0.55 0.11 155)
+    warning: oklch(0.68 0.13 75)
+    border: oklch(0.895 0.012 262)
+    input: oklch(0.895 0.012 262)
+    ring: oklch(0.70 0.12 85)
+    surface-raised: oklch(0.99 0.005 262)
+    surface-overlay: oklch(1 0 0)
+    chart-1: oklch(0.42 0.09 262)
+    chart-2: oklch(0.70 0.12 85)
+    chart-3: oklch(0.55 0.06 230)
+    chart-4: oklch(0.60 0.08 55)
+    chart-5: oklch(0.58 0.07 155)
+    sidebar: oklch(0.25 0.045 262)
+    sidebar-foreground: oklch(0.90 0.015 85)
+    sidebar-primary: oklch(0.72 0.12 85)
+    sidebar-primary-foreground: oklch(0.20 0.04 262)
+    sidebar-accent: oklch(0.31 0.05 262)
+    sidebar-accent-foreground: oklch(0.93 0.012 85)
+    sidebar-border: oklch(0.33 0.04 262)
+    sidebar-ring: oklch(0.72 0.12 85)
+  dark:
+    background: oklch(0.16 0.02 262)
+    foreground: oklch(0.92 0.012 85)
+    card: oklch(0.19 0.022 262)
+    card-foreground: oklch(0.92 0.012 85)
+    popover: oklch(0.26 0.028 262)
+    popover-foreground: oklch(0.92 0.012 85)
+    primary: oklch(0.78 0.11 85)
+    primary-foreground: oklch(0.18 0.03 262)
+    secondary: oklch(0.24 0.026 262)
+    secondary-foreground: oklch(0.88 0.014 85)
+    muted: oklch(0.23 0.024 262)
+    muted-foreground: oklch(0.65 0.02 262)
+    accent: oklch(0.78 0.12 85)
+    accent-foreground: oklch(0.18 0.03 262)
+    destructive: oklch(0.62 0.18 25)
+    destructive-foreground: oklch(0.14 0.02 25)
+    success: oklch(0.66 0.11 155)
+    warning: oklch(0.74 0.13 75)
+    border: oklch(0.27 0.025 262)
+    input: oklch(0.27 0.025 262)
+    ring: oklch(0.78 0.12 85)
+    surface-raised: oklch(0.21 0.023 262)
+    surface-overlay: oklch(0.26 0.028 262)
+    chart-1: oklch(0.62 0.10 262)
+    chart-2: oklch(0.78 0.12 85)
+    chart-3: oklch(0.68 0.07 230)
+    chart-4: oklch(0.70 0.09 55)
+    chart-5: oklch(0.68 0.08 155)
+    sidebar: oklch(0.13 0.018 262)
+    sidebar-foreground: oklch(0.88 0.014 85)
+    sidebar-primary: oklch(0.78 0.12 85)
+    sidebar-primary-foreground: oklch(0.16 0.025 262)
+    sidebar-accent: oklch(0.20 0.024 262)
+    sidebar-accent-foreground: oklch(0.90 0.013 85)
+    sidebar-border: oklch(0.22 0.022 262)
+    sidebar-ring: oklch(0.78 0.12 85)
+typography:
+  display: { family: "Fraunces Variable", fallback: "Georgia, serif", weights: [500, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 24px, line: 30px, weight: 600, family: display }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 400, family: sans }
+    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] }
+elevation:
+  radius: { sm: 4px, md: 6px, lg: 10px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.25 0.04 262 / 0.14)"
+    popover: "0 4px 16px oklch(0.25 0.04 262 / 0.10)"
+  dark-ladder: { background: 0.16, raised: 0.21, overlay: 0.26, hue-held: 262 }
+motion:
+  duration: { press: 120ms, 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: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: chart-5 }
+layout: { base: 4px, sidebar: [256px, 60px], topbar: 56px, side-panel: [440px, 680px], content-max: 1320px }
+```

package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md

@@ -0,0 +1,216 @@
+---
+schema: design-md/v2
+id: expressive-saas
+tier: variant
+segments: [b2b-saas, collaboration]
+keywords: [playful, colorful, friendly, bold, violet, rounded, energetic]
+sourced: 2026-07-12
+sources: "authored for the v2 variant roster; Outfit and DM Sans specimens"
+license: open
+---
+
+# expressive-saas — a Saturday maker space with one steel workbench
+
+## 1 Visual Theme
+A Saturday-morning maker space: white pegboard walls, violet tool grips in
+tidy rows, coral sticky notes stacking up on the wins board — and one steel
+workbench, swept clean, where the measuring actually happens. Light default;
+color is confident, not decorative: a saturated violet `primary` that acts,
+a coral wash that celebrates, rounded corners with real radius. The workbench
+is the law — every data register (tables, forms, logs) stays operator-grade:
+neutral surfaces, mono figures, zero bounce. Dark is the same space after
+dark with the string lights on — an authored ladder, never an inversion.
+
+## 2 Color Roles
+Deep violet-slate `foreground` on a violet-washed `background`. `primary` is
+the saturated violet — primary actions, active nav, the `ring` — and it is
+the only hue allowed to command. `accent` is the coral wash, reserved for
+selection, celebration chips, and onboarding highlights; it decorates, never
+instructs. Status hues stay conventional and saturated (`destructive` red,
+`success` green, `warning` amber) — chips and validation only. The `sidebar`
+runs a violet-tinted half-step below the canvas; charts get the full
+five-hue party, by ramp only.
+
+## 3 Typography
+Outfit (display) / DM Sans (text) / DM Mono (data). Outfit speaks at 700 in
+page titles, empty states, auth, and onboarding — never in cells, buttons,
+labels, or form chrome. DM Sans carries all chrome and body; DM Mono owns
+figures, IDs, and timestamps with `tabular-nums`. Emphasis bumps weight, not
+size; the playfulness lives in the display register and stops at the
+workbench.
+
+## 4 Component Stylings
+Buttons `radius-md`, `primary` fill, generous padding — round, not pill.
+Inputs are `background` fill with hairline `border` and `radius-md`; focus
+draws the 2px violet `ring`. Cards sit on `card` with hairline plus a soft
+violet-tinted shadow — the one look-at-me the chrome gets. Table rows stay
+dense and flat: `muted` hover, `accent` selection tint, mono numerals — no
+radius theater inside data. Detail opens in the side panel; celebration
+belongs to empty states and onboarding, never to the queue.
+
+## 5 Layout
+4px base. Sidebar 268/68px; topbar 60px; side panel 480/720px; content caps
+at 1400px. Cards and marketing-adjacent moments (empty states, onboarding)
+may breathe; data surfaces run standard density and tighten per archetype.
+The grid is ordinary on purpose — the color is the personality, the bones
+are an operator's.
+
+## 6 Depth
+Two honest levels: cards carry a soft violet-tinted shadow over hairlines;
+overlays carry a deeper one. Never a gray or black shadow, never stacked
+shadows to fake rank. Focus is the 2px `ring`, always visible. Dark drops
+shadows almost entirely and expresses depth as the ladder: `background` 0.17
+L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 300.
+
+## 7 Motion
+Springy where it's earned. Named moments: `pop-confirm` (success/celebration
+chips, 180ms, spring easing), `panel-slide` (side panel, 260ms,
+interruptible, standard easing), `fade-arrive` (page content, 180ms),
+`press` (140ms). The spring easing is granted only to identity moments —
+auth, first-run empty states, onboarding; tables, palettes, and every
+keyboard-initiated action get nothing. Entrances never ease-in, never
+scale from zero.
+
+## 8 Iconography & Charts
+Lucide at 2px stroke — a confident line matching the rounded posture —
+16/20px grid, `muted-foreground` default; nav always carries icons. Charts:
+hairline axes, no gridline fills, the five-hue categorical ramp
+(`chart-1..5`, violet leads), tooltips on `surface-overlay` with mono
+numerals. Chart chrome stays quiet so the ramp can be loud.
+
+## 9 Voice
+Warm teammate, verbs first, one exclamation per surface at most — and only
+where something genuinely shipped. "Invite your team" · "Nothing here yet —
+your first board is one click away" · "That name's taken; try adding your
+team or project."
+
+## 10 Do's & Don'ts
+Do let violet command and coral celebrate — in that order, never reversed.
+Do keep every data register flat, dense, and mono-figured. Do spend the
+spring easing only on identity moments. Don't pill buttons or balloon radius
+past the declared scale. Don't tint table rows with `accent` beyond
+selection. Don't let Outfit near a cell, button, or label. Don't animate
+anything an operator does a hundred times a day.
+
+## 11 Responsive
+375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
+mono figures; celebration moments simplify to static color. 768: sidebar
+collapses to the icon rail. 1024: two-pane queue+detail holds. 1440: content
+centers under the 1400px cap; empty states earn their full illustration-free
+display-type treatment.
+
+## 12 Agent Prompt Guide
+Build the operator bones first — table, panel, keyboard path — then paint:
+violet on the one action, coral on the one celebration. If a surface reads
+loud before its data reads, mute the chrome, not the data. Spring easing
+only at identity moments; the queue never bounces. Dark is authored —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.982 0.007 300)
+    foreground: oklch(0.235 0.03 300)
+    card: oklch(0.988 0.005 300)
+    card-foreground: oklch(0.235 0.03 300)
+    popover: oklch(0.988 0.005 300)
+    popover-foreground: oklch(0.235 0.03 300)
+    primary: oklch(0.5 0.23 295)
+    primary-foreground: oklch(0.98 0.008 300)
+    secondary: oklch(0.945 0.02 300)
+    secondary-foreground: oklch(0.32 0.09 296)
+    muted: oklch(0.955 0.012 300)
+    muted-foreground: oklch(0.46 0.03 300)
+    accent: oklch(0.93 0.035 350)
+    accent-foreground: oklch(0.4 0.15 350)
+    destructive: oklch(0.54 0.2 27)
+    destructive-foreground: oklch(0.98 0.006 27)
+    success: oklch(0.62 0.17 150)
+    warning: oklch(0.68 0.15 60)
+    border: oklch(0.92 0.014 300)
+    input: oklch(0.92 0.014 300)
+    ring: oklch(0.5 0.23 295)
+    surface-raised: oklch(0.988 0.005 300)
+    surface-overlay: oklch(0.99 0.005 300)
+    chart-1: oklch(0.5 0.23 295)
+    chart-2: oklch(0.62 0.19 350)
+    chart-3: oklch(0.65 0.13 195)
+    chart-4: oklch(0.72 0.14 80)
+    chart-5: oklch(0.6 0.16 150)
+    sidebar: oklch(0.965 0.012 300)
+    sidebar-foreground: oklch(0.235 0.03 300)
+    sidebar-primary: oklch(0.5 0.23 295)
+    sidebar-primary-foreground: oklch(0.98 0.008 300)
+    sidebar-accent: oklch(0.93 0.03 296)
+    sidebar-accent-foreground: oklch(0.38 0.14 296)
+    sidebar-border: oklch(0.92 0.014 300)
+    sidebar-ring: oklch(0.5 0.23 295)
+  dark:
+    background: oklch(0.17 0.015 300)
+    foreground: oklch(0.92 0.012 300)
+    card: oklch(0.2 0.017 300)
+    card-foreground: oklch(0.92 0.012 300)
+    popover: oklch(0.27 0.02 300)
+    popover-foreground: oklch(0.92 0.012 300)
+    primary: oklch(0.68 0.17 295)
+    primary-foreground: oklch(0.14 0.03 298)
+    secondary: oklch(0.26 0.03 298)
+    secondary-foreground: oklch(0.89 0.02 300)
+    muted: oklch(0.24 0.02 300)
+    muted-foreground: oklch(0.71 0.025 300)
+    accent: oklch(0.3 0.06 350)
+    accent-foreground: oklch(0.87 0.05 350)
+    destructive: oklch(0.63 0.19 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.16 150)
+    warning: oklch(0.76 0.14 65)
+    border: oklch(0.29 0.02 300)
+    input: oklch(0.29 0.02 300)
+    ring: oklch(0.68 0.17 295)
+    surface-raised: oklch(0.22 0.018 300)
+    surface-overlay: oklch(0.27 0.02 300)
+    chart-1: oklch(0.68 0.17 295)
+    chart-2: oklch(0.72 0.16 350)
+    chart-3: oklch(0.75 0.12 195)
+    chart-4: oklch(0.8 0.13 80)
+    chart-5: oklch(0.72 0.15 150)
+    sidebar: oklch(0.15 0.014 300)
+    sidebar-foreground: oklch(0.9 0.014 300)
+    sidebar-primary: oklch(0.68 0.17 295)
+    sidebar-primary-foreground: oklch(0.14 0.03 298)
+    sidebar-accent: oklch(0.23 0.03 298)
+    sidebar-accent-foreground: oklch(0.9 0.014 300)
+    sidebar-border: oklch(0.26 0.018 300)
+    sidebar-ring: oklch(0.68 0.17 295)
+typography:
+  display: { family: "Outfit Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
+  sans: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 700, family: display, tracking: -0.015em }
+    h1: { size: 26px, line: 32px, weight: 700, family: display }
+    h2: { size: 19px, line: 26px, weight: 600, family: sans }
+    body: { size: 14px, line: 21px, 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, auth, onboarding], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 12px, lg: 20px }
+  hairline: border
+  shadow:
+    overlay: "0 12px 32px oklch(0.35 0.09 295 / 0.16)"
+    popover: "0 4px 14px oklch(0.35 0.09 295 / 0.12)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 300 }
+motion:
+  duration: { press: 140ms, fade: 180ms, panel: 260ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", spring: "cubic-bezier(0.34, 1.56, 0.64, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty, onboarding]
+iconography: { set: lucide, stroke: 2px, 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: [268px, 68px], topbar: 60px, side-panel: [480px, 720px], content-max: 1400px }
+```