@nurix/etna 0.19.11 → 0.19.13

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

@@ -0,0 +1,197 @@
+---
+schema: design-md/v2
+id: cursor
+tier: brand
+segments: [dev-tools, ai, ide]
+keywords: [warm, cream, editorial, orange, mono, magazine]
+sourced: 2026-07-12
+sources: "design-md/v1 cursor entry (2026-07-04); 2026-07-12 re-audit of Cursor public brand; Inter substitutes the licensed CursorGothic; JetBrains Mono for code surfaces; primary-action label runs warm ink (the marketing white-on-orange fails body contrast at operator scale)"
+license: open
+---
+
+# cursor — a writer's desk in a warm studio, half the page set in code
+
+## 1 Visual Theme
+A magazine editor's desk in a warm studio: cream paper stock, warm near-black ink, one
+orange highlighter capped until it matters, and galley proofs where half the columns are
+code. Light by default — the cream `background` is deliberate warmth, never pure white;
+cards step up to white so a panel reads by a hair of brightness plus its hairline, never
+shadow. The dark theme is the studio at night: warm charcoal, same hue, lamp-lit rungs.
+
+## 2 Color Roles
+Warm near-black `foreground` on the cream `background`; `primary` Cursor Orange is held
+scarce — the one primary action, the focus `ring`, the active-nav indicator. The orange
+fill carries warm-ink text (the marketing white label fails body contrast at operator
+scale). `accent` is a warm neutral selection lift, never orange. The timeline pastels
+live only in `chart-*` and agent-stage chips; status hues speak only status.
+
+## 3 Typography
+Inter (the open substitute for the licensed CursorGothic) over JetBrains Mono on every
+code surface — roughly half of Cursor's own chrome. The defining trait is the editorial
+voice: page titles wear weight 400 with negative tracking — a magazine feel, never bold —
+while card heads step up to 600. Register scope: the 400-weight display register speaks
+in page titles, section heads, empty states, and auth; mono owns code, logs, IDs, and
+timestamps; numeric columns are `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px), orange `primary` fill with ink label, never a pill; secondary
+is white `card` on hairline. Inputs on `background` with hairline; focus draws the orange
+`ring` at 2px, no glow. Cards are the white bright step off the cream on a hairline.
+Table rows with `border` grid lines, `muted` hover, selection warming to `accent`. Detail
+opens in the side panel; badges are pills (badges only) with status fills.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 64px (the brand's nav height); side panel 440/640px;
+content max 1360px. Dimensions run a hair generous — editorial breathing carried through
+the shell, not loose grids; the 80px marketing rhythm stays behind.
+
+## 6 Depth
+Light: the cream-to-white surface step and warm hairlines carry everything; the faintest
+warm-tinted lift appears only under true overlays. Dark: the surface ladder does depth —
+`background` 0.18 L, `surface-raised` +0.05, `surface-overlay` +0.10, warm hue held near
+95. Focus is always the 2px orange `ring`, keyboard-first.
+
+## 7 Motion
+Editorial and unhurried, but brief. Named moments: `page-settle` (content fade, 150ms),
+`panel-slide` (side panel, 220ms, interruptible), `ink-press` (primary-action press,
+110ms). Physicality is granted only to auth and first-run empty states; agent-stage chips
+change state by color swap, not animation; nothing moves on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the categorical ramp is the sanctioned timeline-pastel set — peach,
+mint, blue, lavender, gold (`chart-1..5`), deepened to read as data; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+A calm editor who ships: short declaratives, numbers plain, wit dry and rare. "New run" ·
+"The queue is clear — 12 runs finished today" · "This agent hit its token budget; raise
+the cap or split the task."
+
+## 10 Do's & Don'ts
+Do anchor every surface on the warm cream — pure white as the page floor reads as
+any-other-tool. Do keep page titles at 400 with negative tracking; never bold the
+display. Do render every code, log, and terminal surface in mono. Don't introduce a
+second action color. Don't drop the timeline pastels onto semantic status or chrome.
+Don't pill the CTA, and don't shadow what a hairline can separate.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
+collapses to the icon rail; tables scroll their overflow. 1024: two-pane queue+detail
+holds. 1440: forms cap; breathing widens under the content cap.
+
+## 12 Agent Prompt Guide
+Reach for the cream canvas first — the tint is Cursor. Spend orange once per surface:
+primary action, focus ring, active nav; if two things want it, one is not primary. Page
+titles wear 400 with negative tracking. Show real code chrome in mono, not a light mockup
+of it. Depth is the cream-to-white step; dark is authored — consult the block, never
+derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.975 0.005 106)
+    foreground: oklch(0.26 0.012 100)
+    card: oklch(0.995 0.005 100)
+    card-foreground: oklch(0.26 0.012 100)
+    popover: oklch(0.995 0.005 100)
+    popover-foreground: oklch(0.26 0.012 100)
+    primary: oklch(0.652 0.214 38)
+    primary-foreground: oklch(0.13 0.01 45)
+    secondary: oklch(0.948 0.008 99)
+    secondary-foreground: oklch(0.26 0.012 100)
+    muted: oklch(0.948 0.008 99)
+    muted-foreground: oklch(0.5 0.016 95)
+    accent: oklch(0.93 0.011 95)
+    accent-foreground: oklch(0.26 0.012 100)
+    destructive: oklch(0.566 0.197 12)
+    destructive-foreground: oklch(0.98 0.008 12)
+    success: oklch(0.565 0.11 164)
+    warning: oklch(0.661 0.121 72)
+    border: oklch(0.921 0.007 97)
+    input: oklch(0.921 0.007 97)
+    ring: oklch(0.652 0.214 38)
+    surface-raised: oklch(0.985 0.005 100)
+    surface-overlay: oklch(0.995 0.005 100)
+    chart-1: oklch(0.68 0.15 45)
+    chart-2: oklch(0.72 0.11 160)
+    chart-3: oklch(0.65 0.11 245)
+    chart-4: oklch(0.65 0.11 295)
+    chart-5: oklch(0.75 0.12 85)
+    sidebar: oklch(0.965 0.006 103)
+    sidebar-foreground: oklch(0.26 0.012 100)
+    sidebar-primary: oklch(0.652 0.214 38)
+    sidebar-primary-foreground: oklch(0.13 0.01 45)
+    sidebar-accent: oklch(0.93 0.011 95)
+    sidebar-accent-foreground: oklch(0.26 0.012 100)
+    sidebar-border: oklch(0.921 0.007 97)
+    sidebar-ring: oklch(0.652 0.214 38)
+  dark:
+    background: oklch(0.18 0.008 95)
+    foreground: oklch(0.93 0.008 98)
+    card: oklch(0.21 0.009 95)
+    card-foreground: oklch(0.93 0.008 98)
+    popover: oklch(0.28 0.01 95)
+    popover-foreground: oklch(0.93 0.008 98)
+    primary: oklch(0.652 0.214 38)
+    primary-foreground: oklch(0.13 0.01 45)
+    secondary: oklch(0.26 0.01 95)
+    secondary-foreground: oklch(0.9 0.008 98)
+    muted: oklch(0.25 0.01 95)
+    muted-foreground: oklch(0.72 0.012 95)
+    accent: oklch(0.3 0.012 95)
+    accent-foreground: oklch(0.93 0.008 98)
+    destructive: oklch(0.64 0.19 15)
+    destructive-foreground: oklch(0.14 0.02 15)
+    success: oklch(0.68 0.12 164)
+    warning: oklch(0.75 0.13 75)
+    border: oklch(0.29 0.01 95)
+    input: oklch(0.29 0.01 95)
+    ring: oklch(0.652 0.214 38)
+    surface-raised: oklch(0.23 0.009 95)
+    surface-overlay: oklch(0.28 0.01 95)
+    chart-1: oklch(0.75 0.13 45)
+    chart-2: oklch(0.78 0.11 160)
+    chart-3: oklch(0.72 0.11 245)
+    chart-4: oklch(0.72 0.11 295)
+    chart-5: oklch(0.8 0.12 85)
+    sidebar: oklch(0.16 0.008 95)
+    sidebar-foreground: oklch(0.9 0.008 98)
+    sidebar-primary: oklch(0.652 0.214 38)
+    sidebar-primary-foreground: oklch(0.13 0.01 45)
+    sidebar-accent: oklch(0.24 0.01 95)
+    sidebar-accent-foreground: oklch(0.92 0.008 98)
+    sidebar-border: oklch(0.26 0.01 95)
+    sidebar-ring: oklch(0.652 0.214 38)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 400, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 29px, weight: 400, family: display, tracking: -0.015em }
+    h2: { size: 20px, line: 26px, weight: 400, family: display, tracking: -0.01em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 17px, weight: 600, family: sans, tracking: 0.08em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, code, logs, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 14px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.3 0.02 80 / 0.12)"
+    popover: "0 4px 14px oklch(0.3 0.02 80 / 0.08)"
+  dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 95 }
+motion:
+  duration: { press: 110ms, 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-2 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,199 @@
+---
+schema: design-md/v2
+id: elevenlabs
+tier: brand
+segments: [ai, voice, media]
+keywords: [editorial, serif, warm-stone, achromatic, spacious, pill]
+sourced: 2026-07-12
+sources: "design-md/v1 elevenlabs entry (2026-07-04); 2026-07-12 re-audit of ElevenLabs public brand; EB Garamond substitutes the licensed Waldenburg (its 400 runs light, standing in for Waldenburg's 300); Inter for text; JetBrains Mono for data"
+license: open
+---
+
+# elevenlabs — a print magazine's reading room inside a recording studio
+
+## 1 Visual Theme
+The reading room of a recording studio: foam-quieted walls in warm stone, an off-white
+proof of the next issue on the table, headlines set in a light serif, and not one drop of
+chromatic ink anywhere — the only "accent" is the ink itself, worn as a pill. Light by
+default, spacious by conviction; hierarchy is warm hairlines, type weight, and the stone
+surface ladder, never heavy shadow. The dark theme is the booth after hours — warm
+charcoal, hue held, the pill inverted to bone.
+
+## 2 Color Roles
+Warm near-black `foreground` on the off-white `background`; `primary` is achromatic ink
+worn as a pill on the one action that matters — there is no chromatic accent at all, and
+that discipline carries. `accent` warms the stone for selection; it does not colour it.
+The five pastels (mint, sky, lavender, peach, rose) live only in `chart-*` — never a
+fill, text color, or surface. Status hues speak only status.
+
+## 3 Typography
+EB Garamond (display serif — the open stand-in for Waldenburg Light; its 400 cut runs
+light) over Inter (body, UI, tables, labels) over JetBrains Mono (IDs, codes,
+timestamps). The brand never bolds: the serif holds its light cut, sans emphasis caps at
+500, 600 only on the uppercase eyebrow. Register scope: the serif touches page titles,
+section heads, empty states, and auth only — never cells, buttons, labels, or form
+chrome; numeric columns are `tabular-nums`.
+
+## 4 Component Stylings
+The primary button is a **pill** of ink — the brand's signature geometry, kept
+deliberately. Secondary on `secondary` stone with hairline at base radius. Inputs on
+`card` with hairline; focus thickens to the 2px ink `ring`, no glow. Cards white on
+hairline, 12px for feature cards. Table rows with `muted` hover, selection warming to
+`accent`. Detail opens in the side panel; badges are pills with status fills and
+uppercase captions.
+
+## 5 Layout
+4px base; sidebar 256/56px on the warm stone panel; topbar 64px; side panel 440/640px;
+content max 1280px — airier than a dense console, because the tier is spacious. The
+96px marketing rhythm and the gradient orbs stay behind.
+
+## 6 Depth
+Light: hairline-first — the stone ladder and warm hairlines carry rank; one soft
+warm-tinted tier under true overlays only. Dark: the surface ladder does depth —
+`background` 0.17 L, `surface-raised` +0.05, `surface-overlay` +0.10, warm hue held near
+78. Focus is the 2px ink `ring` on every element.
+
+## 7 Motion
+Studio-quiet. Named moments: `page-breath` (content fade, 180ms — the one unhurried
+entrance), `panel-slide` (side panel, 240ms, interruptible), `pill-press`
+(primary-action press, 120ms). Physicality is granted only to auth and first-run empty
+states; waveforms render statically in lists; nothing animates on keyboard-initiated
+actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the categorical ramp is the five pastels deepened to data strength —
+mint, sky, lavender, peach, rose (`chart-1..5`); tooltips on `surface-overlay` with mono
+numerals.
+
+## 9 Voice
+Quiet editorial: full sentences, unhurried, no exclamation, numbers plain. "Create
+voice" · "Nothing to review — 3 renders completed overnight" · "This clone needs 30 more
+seconds of clean audio before it can be published."
+
+## 10 Do's & Don'ts
+Do keep the accent achromatic — the ink pill is the only action color, one per surface.
+Do wear the light serif on page titles and keep body Inter at 400/500 for legibility.
+Do pill the primary CTA and badges; every other component stays at base radius. Don't
+introduce a saturated action color or a second accent. Don't bold — anywhere. Don't
+let the pastels leave the charts.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
+collapses to the icon rail; tables scroll their overflow. 1024: two-pane queue+detail
+holds. 1440: forms cap; the spacious breathing widens under the 1280px cap.
+
+## 12 Agent Prompt Guide
+Anchor on the warm off-white with white cards; keep every accent achromatic — if a hue
+appears outside a chart, it is drift. Page titles wear the light serif at reduced scale;
+never bold. Pill the one primary action. Keep density spacious and workflows
+keyboard-complete. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.972 0.005 84)
+    foreground: oklch(0.15 0.005 50)
+    card: oklch(0.995 0.005 84)
+    card-foreground: oklch(0.15 0.005 50)
+    popover: oklch(0.995 0.005 84)
+    popover-foreground: oklch(0.15 0.005 50)
+    primary: oklch(0.27 0.006 34)
+    primary-foreground: oklch(0.97 0.005 84)
+    secondary: oklch(0.952 0.005 85)
+    secondary-foreground: oklch(0.2 0.006 50)
+    muted: oklch(0.952 0.005 85)
+    muted-foreground: oklch(0.5 0.014 75)
+    accent: oklch(0.929 0.006 75)
+    accent-foreground: oklch(0.2 0.006 50)
+    destructive: oklch(0.577 0.215 27)
+    destructive-foreground: oklch(0.98 0.008 27)
+    success: oklch(0.627 0.17 149)
+    warning: oklch(0.666 0.157 58)
+    border: oklch(0.923 0.005 55)
+    input: oklch(0.869 0.006 56)
+    ring: oklch(0.15 0.005 50)
+    surface-raised: oklch(0.985 0.005 84)
+    surface-overlay: oklch(0.995 0.005 84)
+    chart-1: oklch(0.7 0.1 165)
+    chart-2: oklch(0.68 0.1 235)
+    chart-3: oklch(0.68 0.1 295)
+    chart-4: oklch(0.74 0.11 55)
+    chart-5: oklch(0.7 0.11 10)
+    sidebar: oklch(0.952 0.006 85)
+    sidebar-foreground: oklch(0.2 0.006 50)
+    sidebar-primary: oklch(0.27 0.006 34)
+    sidebar-primary-foreground: oklch(0.97 0.005 84)
+    sidebar-accent: oklch(0.909 0.009 78)
+    sidebar-accent-foreground: oklch(0.2 0.006 50)
+    sidebar-border: oklch(0.9 0.006 60)
+    sidebar-ring: oklch(0.15 0.005 50)
+  dark:
+    background: oklch(0.17 0.007 75)
+    foreground: oklch(0.93 0.007 84)
+    card: oklch(0.2 0.008 75)
+    card-foreground: oklch(0.93 0.007 84)
+    popover: oklch(0.27 0.01 75)
+    popover-foreground: oklch(0.93 0.007 84)
+    primary: oklch(0.93 0.007 84)
+    primary-foreground: oklch(0.18 0.008 75)
+    secondary: oklch(0.25 0.009 78)
+    secondary-foreground: oklch(0.9 0.007 84)
+    muted: oklch(0.24 0.008 78)
+    muted-foreground: oklch(0.71 0.01 80)
+    accent: oklch(0.29 0.01 78)
+    accent-foreground: oklch(0.93 0.007 84)
+    destructive: oklch(0.62 0.18 27)
+    destructive-foreground: oklch(0.14 0.02 27)
+    success: oklch(0.68 0.13 152)
+    warning: oklch(0.74 0.13 70)
+    border: oklch(0.27 0.009 78)
+    input: oklch(0.29 0.01 78)
+    ring: oklch(0.93 0.007 84)
+    surface-raised: oklch(0.22 0.008 75)
+    surface-overlay: oklch(0.27 0.01 75)
+    chart-1: oklch(0.76 0.1 165)
+    chart-2: oklch(0.74 0.1 235)
+    chart-3: oklch(0.74 0.1 295)
+    chart-4: oklch(0.78 0.11 55)
+    chart-5: oklch(0.75 0.11 10)
+    sidebar: oklch(0.15 0.007 75)
+    sidebar-foreground: oklch(0.89 0.007 84)
+    sidebar-primary: oklch(0.93 0.007 84)
+    sidebar-primary-foreground: oklch(0.18 0.008 75)
+    sidebar-accent: oklch(0.22 0.009 78)
+    sidebar-accent-foreground: oklch(0.91 0.007 84)
+    sidebar-border: oklch(0.23 0.009 78)
+    sidebar-ring: oklch(0.93 0.007 84)
+typography:
+  display: { family: "EB Garamond Variable", fallback: "Georgia, serif", weights: [400] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 400, family: display, tracking: -0.01em }
+    h1: { size: 28px, line: 32px, weight: 400, family: display, tracking: -0.01em }
+    h2: { size: 22px, line: 26px, weight: 400, family: display, tracking: -0.01em }
+    body: { size: 15px, line: 22px, weight: 400, family: sans, tracking: 0.01em }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 17px, weight: 600, family: sans, tracking: 0.08em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, codes, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.3 0.015 60 / 0.1)"
+    popover: "0 4px 16px oklch(0.3 0.015 60 / 0.06)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 78 }
+motion:
+  duration: { press: 120ms, fade: 180ms, 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-2 }
+  diverging: { negative: destructive, mid: muted, positive: chart-1 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1280px }
+```

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

