@nurix/etna 0.19.11 → 0.19.13

package/data/harnesses/code/skills/design/design-md/library/linear-app.md

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: linear-app
+tier: brand
+segments: [dev-tools, pm]
+keywords: [dark, minimal, keyboard, dense, lavender, crisp]
+sourced: 2026-07-12
+sources: "design-md/v1 linear-app entry (2026-07-04) + 2026-07-12 re-audit of the public Linear identity; Linear's proprietary sans substituted with Inter (the corpus's own documented substitute), Geist Mono kept per v1"
+license: open
+---
+
+# linear-app — a darkened instrument panel at speed
+
+## 1 Visual Theme
+The cockpit of a precision instrument at night: a matte near-black panel, charcoal
+modules a hairline above it, every dial legible at a glance, and one lavender indicator
+lit. **Dark is the signature theme** — the near-black canvas with a faint blue tint —
+and light is a valued daytime mode, not the default flipped. Flat: rank is the surface
+ladder and hairline `border`; Linear resists shadow almost entirely. One accent —
+lavender `primary` — appears only on the brand mark, the one primary action, the focus
+`ring`, and link emphasis. Density is dense: tight rows, minimal chrome, technical.
+
+## 2 Color Roles
+Cool blue-gray neutrals so the UI reads engineered, never flatly gray. `primary`
+lavender is the only hue that carries meaning; `accent` is its faint wash for selected
+and hovered rows. Status hues (`destructive`, `success`, `warning`) speak status only —
+never chrome. The dark canvas is intentionally not pure black: the faint blue tint is
+the identity. Sidebar sits a half-step off the canvas in both themes.
+
+## 3 Typography
+Inter (single voice — the open substitute for Linear's proprietary cut) / Geist Mono
+(IDs, codes, timestamps, log lines). Register scope: no display face — Inter at 600
+carries every heading; 700+ is resisted. The signature contrast is the uppercase
+eyebrow tracked *positive* against negatively-tracked headings. Every numeric column
+renders `tabular-nums`; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px), `primary` fill, no pill, hover lifts one lavender step;
+secondary takes `secondary` fill with a hairline. Inputs hairline `input` edge with a
+2px lavender `ring`, no glow. Cards a hairline above canvas on `border`, stepping to
+`radius-lg` for large panels. Table rows dense on `border` grid, `muted` hover,
+`accent` selection. Detail opens in the side panel, never a modal workspace. Badges:
+hairline, `muted`/status fill, uppercase eyebrow.
+
+## 5 Layout
+4px base; ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 244/56px; topbar 48px;
+side panel 420/640px; content max 1280px; tables full-width. Dense globally — compact
+button padding, tight rows — stepped per archetype, never absolute overrides.
+
+## 6 Depth
+Flat — the surface ladder and hairlines carry all rank. Dark: `background` 0.08 L,
+`card` a hairline above with a faint top-edge highlight, `surface-raised` 0.19,
+`surface-overlay` 0.23, hue held at 270. Light: white canvas, hairlines, and the rare
+soft shadow only on true overlays — blue-tinted, never black. Focus is a 2px lavender
+`ring`, always visible; three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Near-instant. Named moments: `command-open` (command palette, 120ms), `panel-glide`
+(side panel, 200ms, interruptible), `focus-snap` (press feedback, 80ms). Physicality
+is granted only to auth. Nothing animates in tables, palettes, or any
+keyboard-initiated action — speed is the brand.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills, lavender-led categorical ramp (`chart-1..5`), tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Terse engineer: short verbs, zero ceremony, no exclamation. "Create issue" · "No
+triage items — inbox zero since Tuesday" · "This branch is behind main; rebase before
+merging."
+
+## 10 Do's & Don'ts
+Do default to dark — it is the identity; ship light as an equal daytime mode. Do
+reserve lavender for the brand mark, one primary action, focus, and links. Do walk the
+surface ladder without skipping steps. Don't use pure black — the faint blue tint is
+intentional. Don't use lavender as a fill or background. Don't pill the CTA, and never
+signal elevation with heavy shadow.
+
+## 11 Responsive
+375: sidebar → 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
+Wear dark by default. Lead every list surface with its dense table; lead every entity
+with its primary read, not chrome. If two things want lavender, one is not primary.
+Every ID, code, and timestamp is mono; the `ring` is always visible. Dark is authored —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 275)
+    foreground: oklch(0.165 0.005 264)
+    card: oklch(0.995 0.005 275)
+    card-foreground: oklch(0.165 0.005 264)
+    popover: oklch(0.995 0.005 275)
+    popover-foreground: oklch(0.165 0.005 264)
+    primary: oklch(0.555 0.16 275)
+    primary-foreground: oklch(0.99 0.005 275)
+    secondary: oklch(0.97 0.005 271)
+    secondary-foreground: oklch(0.25 0.01 268)
+    muted: oklch(0.965 0.005 271)
+    muted-foreground: oklch(0.5 0.022 264)
+    accent: oklch(0.951 0.018 279)
+    accent-foreground: oklch(0.38 0.12 276)
+    destructive: oklch(0.55 0.19 24)
+    destructive-foreground: oklch(0.98 0.008 24)
+    success: oklch(0.56 0.14 147)
+    warning: oklch(0.7 0.14 60)
+    border: oklch(0.925 0.005 275)
+    input: oklch(0.891 0.007 269)
+    ring: oklch(0.555 0.16 275)
+    surface-raised: oklch(0.993 0.005 275)
+    surface-overlay: oklch(0.995 0.005 275)
+    chart-1: oklch(0.567 0.159 275)
+    chart-2: oklch(0.712 0.151 250)
+    chart-3: oklch(0.703 0.127 159)
+    chart-4: oklch(0.76 0.142 60)
+    chart-5: oklch(0.653 0.183 24)
+    sidebar: oklch(0.975 0.005 271)
+    sidebar-foreground: oklch(0.25 0.01 268)
+    sidebar-primary: oklch(0.555 0.16 275)
+    sidebar-primary-foreground: oklch(0.99 0.005 275)
+    sidebar-accent: oklch(0.94 0.018 279)
+    sidebar-accent-foreground: oklch(0.36 0.12 276)
+    sidebar-border: oklch(0.925 0.005 275)
+    sidebar-ring: oklch(0.555 0.16 275)
+  dark:
+    background: oklch(0.08 0.006 270)
+    foreground: oklch(0.975 0.005 275)
+    card: oklch(0.17 0.005 270)
+    card-foreground: oklch(0.975 0.005 275)
+    popover: oklch(0.23 0.006 270)
+    popover-foreground: oklch(0.975 0.005 275)
+    primary: oklch(0.555 0.16 275)
+    primary-foreground: oklch(0.99 0.005 275)
+    secondary: oklch(0.17 0.005 270)
+    secondary-foreground: oklch(0.9 0.006 270)
+    muted: oklch(0.195 0.005 270)
+    muted-foreground: oklch(0.65 0.015 262)
+    accent: oklch(0.236 0.027 281)
+    accent-foreground: oklch(0.88 0.03 277)
+    destructive: oklch(0.653 0.183 24)
+    destructive-foreground: oklch(0.13 0.02 24)
+    success: oklch(0.637 0.145 147)
+    warning: oklch(0.76 0.142 60)
+    border: oklch(0.264 0.01 268)
+    input: oklch(0.327 0.011 286)
+    ring: oklch(0.691 0.164 276)
+    surface-raised: oklch(0.19 0.006 270)
+    surface-overlay: oklch(0.23 0.006 270)
+    chart-1: oklch(0.62 0.15 275)
+    chart-2: oklch(0.72 0.15 250)
+    chart-3: oklch(0.72 0.13 159)
+    chart-4: oklch(0.78 0.14 60)
+    chart-5: oklch(0.68 0.18 24)
+    sidebar: oklch(0.11 0.006 275)
+    sidebar-foreground: oklch(0.9 0.006 270)
+    sidebar-primary: oklch(0.555 0.16 275)
+    sidebar-primary-foreground: oklch(0.99 0.005 275)
+    sidebar-accent: oklch(0.2 0.02 281)
+    sidebar-accent-foreground: oklch(0.88 0.03 277)
+    sidebar-border: oklch(0.22 0.008 268)
+    sidebar-ring: oklch(0.691 0.164 276)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.015em }
+    h2: { size: 18px, line: 24px, 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: 12px, line: 16px, weight: 600, family: sans, tracking: 0.04em }
+    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 8px 24px oklch(0.15 0.02 275 / 0.12)"
+    popover: "0 4px 12px oklch(0.15 0.02 275 / 0.08)"
+  dark-ladder: { background: 0.08, raised: 0.19, overlay: 0.23, hue-held: 270 }
+motion:
+  duration: { press: 80ms, fade: 120ms, panel: 200ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth]
+iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: chart-5, mid: muted, positive: chart-3 }
+layout: { base: 4px, sidebar: [244px, 56px], topbar: 48px, side-panel: [420px, 640px], content-max: 1280px }
+```

package/data/harnesses/code/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/code/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 }
+```