@nurix/etna 0.19.42 → 0.19.43

package/data/harnesses/apollo/skills/design/design-md/library/lovable.md

@@ -0,0 +1,199 @@
+---
+schema: design-md/v2
+id: lovable
+tier: brand
+segments: [dev-tools, ai, builder]
+keywords: [warm, cream, charcoal, humanist, parchment, tonal]
+sourced: 2026-07-12
+sources: "design-md/v1 lovable entry (2026-07-04) + 2026-07-12 re-audit of the public Lovable identity; proprietary Camera Plain Variable substituted with Instrument Sans (closest open humanist), DM Mono authored for the undocumented brand mono"
+license: open
+---
+
+# lovable — a sunlit letterpress studio on cream stock
+
+## 1 Visual Theme
+A letterpress studio in afternoon sun: cream stock on every bench, one pot of charcoal
+ink, warm paper edges instead of steel rules. The canvas is a deliberate cream `background`
+— never pure white; warmth is the brand. Light default; dark is the studio by lamplight —
+a warm charcoal ladder holding the same hue, never a cold flip. Flat: hierarchy is warm
+hairline `border`, weight, and charcoal-on-cream contrast. The one accent is achromatic:
+`primary` is charcoal itself; every neutral is one warm hue at varying depth, so the
+surface reads tonally unified. Density is standard.
+
+## 2 Color Roles
+Charcoal `foreground` on cream `background`; `muted` and `accent` are deeper cream
+tints for hovers and selection; `border` is the warm hairline doing all containment.
+`primary` charcoal is the only emphasis carrier — reserved for the single most
+important action. `ring` is the one cool element — a blue accessibility affordance,
+never a brand accent. Status hues (`destructive` warm red, `success` sage, `warning`
+ochre) speak status only. No saturated chromatic accent enters chrome.
+
+## 3 Typography
+Instrument Sans (humanist warmth — the open substitute for the proprietary Camera
+Plain) / DM Mono (IDs, codes, timestamps). Register scope: no separate display face —
+Instrument Sans at 600 is the heading ceiling (never 700); the display step serves
+auth and empty states only. Numeric columns render `tabular-nums`; emphasis bumps
+weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (10px), charcoal `primary` fill with the signature pressed-into-
+paper inset feel (a light top hairline, soft warm underside), no pill; secondary takes
+`secondary` cream fill and `border`. Inputs hairline `border`, focus draws the blue
+`ring`. Cards on `card` with the warm hairline — no shadow by default. Table rows on
+`border` grid, `muted` hover, `accent` selection. Detail opens in the side panel.
+Badges: hairline, `muted`/status fill; the full pill is icon toggles only.
+
+## 5 Layout
+8px base; ramp 4 · 8 · 12 · 16 · 24 · 32 · 40 · 56 · 80. Sidebar 256/64px; topbar
+56px; side panel 420/640px; content max 1200px; tables full-width. The editorial
+96–208px expanses stay behind — warmth comes from palette and type, not lavish gaps.
+
+## 6 Depth
+Flat and shallow. Light: the warm hairline against cream does the containment; a
+single soft, diffused warm glow lifts only true overlays — never a sharp drop. Dark:
+the ladder does depth — `background` 0.17 L, `surface-raised` +0.05, `surface-overlay`
++0.10, hue held at 90. Focus is the `ring` outline on every interactive element;
+three z-levels: content, chrome, overlay.
+
+## 7 Motion
+Soft-handed. Named moments: `paper-fade` (page content, 180ms), `panel-drift` (side
+panel, 260ms, interruptible), `ink-press` (primary-action press, 130ms). Physicality
+is granted only to auth and first-run empty states. Nothing animates in tables or any
+keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes
+on cream, no gridline fills; the categorical ramp leads with charcoal then warm earth
+tones (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Warm craftsperson: encouraging but plain, verbs first, no exclamation marks doing the
+warmth. "Create project" · "Nothing here yet — your first build lands in this list" ·
+"That name is taken; try adding your team's name."
+
+## 10 Do's & Don'ts
+Do keep the cream foundation — never pure white and never a cold gray anywhere. Do
+derive every neutral from the one warm hue for tonal unity. Do reserve charcoal
+`primary` for one action per surface. Don't introduce a saturated chromatic accent —
+the blue `ring` is an affordance, not a license. Don't use weight 700 — 600 is the
+ceiling. Don't shadow cards; the warm hairline is the containment.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
+holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane list+detail
+holds. 1440: forms cap; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Reach first for cream ground and charcoal ink — the brand is warmth. One accent,
+achromatic: if two things want charcoal emphasis, one is not primary. Warm hairline
+before any shadow. Every numeric column is `tabular-nums`; every ID is mono. Dark is
+authored — consult the block, never derive, and never let it go cold.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.968 0.01 88)
+    foreground: oklch(0.23 0.006 95)
+    card: oklch(0.978 0.008 89)
+    card-foreground: oklch(0.23 0.006 95)
+    popover: oklch(0.985 0.006 90)
+    popover-foreground: oklch(0.23 0.006 95)
+    primary: oklch(0.24 0.006 95)
+    primary-foreground: oklch(0.988 0.005 91)
+    secondary: oklch(0.945 0.009 86)
+    secondary-foreground: oklch(0.28 0.006 95)
+    muted: oklch(0.941 0.009 85)
+    muted-foreground: oklch(0.47 0.006 100)
+    accent: oklch(0.925 0.012 85)
+    accent-foreground: oklch(0.28 0.006 95)
+    destructive: oklch(0.543 0.174 30)
+    destructive-foreground: oklch(0.98 0.008 30)
+    success: oklch(0.533 0.099 138)
+    warning: oklch(0.63 0.12 77)
+    border: oklch(0.92 0.008 91)
+    input: oklch(0.9 0.01 91)
+    ring: oklch(0.623 0.188 260)
+    surface-raised: oklch(0.975 0.008 89)
+    surface-overlay: oklch(0.985 0.006 90)
+    chart-1: oklch(0.3 0.006 95)
+    chart-2: oklch(0.671 0.124 77)
+    chart-3: oklch(0.533 0.099 138)
+    chart-4: oklch(0.611 0.121 51)
+    chart-5: oklch(0.623 0.188 260)
+    sidebar: oklch(0.955 0.011 88)
+    sidebar-foreground: oklch(0.28 0.006 95)
+    sidebar-primary: oklch(0.24 0.006 95)
+    sidebar-primary-foreground: oklch(0.988 0.005 91)
+    sidebar-accent: oklch(0.93 0.012 86)
+    sidebar-accent-foreground: oklch(0.26 0.006 95)
+    sidebar-border: oklch(0.915 0.009 90)
+    sidebar-ring: oklch(0.623 0.188 260)
+  dark:
+    background: oklch(0.17 0.008 90)
+    foreground: oklch(0.93 0.01 88)
+    card: oklch(0.2 0.009 90)
+    card-foreground: oklch(0.93 0.01 88)
+    popover: oklch(0.27 0.01 90)
+    popover-foreground: oklch(0.93 0.01 88)
+    primary: oklch(0.93 0.012 88)
+    primary-foreground: oklch(0.2 0.008 90)
+    secondary: oklch(0.24 0.01 90)
+    secondary-foreground: oklch(0.89 0.01 88)
+    muted: oklch(0.23 0.01 90)
+    muted-foreground: oklch(0.66 0.012 92)
+    accent: oklch(0.26 0.012 90)
+    accent-foreground: oklch(0.91 0.012 88)
+    destructive: oklch(0.62 0.17 30)
+    destructive-foreground: oklch(0.13 0.02 30)
+    success: oklch(0.64 0.1 138)
+    warning: oklch(0.72 0.12 77)
+    border: oklch(0.27 0.01 90)
+    input: oklch(0.29 0.011 90)
+    ring: oklch(0.67 0.17 260)
+    surface-raised: oklch(0.22 0.009 90)
+    surface-overlay: oklch(0.27 0.01 90)
+    chart-1: oklch(0.85 0.012 88)
+    chart-2: oklch(0.74 0.12 77)
+    chart-3: oklch(0.66 0.1 138)
+    chart-4: oklch(0.7 0.12 51)
+    chart-5: oklch(0.68 0.16 260)
+    sidebar: oklch(0.15 0.008 90)
+    sidebar-foreground: oklch(0.9 0.01 88)
+    sidebar-primary: oklch(0.93 0.012 88)
+    sidebar-primary-foreground: oklch(0.2 0.008 90)
+    sidebar-accent: oklch(0.21 0.01 90)
+    sidebar-accent-foreground: oklch(0.9 0.012 88)
+    sidebar-border: oklch(0.23 0.009 90)
+    sidebar-ring: oklch(0.67 0.17 260)
+typography:
+  display: { family: "Instrument Sans Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Instrument Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 36px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.01em }
+    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: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 6px, md: 10px, lg: 14px }
+  hairline: border
+  shadow:
+    overlay: "0 4px 12px oklch(0.3 0.02 90 / 0.10)"
+    popover: "0 2px 8px oklch(0.3 0.02 90 / 0.08)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 90 }
+motion:
+  duration: { press: 130ms, fade: 180ms, panel: 260ms }
+  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-3 }
+layout: { base: 8px, sidebar: [256px, 64px], topbar: 56px, side-panel: [420px, 640px], content-max: 1200px }
+```

package/data/harnesses/apollo/skills/design/design-md/library/meta.md

@@ -0,0 +1,204 @@
+---
+schema: design-md/v2
+id: meta
+tier: brand
+segments: [commerce, hardware, consumer]
+keywords: [white, cobalt, cool, commerce, geometric, stark]
+sourced: 2026-07-12
+sources: "design-md/v1 meta entry (2026-07-04) + 2026-07-12 re-audit of Meta's hardware-commerce identity; proprietary Optimistic VF substituted with Montserrat (display, the corpus's documented fallback) + Inter (dense body), Roboto Mono kept per v1"
+license: open
+---
+
+# meta — a stark white hardware showroom
+
+## 1 Visual Theme
+A hardware showroom lit for photography: stark white pedestals, cool steel edges, and
+one cobalt buy-now button on the demo unit. The stark white `background` is the
+identity — the photography-carrying ground kept pure here. Light default; dark is an
+authored cool charcoal ladder (Meta ships no dark tokens — the dark theme here is
+authored, never derived). Flat: hierarchy is a cool hairline `border`, weight, and a
+strict two-layer elevation — never decorative shadow. A single accent, cobalt
+`primary` — Meta's scarce commerce color promoted to the operator primary. Neutrals
+lean faintly blue, never warm-gray. Density is standard, at the commerce
+configurator's pace.
+
+## 2 Color Roles
+Deep cool `foreground` ink on stark white; `muted`/`secondary` are the soft cool
+clouds for hovers and secondary fills; `input` is one notch firmer than the divider
+hairline — inputs read as targets. `primary` cobalt is the only chromatic hue with
+meaning: one action per surface, active nav. `accent` is the cobalt tint for
+selection — tints, never fills. `ring` is the Facebook-Blue focus outline, one notch
+brighter than cobalt. The black marketing pill, Oculus purple, and promo yellow stay
+behind; purple lives only in `chart-3`.
+
+## 3 Typography
+Montserrat (display — the open stand-in for Optimistic's geometric-humanist display
+cut) / Inter (dense body and chrome) / Roboto Mono (IDs, codes, timestamps). Register
+scope: Montserrat touches page titles, auth, and empty states only — never cells,
+buttons, or form chrome. Body runs 16px — the brand's reading pace — set snug with
+light negative tracking. Numeric columns render `tabular-nums`; emphasis bumps weight,
+never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px rect), cobalt `primary` fill, press deepens the cobalt, no
+pill; secondary takes `secondary` fill with a hairline. Inputs on the firmer `input`
+edge, 2px Facebook-Blue `ring` focus, no glow. Cards white on a hairline — nothing
+sits lighter than the canvas. Table rows on `border` grid, `muted` hover, `accent`
+selection. Detail opens in the side panel (the purchase-rail width). Badge is the one
+survivor of the marketing pill: pill radius, `muted`/status fill, uppercase caption.
+
+## 5 Layout
+4px base, 8px dominant; ramp 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 252/56px;
+topbar 56px; side panel 440/680px; content max 1360px; tables full-width. The 80/120px
+marketing rhythm stays behind.
+
+## 6 Depth
+Flat with exactly two layers. Light: the hairline is the divider; a faint lift only
+when a control must read raised; the soft overlay shadow — cool-tinted, never black —
+is reserved for popover, side panel, modal, sticky rail. Dark: the ladder does depth —
+`background` 0.155 L, `surface-raised` +0.045, `surface-overlay` +0.095, hue held at
+240. Focus is the 2px Facebook-Blue `ring` on every interactive element; three
+z-levels.
+
+## 7 Motion
+Efficient. Named moments: `content-fade` (page content, 150ms), `rail-slide` (side
+panel, 220ms, interruptible), `cobalt-press` (primary-action press, 100ms).
+Physicality is granted only to auth. Nothing animates in tables, configurator grids,
+or any keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the categorical ramp runs cobalt-led with the Oculus purple held to
+`chart-3`; tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Product-counter concise: plain declaratives, specs stated as facts, no exclamation.
+"Add device" · "No orders in review — the queue cleared at 09:00" · "This serial is
+already registered to another fleet; check the device label."
+
+## 10 Do's & Don'ts
+Do anchor on stark white — cards differentiate by hairline, never tint. Do reserve
+cobalt for the single most important action; scarcity is its weight. Do keep neutrals
+cool — never warm-gray. Don't promote the black pill or dual-CTA grammar — one cobalt
+accent, never a pair. Don't pill controls — pill is badges only. Don't let purple or
+promo yellow touch chrome; don't stack shadows for rank.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
+holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail
+holds. 1440: forms cap; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Lead every list with its table, every entity with its primary read. Accent only the
+primary action in cobalt — if two things want it, one is not primary. Keep type snug
+and body at 16px. Every numeric column is `tabular-nums`; every ID is mono. Dark is
+authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 248)
+    foreground: oklch(0.18 0.016 227)
+    card: oklch(0.995 0.005 248)
+    card-foreground: oklch(0.18 0.016 227)
+    popover: oklch(0.995 0.005 248)
+    popover-foreground: oklch(0.18 0.016 227)
+    primary: oklch(0.533 0.205 259)
+    primary-foreground: oklch(0.99 0.005 248)
+    secondary: oklch(0.944 0.008 254)
+    secondary-foreground: oklch(0.25 0.015 240)
+    muted: oklch(0.966 0.005 248)
+    muted-foreground: oklch(0.49 0.03 248)
+    accent: oklch(0.951 0.019 253)
+    accent-foreground: oklch(0.4 0.15 259)
+    destructive: oklch(0.55 0.21 21)
+    destructive-foreground: oklch(0.98 0.008 21)
+    success: oklch(0.56 0.15 148)
+    warning: oklch(0.7 0.15 77)
+    border: oklch(0.914 0.01 253)
+    input: oklch(0.857 0.008 260)
+    ring: oklch(0.587 0.204 258)
+    surface-raised: oklch(0.993 0.005 248)
+    surface-overlay: oklch(0.995 0.005 248)
+    chart-1: oklch(0.533 0.205 259)
+    chart-2: oklch(0.651 0.192 252)
+    chart-3: oklch(0.541 0.246 315)
+    chart-4: oklch(0.63 0.16 148)
+    chart-5: oklch(0.785 0.16 77)
+    sidebar: oklch(0.975 0.006 248)
+    sidebar-foreground: oklch(0.25 0.015 240)
+    sidebar-primary: oklch(0.533 0.205 259)
+    sidebar-primary-foreground: oklch(0.99 0.005 248)
+    sidebar-accent: oklch(0.94 0.019 253)
+    sidebar-accent-foreground: oklch(0.38 0.15 259)
+    sidebar-border: oklch(0.914 0.01 253)
+    sidebar-ring: oklch(0.587 0.204 258)
+  dark:
+    background: oklch(0.155 0.01 240)
+    foreground: oklch(0.93 0.006 240)
+    card: oklch(0.19 0.011 240)
+    card-foreground: oklch(0.93 0.006 240)
+    popover: oklch(0.25 0.012 240)
+    popover-foreground: oklch(0.93 0.006 240)
+    primary: oklch(0.68 0.15 252)
+    primary-foreground: oklch(0.14 0.02 240)
+    secondary: oklch(0.23 0.012 240)
+    secondary-foreground: oklch(0.89 0.008 240)
+    muted: oklch(0.22 0.011 240)
+    muted-foreground: oklch(0.67 0.025 245)
+    accent: oklch(0.28 0.05 253)
+    accent-foreground: oklch(0.9 0.03 250)
+    destructive: oklch(0.63 0.2 21)
+    destructive-foreground: oklch(0.13 0.02 21)
+    success: oklch(0.66 0.15 148)
+    warning: oklch(0.78 0.15 77)
+    border: oklch(0.27 0.012 240)
+    input: oklch(0.3 0.013 240)
+    ring: oklch(0.68 0.17 255)
+    surface-raised: oklch(0.2 0.011 240)
+    surface-overlay: oklch(0.25 0.012 240)
+    chart-1: oklch(0.62 0.18 255)
+    chart-2: oklch(0.7 0.17 250)
+    chart-3: oklch(0.62 0.21 315)
+    chart-4: oklch(0.7 0.15 148)
+    chart-5: oklch(0.8 0.15 77)
+    sidebar: oklch(0.135 0.009 240)
+    sidebar-foreground: oklch(0.9 0.008 240)
+    sidebar-primary: oklch(0.68 0.15 252)
+    sidebar-primary-foreground: oklch(0.14 0.02 240)
+    sidebar-accent: oklch(0.21 0.03 250)
+    sidebar-accent-foreground: oklch(0.89 0.02 250)
+    sidebar-border: oklch(0.23 0.011 240)
+    sidebar-ring: oklch(0.68 0.17 255)
+typography:
+  display: { family: "Montserrat Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "Roboto Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.01em }
+    h2: { size: 24px, line: 30px, weight: 600, family: sans }
+    body: { size: 16px, line: 24px, weight: 400, family: sans, tracking: -0.01em }
+    small: { size: 14px, line: 20px, weight: 400, family: sans, tracking: -0.01em }
+    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: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 4px 16px oklch(0.2 0.02 240 / 0.12)"
+    popover: "0 1px 4px oklch(0.2 0.02 240 / 0.10)"
+  dark-ladder: { background: 0.155, raised: 0.2, overlay: 0.25, hue-held: 240 }
+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]
+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: [252px, 56px], topbar: 56px, side-panel: [440px, 680px], content-max: 1360px }
+```