@@ -0,0 +1,200 @@
+---
+schema: design-md/v2
+id: expo
+tier: brand
+segments: [dev-tools, mobile, build-infra]
+keywords: [engineered, white, black, restrained, cool, mono]
+sourced: 2026-07-12
+sources: "design-md/v1 expo entry (2026-07-04); 2026-07-12 re-audit of Expo public brand; Inter and JetBrains Mono are the brand's own operator voice"
+license: open
+---
+
+# expo — a white lab bench with one matte-black multimeter
+
+## 1 Visual Theme
+A hardware lab's white workbench: engineered, cool-neutral, everything labelled, and one
+matte-black instrument that is obviously the tool that matters. Light by default; flat
+and editorial — hierarchy is hairline `border`, type weight, and near-black ink, never
+heavy shadow (one very soft drop is the ceiling). The single brand voltage is `primary`
+**black** — the only CTA fill the brand permits, a deliberate override of the usual
+chromatic accent. The dark theme is the same bench under night lights: cool charcoal
+rungs, the instrument flipped to white.
+
+## 2 Color Roles
+Near-black ink `foreground` on the white `background`; `primary` black carries the one
+primary action and active nav. The text-link blue is a scoped grace — inline body and
+reference links only, never a CTA and never a chart-of-record accent; it survives here
+as `chart-2` and link text. `accent` is a neutral tint (black has no light-theme wash);
+status hues speak only status. The `sidebar` is a faint off-white step off the canvas.
+
+## 3 Typography
+Inter (UI, body, headings — heading weight holds at 600, never 700) over JetBrains Mono
+(IDs, codes, timestamps, log lines). The editorial voice is weight plus negative
+tracking, never a second family; the 64px hero display stays behind — the operator ramp
+tops out at the page title. Register scope: display register for page titles, empty
+states, and auth; mono for every ID, code, and log line; numeric columns `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px), black `primary` fill, press lightens one step, no pill;
+secondary on `secondary` with hairline; tertiary is the inline link-blue label, inline
+only. Inputs on `background` with hairline, generous field height; focus thickens to the
+2px ink `ring`, no glow. Cards 12px radius on hairline, the single soft drop only when
+one must lift. Table rows with `muted` hover, `accent` selection tint; badges are pills
+with uppercase captions on `muted`, status hues only.
+
+## 5 Layout
+4px base (Expo keeps a 20px step for compact workflow rows); sidebar 248/56px; topbar
+56px; side panel 420/640px; content max 1360px. Density is standard and steps denser per
+archetype; the 96px marketing rhythm stays behind.
+
+## 6 Depth
+Light: flat and editorial — hairlines and the surface ladder carry rank; the single soft
+cool-tinted drop appears only when a card must lift, and overlays earn the one md tier.
+Dark: the surface ladder does depth — `background` 0.17 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, cool hue held at 255. Focus is the 2px ink `ring`, always
+visible.
+
+## 7 Motion
+Engineered restraint. Named moments: `bench-fade` (page content, 150ms), `panel-slide`
+(side panel, 220ms, interruptible), `switch-press` (primary-action press, 100ms).
+Physicality is granted only to auth and first-run empty states; build logs stream without
+animation; nothing moves on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the categorical ramp leads with ink-navy and spends the scoped
+link-blue as a data hue (`chart-1..5`) — restrained, cool, engineered; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Engineer's logbook: short, factual, present tense, no exclamation. "Start build" · "No
+builds queued — last release shipped 2 hours ago" · "This build failed at the signing
+step; credentials expired."
+
+## 10 Do's & Don'ts
+Do reserve black `primary` for the single most important action — everything else is
+neutral or status. Do set controls at 8px and cards at 12px — the developer dialect. Do
+carry every ID, code, and timestamp in mono. Don't introduce a saturated brand action
+color. Don't put the link-blue on a CTA or button. Don't pill the CTA — pill is badges
+only. Don't reach past the single soft drop except for a real overlay.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
+collapses to the icon rail; tables scroll their overflow. 1024: two-pane list+detail
+holds. 1440: forms cap; tables and dashboards use the full width.
+
+## 12 Agent Prompt Guide
+Reach first for black as the single action fill; keep every other control neutral on a
+hairline. The link-blue is a reference color only — inline links, breadcrumbs,
+cross-links. Stay flat: hairline and weight before shadow. Every workflow completes from
+the keyboard with the ink ring visible. Dark is authored — consult the block, never
+invert the lab bench.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 255)
+    foreground: oklch(0.21 0.006 255)
+    card: oklch(0.995 0.005 255)
+    card-foreground: oklch(0.21 0.006 255)
+    popover: oklch(0.995 0.005 255)
+    popover-foreground: oklch(0.21 0.006 255)
+    primary: oklch(0.15 0.005 255)
+    primary-foreground: oklch(0.99 0.005 255)
+    secondary: oklch(0.956 0.006 265)
+    secondary-foreground: oklch(0.25 0.008 255)
+    muted: oklch(0.956 0.006 265)
+    muted-foreground: oklch(0.5 0.014 264)
+    accent: oklch(0.94 0.006 260)
+    accent-foreground: oklch(0.21 0.006 255)
+    destructive: oklch(0.577 0.215 27)
+    destructive-foreground: oklch(0.98 0.008 27)
+    success: oklch(0.627 0.17 149)
+    warning: oklch(0.571 0.129 64)
+    border: oklch(0.9 0.005 250)
+    input: oklch(0.9 0.005 250)
+    ring: oklch(0.21 0.006 255)
+    surface-raised: oklch(0.985 0.005 255)
+    surface-overlay: oklch(0.995 0.005 255)
+    chart-1: oklch(0.35 0.03 260)
+    chart-2: oklch(0.556 0.162 252)
+    chart-3: oklch(0.6 0.1 200)
+    chart-4: oklch(0.65 0.13 70)
+    chart-5: oklch(0.55 0.12 290)
+    sidebar: oklch(0.975 0.005 255)
+    sidebar-foreground: oklch(0.25 0.008 255)
+    sidebar-primary: oklch(0.15 0.005 255)
+    sidebar-primary-foreground: oklch(0.99 0.005 255)
+    sidebar-accent: oklch(0.94 0.006 260)
+    sidebar-accent-foreground: oklch(0.21 0.006 255)
+    sidebar-border: oklch(0.9 0.005 250)
+    sidebar-ring: oklch(0.21 0.006 255)
+  dark:
+    background: oklch(0.17 0.006 255)
+    foreground: oklch(0.94 0.005 255)
+    card: oklch(0.2 0.007 255)
+    card-foreground: oklch(0.94 0.005 255)
+    popover: oklch(0.27 0.008 255)
+    popover-foreground: oklch(0.94 0.005 255)
+    primary: oklch(0.94 0.005 255)
+    primary-foreground: oklch(0.17 0.006 255)
+    secondary: oklch(0.25 0.008 258)
+    secondary-foreground: oklch(0.91 0.005 255)
+    muted: oklch(0.24 0.008 258)
+    muted-foreground: oklch(0.72 0.01 258)
+    accent: oklch(0.28 0.009 258)
+    accent-foreground: oklch(0.93 0.005 255)
+    destructive: oklch(0.63 0.19 27)
+    destructive-foreground: oklch(0.14 0.02 27)
+    success: oklch(0.69 0.14 152)
+    warning: oklch(0.72 0.13 70)
+    border: oklch(0.28 0.008 258)
+    input: oklch(0.28 0.008 258)
+    ring: oklch(0.94 0.005 255)
+    surface-raised: oklch(0.22 0.007 255)
+    surface-overlay: oklch(0.27 0.008 255)
+    chart-1: oklch(0.8 0.02 255)
+    chart-2: oklch(0.65 0.14 252)
+    chart-3: oklch(0.7 0.1 200)
+    chart-4: oklch(0.75 0.12 70)
+    chart-5: oklch(0.65 0.11 290)
+    sidebar: oklch(0.15 0.006 255)
+    sidebar-foreground: oklch(0.9 0.005 255)
+    sidebar-primary: oklch(0.94 0.005 255)
+    sidebar-primary-foreground: oklch(0.17 0.006 255)
+    sidebar-accent: oklch(0.23 0.008 258)
+    sidebar-accent-foreground: oklch(0.92 0.005 255)
+    sidebar-border: oklch(0.24 0.008 258)
+    sidebar-ring: oklch(0.94 0.005 255)
+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: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.015em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 25px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 15px, weight: 600, family: sans, tracking: 0.08em, 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, code, ids, logs, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 24px oklch(0.25 0.015 255 / 0.1)"
+    popover: "0 4px 12px oklch(0.25 0.015 255 / 0.06)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 255 }
+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-2 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1360px }
+```