package/data/harnesses/apollo/skills/design/design-md/library/minimax.md

@@ -0,0 +1,204 @@
+---
+schema: design-md/v2
+id: minimax
+tier: brand
+segments: [ai, infrastructure, dev-tools]
+keywords: [monochrome, black, stark, flat, charts-only-color]
+sourced: 2026-07-12
+sources: "design-md/v1 minimax entry (2026-07-04) + 2026-07-12 re-audit of the public MiniMax identity; DM Sans kept per v1, JetBrains Mono authored for the unshipped brand mono"
+license: open
+---
+
+# minimax — a monochrome model lab with color in the data
+
+## 1 Visual Theme
+A research lab in monochrome: white benches, black ink on every whiteboard, and the
+only color in the room living on the results charts pinned to the wall. Light default;
+dark is the lab at night — an authored near-black ladder, never an inversion. Stark
+and flat: hierarchy is hairline `border`, weight, and near-black ink on white — never
+heavy shadow. The single most important action wears the brand's signature near-black
+`primary` fill (rectangular, never the marketing pill). One chromatic accent — a deep
+blue `ring` — is reserved for focus, links, and form activation; chrome otherwise
+stays monochrome. The vibrant product palette never touches chrome — it reappears only
+in `chart-1..5`. Density is standard.
+
+## 2 Color Roles
+Near-black `foreground` on white `background`; `muted`/`secondary` are quiet cool
+surfaces; `accent` is a neutral selection tint — never chromatic; active states stay
+neutral. `primary` near-black carries the one primary action and the active-nav
+marker. `ring` deep blue carries focus, links, and form activation only. Status hues
+speak status; the coral/magenta/blue/purple/cyan brand palette seeds only the chart
+roles.
+
+## 3 Typography
+DM Sans (single family — UI, body, headings; the brand mixes no second sans) /
+JetBrains Mono (authored — the brand ships no mono; IDs, codes, timestamps, log
+lines). Register scope: the 700-weight display cut with tight tracking speaks only in
+auth and empty states — the 80px hero voice stays behind. Numeric columns render
+`tabular-nums`; emphasis bumps weight one step, never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px), near-black `primary` fill on white text, no pill; secondary
+is transparent with a `foreground` border; tertiary takes `card` fill with a hairline.
+Inputs hairline `border`; focus switches the edge to the 2px deep-blue `ring`, no
+glow. Cards on `card` with a hairline, shadow only when lifted. Table rows on `border`
+grid, `muted` hover, neutral `accent` selection — never blue. Detail opens in the side
+panel. Badge is where the pill survives: full radius, `muted`/status fill, uppercase
+caption.
+
+## 5 Layout
+4px base; ramp 2 · 4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 64 (the 20 step is the
+brand's own). Sidebar 248/56px; topbar 52px; side panel 420/640px; content max
+1320px; tables full-width.
+
+## 6 Depth
+Flat: the surface ladder and hairlines carry rank. Light: a whisper lift for cards
+that must rise; one soft tier for true overlays — ink-tinted, never heavy black.
+Dark: the ladder does depth — `background` 0.14 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, hue held at 265. Focus is the 2px deep-blue `ring`, never a
+glow; three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Minimal. Named moments: `mono-fade` (page content, 140ms), `panel-shift` (side panel,
+220ms, interruptible), `ink-press` (primary-action press, 100ms). Physicality is
+granted only to first-run empty states — where the chart palette may draw in once.
+Nothing animates in tables, log streams, or any keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts are the one
+stage for the vibrant brand palette: `chart-1..5` carry blue, coral, purple, magenta,
+cyan; axes stay hairline and monochrome; tooltips on `surface-overlay` with mono
+numerals.
+
+## 9 Voice
+Lab-notebook flat: statements of fact, models and numbers named exactly, no
+exclamation. "Run evaluation" · "No jobs queued — last batch finished 14:32" · "Token
+budget exceeded on 3 of 40 samples; raise the cap or trim the prompt."
+
+## 10 Do's & Don'ts
+Do reserve near-black `primary` for the single most important action; everything else
+is neutral or status. Do send the vibrant palette to charts — the one operator place
+it belongs. Don't put a brand color on a button, badge, or surface — off charts it
+breaks the monochrome discipline. Don't tint selection or active nav blue — blue is
+focus, links, and form activation only. Don't pill the CTA; the pill is badges only.
+Don't introduce a second display face.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
+holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail
+holds. 1440: forms cap; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Keep chrome monochrome — if a surface shows color outside charts and status, remove
+it. Lead every list with its table; detail rides the side panel. Accent one action in
+near-black; blue only on focus and links. Every numeric column is `tabular-nums`;
+every ID and log line is mono. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 265)
+    foreground: oklch(0.145 0.005 265)
+    card: oklch(0.995 0.005 265)
+    card-foreground: oklch(0.145 0.005 265)
+    popover: oklch(0.995 0.005 265)
+    popover-foreground: oklch(0.145 0.005 265)
+    primary: oklch(0.19 0.006 265)
+    primary-foreground: oklch(0.99 0.005 265)
+    secondary: oklch(0.966 0.005 265)
+    secondary-foreground: oklch(0.25 0.006 265)
+    muted: oklch(0.979 0.005 265)
+    muted-foreground: oklch(0.48 0.006 265)
+    accent: oklch(0.964 0.006 265)
+    accent-foreground: oklch(0.22 0.006 265)
+    destructive: oklch(0.55 0.16 23)
+    destructive-foreground: oklch(0.98 0.008 23)
+    success: oklch(0.56 0.13 162)
+    warning: oklch(0.63 0.15 58)
+    border: oklch(0.928 0.006 265)
+    input: oklch(0.928 0.006 265)
+    ring: oklch(0.49 0.21 264)
+    surface-raised: oklch(0.993 0.005 265)
+    surface-overlay: oklch(0.995 0.005 265)
+    chart-1: oklch(0.523 0.239 263)
+    chart-2: oklch(0.678 0.212 34)
+    chart-3: oklch(0.627 0.233 304)
+    chart-4: oklch(0.691 0.203 341)
+    chart-5: oklch(0.724 0.154 244)
+    sidebar: oklch(0.976 0.005 265)
+    sidebar-foreground: oklch(0.25 0.006 265)
+    sidebar-primary: oklch(0.19 0.006 265)
+    sidebar-primary-foreground: oklch(0.99 0.005 265)
+    sidebar-accent: oklch(0.945 0.006 265)
+    sidebar-accent-foreground: oklch(0.2 0.006 265)
+    sidebar-border: oklch(0.928 0.006 265)
+    sidebar-ring: oklch(0.49 0.21 264)
+  dark:
+    background: oklch(0.14 0.005 265)
+    foreground: oklch(0.94 0.005 265)
+    card: oklch(0.18 0.006 265)
+    card-foreground: oklch(0.94 0.005 265)
+    popover: oklch(0.24 0.007 265)
+    popover-foreground: oklch(0.94 0.005 265)
+    primary: oklch(0.93 0.005 265)
+    primary-foreground: oklch(0.16 0.005 265)
+    secondary: oklch(0.22 0.006 265)
+    secondary-foreground: oklch(0.89 0.005 265)
+    muted: oklch(0.21 0.006 265)
+    muted-foreground: oklch(0.66 0.008 265)
+    accent: oklch(0.25 0.007 265)
+    accent-foreground: oklch(0.91 0.005 265)
+    destructive: oklch(0.64 0.16 23)
+    destructive-foreground: oklch(0.13 0.02 23)
+    success: oklch(0.66 0.13 162)
+    warning: oklch(0.72 0.14 58)
+    border: oklch(0.26 0.007 265)
+    input: oklch(0.28 0.008 265)
+    ring: oklch(0.62 0.19 263)
+    surface-raised: oklch(0.19 0.006 265)
+    surface-overlay: oklch(0.24 0.007 265)
+    chart-1: oklch(0.62 0.21 263)
+    chart-2: oklch(0.72 0.19 34)
+    chart-3: oklch(0.68 0.21 304)
+    chart-4: oklch(0.74 0.18 341)
+    chart-5: oklch(0.76 0.14 244)
+    sidebar: oklch(0.12 0.005 265)
+    sidebar-foreground: oklch(0.9 0.005 265)
+    sidebar-primary: oklch(0.93 0.005 265)
+    sidebar-primary-foreground: oklch(0.16 0.005 265)
+    sidebar-accent: oklch(0.19 0.006 265)
+    sidebar-accent-foreground: oklch(0.9 0.005 265)
+    sidebar-border: oklch(0.21 0.006 265)
+    sidebar-ring: oklch(0.62 0.19 263)
+typography:
+  display: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [700] }
+  sans: { family: "DM Sans 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: 700, family: display, tracking: -0.02em }
+    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: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 19px, weight: 400, family: sans }
+    caption: { size: 12px, line: 18px, weight: 600, family: sans, tracking: 0.02em }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, codes, timestamps, logs] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 4px 16px oklch(0.15 0.005 265 / 0.10)"
+    popover: "0 2px 8px oklch(0.15 0.005 265 / 0.07)"
+  dark-ladder: { background: 0.14, raised: 0.19, overlay: 0.24, hue-held: 265 }
+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: [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: [248px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1320px }
+```