@nurix/etna 0.19.11 → 0.19.12

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

@@ -0,0 +1,199 @@
+---
+schema: design-md/v2
+id: figma
+tier: brand
+segments: [design-tools, collaboration, creative]
+keywords: [monochrome, black-white, magenta, flat, warm-paper, mono-labels]
+sourced: 2026-07-12
+sources: "design-md/v1 figma entry (2026-07-04); 2026-07-12 re-audit of Figma public brand; Inter substitutes the proprietary Figma Sans (matching its fine variable-weight axis); Space Mono substitutes Figma Mono; light destructive deepened one step for body contrast"
+license: open
+---
+
+# figma — an architect's white drafting table with one magenta sticky tab
+
+## 1 Visual Theme
+An architect's drafting table: white sheet, pure black fineliner, warm off-white trace
+paper for the panels, and a single magenta sticky tab marking the live drawing. Light by
+default; emphatically flat — hierarchy is hairline `border`, type weight, and the
+black/white contrast itself, never heavy shadow. Monochrome spine, joyful edges: the
+pastels are demoted to chart encodings. The dark theme is the studio's night board —
+warm-neutral charcoal rungs, the fineliner flipped to white, the magenta tab unmoved.
+
+## 2 Color Roles
+Black ink `foreground` on the white `background`, warm off-white for `muted` and the
+`sidebar` ground. `primary` fills black — the brand's own primary is achromatic — so
+magenta stays a single-shot pop: the focus `ring`, active indicators, and the pale
+`accent` selection tint. The pastel color blocks are marketing surfaces, reappearing only
+as `chart-*`. Status hues speak only status; the light `destructive` is the brand red
+deepened one step for body contrast.
+
+## 3 Typography
+Inter (the open substitute for Figma Sans, matching its fine variable-weight axis) over
+Space Mono (the open substitute for Figma Mono — IDs, codes, timestamps, and the
+uppercase eyebrow labels, never body). One voice that flexes by weight, not a
+multi-family stack; the poster-scale display and its aggressive tracking stay behind.
+Register scope: display register for page titles, empty states, and auth; mono for data
+and eyebrow labels; numeric columns `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (6px), black `primary` fill, no pill — but icon-only buttons stay
+circular, the one marketing shape that carries. Inputs on `background` with hairline;
+focus draws the magenta `ring` at 2px, no fill change. Cards on hairline, large feature
+cards may take `radius-lg`. Table rows with `muted` hover, selection tinting `accent`
+with a magenta ring indicator. Detail opens in the side panel; badges take hairline,
+`muted` or status fills, uppercase mono captions — never `primary`, never magenta.
+
+## 5 Layout
+8px base (Figma's grid); sidebar 240/48px on the warm off-white ground; topbar 56px (the
+brand's own nav height); side panel 440/640px; content max 1360px. Density standard,
+stepping denser per archetype; the 96px section rhythm stays behind.
+
+## 6 Depth
+Light: the surface ladder, hairlines, and black/white contrast carry rank; overlays earn
+the one soft warm-tinted tier. Dark: the surface ladder does depth — `background` 0.18 L,
+`surface-raised` +0.05, `surface-overlay` +0.10, warm-neutral hue held near 100. The 2px
+magenta `ring` is the one chromatic depth signal, constantly visible to keyboard users.
+
+## 7 Motion
+Precise, tool-like. Named moments: `tab-flick` (selection indicator slide, 120ms),
+`panel-slide` (side panel, 220ms, interruptible), `board-fade` (page content, 140ms).
+Physicality is granted only to auth and first-run empty states; canvas-like surfaces
+never bounce; nothing animates on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default; icon-only buttons
+circular. Charts: hairline axes, no gridline fills; the categorical ramp spends the
+demoted marketing pastels as encodings — lilac, mint, coral, navy, pink (`chart-1..5`);
+tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Friendly precision — a tool that likes its users but respects their time. "New project" ·
+"All caught up — 4 files updated today" · "You can't move this file; ask an editor for
+access."
+
+## 10 Do's & Don'ts
+Do wear the spine: black on white, warm off-white panels, hairline depth. Do keep magenta
+single-shot — the focus ring and small active indicators, never a fill or body text. Do
+keep icon-only buttons circular. Don't reach for the pastel blocks as chrome — charts
+only. Don't pill the CTA — pills stay on the marketing site. Don't introduce a second
+chromatic accent or signal elevation with heavy shadows.
+
+## 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
+Primary action fills black; if two things want the black fill, one is not primary.
+Magenta is single-shot: ring and active indicators only. Weight, not scale, carries
+hierarchy — bump one step, never resize. Eyebrows are uppercase mono. The pastels live
+only in charts. Dark is authored — consult the block, never invert the drafting sheet.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 100)
+    foreground: oklch(0.15 0.005 100)
+    card: oklch(0.995 0.005 100)
+    card-foreground: oklch(0.15 0.005 100)
+    popover: oklch(0.995 0.005 100)
+    popover-foreground: oklch(0.15 0.005 100)
+    primary: oklch(0.15 0.005 100)
+    primary-foreground: oklch(0.99 0.005 100)
+    secondary: oklch(0.965 0.005 106)
+    secondary-foreground: oklch(0.15 0.005 100)
+    muted: oklch(0.965 0.005 106)
+    muted-foreground: oklch(0.5 0.006 100)
+    accent: oklch(0.944 0.033 351)
+    accent-foreground: oklch(0.38 0.16 2)
+    destructive: oklch(0.577 0.205 25)
+    destructive-foreground: oklch(0.98 0.008 25)
+    success: oklch(0.636 0.172 149)
+    warning: oklch(0.76 0.142 60)
+    border: oklch(0.925 0.005 100)
+    input: oklch(0.925 0.005 100)
+    ring: oklch(0.673 0.233 2)
+    surface-raised: oklch(0.985 0.005 100)
+    surface-overlay: oklch(0.995 0.005 100)
+    chart-1: oklch(0.62 0.13 300)
+    chart-2: oklch(0.7 0.11 165)
+    chart-3: oklch(0.68 0.14 35)
+    chart-4: oklch(0.45 0.1 265)
+    chart-5: oklch(0.7 0.18 2)
+    sidebar: oklch(0.976 0.005 106)
+    sidebar-foreground: oklch(0.15 0.005 100)
+    sidebar-primary: oklch(0.15 0.005 100)
+    sidebar-primary-foreground: oklch(0.99 0.005 100)
+    sidebar-accent: oklch(0.944 0.033 351)
+    sidebar-accent-foreground: oklch(0.3 0.1 2)
+    sidebar-border: oklch(0.925 0.005 100)
+    sidebar-ring: oklch(0.673 0.233 2)
+  dark:
+    background: oklch(0.18 0.005 100)
+    foreground: oklch(0.95 0.005 100)
+    card: oklch(0.22 0.006 100)
+    card-foreground: oklch(0.95 0.005 100)
+    popover: oklch(0.28 0.006 100)
+    popover-foreground: oklch(0.95 0.005 100)
+    primary: oklch(0.95 0.005 100)
+    primary-foreground: oklch(0.18 0.005 100)
+    secondary: oklch(0.26 0.006 100)
+    secondary-foreground: oklch(0.92 0.005 100)
+    muted: oklch(0.25 0.006 100)
+    muted-foreground: oklch(0.72 0.008 100)
+    accent: oklch(0.32 0.05 355)
+    accent-foreground: oklch(0.95 0.01 355)
+    destructive: oklch(0.64 0.19 25)
+    destructive-foreground: oklch(0.14 0.02 25)
+    success: oklch(0.7 0.15 152)
+    warning: oklch(0.78 0.13 65)
+    border: oklch(0.29 0.006 100)
+    input: oklch(0.29 0.006 100)
+    ring: oklch(0.71 0.21 2)
+    surface-raised: oklch(0.23 0.006 100)
+    surface-overlay: oklch(0.28 0.006 100)
+    chart-1: oklch(0.7 0.13 300)
+    chart-2: oklch(0.76 0.11 165)
+    chart-3: oklch(0.74 0.13 35)
+    chart-4: oklch(0.62 0.1 265)
+    chart-5: oklch(0.75 0.19 2)
+    sidebar: oklch(0.16 0.005 100)
+    sidebar-foreground: oklch(0.92 0.005 100)
+    sidebar-primary: oklch(0.95 0.005 100)
+    sidebar-primary-foreground: oklch(0.18 0.005 100)
+    sidebar-accent: oklch(0.3 0.045 355)
+    sidebar-accent-foreground: oklch(0.94 0.01 355)
+    sidebar-border: oklch(0.25 0.006 100)
+    sidebar-ring: oklch(0.71 0.21 2)
+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: "Space Mono", fallback: "ui-monospace, monospace", weights: [400, 700] }
+  ramp:
+    display: { size: 28px, line: 36px, weight: 600, family: display, tracking: -0.015em }
+    h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 400, family: mono, tracking: 0.05em, transform: uppercase }
+    data: { size: 13px, line: 19px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, eyebrow-labels] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.25 0.01 100 / 0.1)"
+    popover: "0 4px 16px oklch(0.25 0.01 100 / 0.06)"
+  dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 100 }
+motion:
+  duration: { press: 120ms, 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: [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-4 }
+  diverging: { negative: destructive, mid: muted, positive: chart-2 }
+layout: { base: 8px, sidebar: [240px, 48px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,202 @@
+---
+schema: design-md/v2
+id: framer
+tier: brand
+segments: [design-tools, web-builders, creative]
+keywords: [dark, black, artboard, blue-signal, poster, tight-tracking]
+sourced: 2026-07-12
+sources: "design-md/v1 framer entry (2026-07-04); 2026-07-12 re-audit of Framer public brand; Inter (with its cv/ss character variants) is the brand's operator body voice, standing in for the hero-scale GT Walsheim; Geist Mono for data; the brand ships dark-only — the light theme here is the authored opt-in counterpart"
+license: open
+---
+
+# framer — a blacked-out photo studio with one blue status light
+
+## 1 Visual Theme
+A photographer's blacked-out studio: near-black walls swallowing the edges, one white
+poster pinned dead center, and a single blue status LED that means *recording*. Dark by
+default and dark by identity — the brand ships no light mode; the light theme in the
+block is the authored opt-in counterpart, a gallery print of the same poster. Hierarchy
+rises through a three-step surface ladder — canvas, surface-1, surface-2 — with hairlines
+and white ink against gray; never heavy shadow. Selection is lift, not color.
+
+## 2 Color Roles
+Pure-white ink `foreground` on the near-black `background`; hierarchy is binary — ink or
+`muted-foreground`, no mid-tones between. `primary` is the high-contrast white button,
+one per surface. Framer Blue lives in `ring`, links, and active indicators — a signal,
+never a fill. `accent` is the surface-2 lift for hover and selection. The gradient hues
+(violet, magenta, orange, coral) carry no chrome role — chart series only. Status hues
+speak only status.
+
+## 3 Typography
+Inter (body, UI, headings — with its `cv01/cv05/cv09/cv11/ss03/ss07` character variants
+on; they are the brand's body voice) over Geist Mono (IDs, codes, timestamps, logs). The
+signature is tight tracking: headings run tighter-than-neutral, never the hero's -5%
+extreme; the GT Walsheim display stays behind. Register scope: display register for page
+titles, empty states, and auth; mono for data; numeric columns `tabular-nums` (Inter
+carries `tnum`).
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px), white `primary` fill on the dark shell, no pill; secondary on
+surface-1 with hairline. Inputs on `card` with hairline; focus draws the blue `ring` at
+2px — the one chromatic moment in the field. Cards on surface-1 with hairline; a faint
+light top-edge plus soft drop only when one truly floats. Table rows lift to `accent`
+(surface-2) on selection, never a colored fill. Detail opens in the side panel; badges
+take hairline with status fills — never `primary`, never the blue.
+
+## 5 Layout
+4px base (the marketing 5px rhythm normalizes to the operator ramp); sidebar 248/56px;
+topbar 56px (the brand's nav height); side panel 440/640px; content max 1400px — the
+poster composure kept, not terminal density.
+
+## 6 Depth
+The charcoal ladder is the depth system: `background` 0.15 L, `surface-raised` +0.06,
+`surface-overlay` +0.12, cool hue held at 250; overlays add a light top-edge and one soft
+blue-tinted drop against the near-black. No level stacks a heavier shadow to signal rank.
+Focus is the 2px blue `ring` — the only chromatic depth signal; three z-levels: content,
+chrome, overlay.
+
+## 7 Motion
+Poster-confident but brief — the tool that sells motion must not fidget. Named moments:
+`surface-lift` (hover/selection rung step, 120ms), `panel-slide` (side panel, 260ms,
+interruptible), `publish-press` (primary-action press, 120ms). Physicality is granted
+only to auth and first-run empty states; nothing animates in tables or on any
+keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes on
+the dark canvas, no gridline fills; the categorical ramp spends the demoted gradient
+atmosphere as data — blue, violet, magenta, orange, coral (`chart-1..5`); tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Poster-terse: few words, high confidence, no exclamation. "Publish" · "Nothing queued —
+the site is live" · "This breakpoint has unlinked overrides; review before publishing."
+
+## 10 Do's & Don'ts
+Do keep the base dark — the near-black canvas is the identity. Do keep Framer Blue a
+signal: ring, links, active indicators; if the blue becomes a fill, the brand is
+drifting. Do mark selection by surface lift, not tint. Do keep hierarchy binary — ink or
+ink-muted, nothing between. Don't wash any section in a gradient — gradients were
+marketing atmosphere. Don't pill operator buttons. Don't open detail in a modal when the
+side panel fits.
+
+## 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; tables and dashboards use the full width. The dark theme holds at
+every width.
+
+## 12 Agent Prompt Guide
+Build dark on the charcoal ladder — canvas, surface-1, surface-2 — with white ink and
+gray muted. The one primary action is a white button. Blue only as signal. Track headings
+tight; keep Inter's character variants on; every ID and timestamp in Geist Mono. Selected
+is lift, not color. Light is the authored opt-in — consult the block, never invert.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.985 0.005 250)
+    foreground: oklch(0.17 0.005 250)
+    card: oklch(0.995 0.005 250)
+    card-foreground: oklch(0.17 0.005 250)
+    popover: oklch(0.995 0.005 250)
+    popover-foreground: oklch(0.17 0.005 250)
+    primary: oklch(0.17 0.005 250)
+    primary-foreground: oklch(0.985 0.005 250)
+    secondary: oklch(0.945 0.006 250)
+    secondary-foreground: oklch(0.22 0.006 250)
+    muted: oklch(0.955 0.005 250)
+    muted-foreground: oklch(0.48 0.01 250)
+    accent: oklch(0.93 0.007 250)
+    accent-foreground: oklch(0.2 0.006 250)
+    destructive: oklch(0.577 0.21 25)
+    destructive-foreground: oklch(0.98 0.008 25)
+    success: oklch(0.63 0.17 150)
+    warning: oklch(0.66 0.15 70)
+    border: oklch(0.9 0.006 250)
+    input: oklch(0.9 0.006 250)
+    ring: oklch(0.62 0.18 249)
+    surface-raised: oklch(0.99 0.005 250)
+    surface-overlay: oklch(0.995 0.005 250)
+    chart-1: oklch(0.55 0.18 249)
+    chart-2: oklch(0.55 0.2 295)
+    chart-3: oklch(0.6 0.22 340)
+    chart-4: oklch(0.66 0.15 55)
+    chart-5: oklch(0.62 0.18 25)
+    sidebar: oklch(0.97 0.005 250)
+    sidebar-foreground: oklch(0.2 0.006 250)
+    sidebar-primary: oklch(0.17 0.005 250)
+    sidebar-primary-foreground: oklch(0.985 0.005 250)
+    sidebar-accent: oklch(0.93 0.007 250)
+    sidebar-accent-foreground: oklch(0.2 0.006 250)
+    sidebar-border: oklch(0.9 0.006 250)
+    sidebar-ring: oklch(0.62 0.18 249)
+  dark:
+    background: oklch(0.15 0.005 250)
+    foreground: oklch(0.97 0.005 250)
+    card: oklch(0.2 0.006 250)
+    card-foreground: oklch(0.97 0.005 250)
+    popover: oklch(0.27 0.007 250)
+    popover-foreground: oklch(0.95 0.005 250)
+    primary: oklch(0.97 0.005 250)
+    primary-foreground: oklch(0.15 0.005 250)
+    secondary: oklch(0.24 0.006 250)
+    secondary-foreground: oklch(0.93 0.005 250)
+    muted: oklch(0.24 0.006 250)
+    muted-foreground: oklch(0.7 0.008 250)
+    accent: oklch(0.27 0.007 250)
+    accent-foreground: oklch(0.95 0.005 250)
+    destructive: oklch(0.637 0.208 25)
+    destructive-foreground: oklch(0.14 0.02 25)
+    success: oklch(0.723 0.192 150)
+    warning: oklch(0.769 0.165 70)
+    border: oklch(0.28 0.007 250)
+    input: oklch(0.28 0.007 250)
+    ring: oklch(0.669 0.184 249)
+    surface-raised: oklch(0.21 0.006 250)
+    surface-overlay: oklch(0.27 0.007 250)
+    chart-1: oklch(0.669 0.184 249)
+    chart-2: oklch(0.6 0.2 295)
+    chart-3: oklch(0.65 0.22 340)
+    chart-4: oklch(0.72 0.16 55)
+    chart-5: oklch(0.68 0.18 25)
+    sidebar: oklch(0.13 0.005 250)
+    sidebar-foreground: oklch(0.93 0.005 250)
+    sidebar-primary: oklch(0.97 0.005 250)
+    sidebar-primary-foreground: oklch(0.15 0.005 250)
+    sidebar-accent: oklch(0.22 0.006 250)
+    sidebar-accent-foreground: oklch(0.92 0.005 250)
+    sidebar-border: oklch(0.24 0.006 250)
+    sidebar-ring: oklch(0.669 0.184 249)
+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 Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 33px, weight: 600, family: display, tracking: -0.025em }
+    h1: { size: 24px, line: 29px, weight: 600, family: sans, tracking: -0.02em }
+    h2: { size: 20px, line: 25px, weight: 600, family: sans, tracking: -0.015em }
+    body: { size: 15px, line: 21px, weight: 400, family: sans }
+    small: { size: 14px, line: 20px, weight: 400, family: sans }
+    caption: { size: 13px, line: 16px, weight: 400, family: sans, tracking: 0.01em }
+    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, codes, timestamps, logs] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 14px }
+  hairline: border
+  shadow:
+    overlay: "0 10px 32px oklch(0.05 0.01 250 / 0.55)"
+    popover: "0 4px 16px oklch(0.05 0.01 250 / 0.4)"
+  dark-ladder: { background: 0.15, raised: 0.21, overlay: 0.27, hue-held: 250 }
+motion:
+  duration: { press: 120ms, fade: 160ms, 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: success }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1400px }
+```

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

@@ -0,0 +1,205 @@
+---
+schema: design-md/v2
+id: hashicorp
+tier: brand
+segments: [infra, devops, enterprise]
+keywords: [pure-black, charcoal, engineered, blue, multi-product, flat]
+sourced: 2026-07-12
+sources: "design-md/v1 hashicorp entry (2026-07-04); 2026-07-12 re-audit of HashiCorp public brand; Inter substitutes the licensed HashiCorp Sans; JetBrains Mono for data; the pure-black canvas is the brand's recorded override of the no-pure-black floor; the blue action fill carries near-black ink at operator contrast (marketing white-on-blue is large-text scale)"
+license: open
+---
+
+# hashicorp — a midnight data-center corridor of matte black racks
+
+## 1 Visual Theme
+A data-center corridor at night: matte pure-black racks in ordered rows, charcoal panel
+faces one lift above the void, felt-thin seams between them, and a single blue status LED
+per rack meaning *healthy*. Dark by default — and literally pure black: the `background`
+is `#000000` by recorded brand override (the doctrine's no-pure-black floor yields to the
+brand token; noted plainly here, and the neutral-tint rule yields with it). Emphatically
+flat: the charcoal ladder, hairlines, weight, and white-on-black contrast carry
+everything — never shadow. The light theme is the opt-in counterpart, drawn from the
+brand's light documentation surfaces.
+
+## 2 Color Roles
+White ink `foreground` on the pure-black `background`; `card` is the charcoal surface-1
+lift, `secondary`/`accent` the surface-2 rung for hover and selection, `muted` the faint
+inset well *below* the canvas. `primary` accent-blue is the one product-neutral chromatic
+hue — the primary action, the focus `ring`, active nav; on the fill it carries near-black
+ink at operator contrast (the marketing white-on-blue lives at large-text scale). The
+per-product palette — Terraform purple, Vault yellow, Waypoint cyan, Nomad green,
+Boundary coral — carries no UI role; it draws the chart ramp. Status hues speak status.
+
+## 3 Typography
+Inter (the open substitute for the geometric-humanist HashiCorp Sans) — one family across
+the whole hierarchy, headings at 600 with tight tracking, the 700 display weights left
+behind — over JetBrains Mono, the operator's reclaim for IDs, codes, timestamps, and log
+lines. Register scope: display register for page titles, empty states, and auth; the
+uppercase eyebrow above meaningful sections; numeric columns `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (6px), blue `primary` fill with ink label, never a pill; secondary on
+the surface-2 charcoal with hairline; the brand's white-on-black CTA is a legitimate
+monochrome variant for a lone hero action. Inputs on `background` with the strong
+hairline; focus draws the blue `ring` at 2px. Cards are the charcoal lift off black on a
+hairline — the lift is the depth. Table rows hover to `accent` with a blue left
+indicator on selection. Detail opens in the side panel; badges take hairline with status
+fills, uppercase captions; pill radius is badges-only.
+
+## 5 Layout
+8px base; sidebar 256/56px; topbar 64px (the brand's nav height); side panel 440/640px;
+content max 1440px. Density standard, stepping denser per archetype; the 96px marketing
+rhythm and full-bleed CTA banners stay behind.
+
+## 6 Depth
+Shadowless. The ladder is the system: `background` pure black, `card` surface-1 at 0.21
+L, `secondary` surface-2 at 0.26, hairline charcoal-3 seams, hue held at 264 — the
+`muted` well recesses below the canvas. Overlays earn only the faintest blue-tinted lift
+above a scrim. Focus is the 2px blue `ring`; three z-levels: content, chrome, overlay.
+
+## 7 Motion
+Machine-room steady. Named moments: `rack-lift` (hover/selection rung step, 100ms),
+`panel-slide` (side panel, 220ms, interruptible), `plan-press` (primary-action press,
+120ms). Physicality is granted only to auth and first-run empty states; run queues and
+log streams update without animation; nothing moves on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes on
+black, no gridline fills; the categorical ramp is the per-product palette's one
+legitimate home — Terraform purple, Vault yellow, Waypoint cyan, Nomad green, Boundary
+coral (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Infrastructure formal: precise nouns, states named exactly, no exclamation. "Queue plan" ·
+"No drift detected — 42 workspaces healthy" · "Apply blocked: this policy check requires
+a soft-mandatory override."
+
+## 10 Do's & Don'ts
+Do anchor on the pure-black canvas — it is deliberate, not a near-black to be softened.
+Do spend blue once per surface: primary action, focus ring, active nav. Do reclaim mono
+for every ID, code, timestamp, and log line. Do draw chart series from the product
+palette — the one place multiple hues are legitimate. Don't rebuild the per-product
+accent system as chrome or fill a surface with a product hue. Don't pill controls. Don't
+signal elevation with shadows, and never pair a display-only face with a different body
+family — this brand is one family across the hierarchy.
+
+## 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; tables and dashboards use the full width.
+
+## 12 Agent Prompt Guide
+Wear the pure-black canvas by default; cards are the charcoal lift, not white. Spend blue
+once — if two things want it, one is not primary. Headings at 600 with tight tracking,
+one family; eyebrows uppercase above sections. The product palette exists only inside
+charts. Depth is the ladder plus hairlines, never shadow. Both themes are authored —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 264)
+    foreground: oklch(0.2 0.01 264)
+    card: oklch(0.995 0.005 264)
+    card-foreground: oklch(0.2 0.01 264)
+    popover: oklch(0.995 0.005 264)
+    popover-foreground: oklch(0.2 0.01 264)
+    primary: oklch(0.53 0.22 259)
+    primary-foreground: oklch(0.98 0.005 264)
+    secondary: oklch(0.945 0.007 264)
+    secondary-foreground: oklch(0.24 0.01 264)
+    muted: oklch(0.955 0.006 264)
+    muted-foreground: oklch(0.5 0.015 266)
+    accent: oklch(0.93 0.01 260)
+    accent-foreground: oklch(0.22 0.01 264)
+    destructive: oklch(0.55 0.21 29)
+    destructive-foreground: oklch(0.98 0.008 29)
+    success: oklch(0.6 0.14 163)
+    warning: oklch(0.75 0.15 91)
+    border: oklch(0.89 0.008 264)
+    input: oklch(0.89 0.008 264)
+    ring: oklch(0.53 0.22 259)
+    surface-raised: oklch(0.985 0.005 264)
+    surface-overlay: oklch(0.995 0.005 264)
+    chart-1: oklch(0.511 0.184 302)
+    chart-2: oklch(0.72 0.15 91)
+    chart-3: oklch(0.6 0.11 198)
+    chart-4: oklch(0.58 0.14 163)
+    chart-5: oklch(0.6 0.19 22)
+    sidebar: oklch(0.965 0.006 264)
+    sidebar-foreground: oklch(0.24 0.01 264)
+    sidebar-primary: oklch(0.53 0.22 259)
+    sidebar-primary-foreground: oklch(0.98 0.005 264)
+    sidebar-accent: oklch(0.93 0.01 260)
+    sidebar-accent-foreground: oklch(0.22 0.01 264)
+    sidebar-border: oklch(0.89 0.008 264)
+    sidebar-ring: oklch(0.53 0.22 259)
+  dark:
+    background: oklch(0 0 0)
+    foreground: oklch(0.97 0.005 264)
+    card: oklch(0.21 0.013 264)
+    card-foreground: oklch(0.97 0.005 264)
+    popover: oklch(0.26 0.016 264)
+    popover-foreground: oklch(0.95 0.005 264)
+    primary: oklch(0.639 0.195 257)
+    primary-foreground: oklch(0.12 0.01 257)
+    secondary: oklch(0.26 0.016 264)
+    secondary-foreground: oklch(0.93 0.006 264)
+    muted: oklch(0.16 0.009 264)
+    muted-foreground: oklch(0.775 0.011 262)
+    accent: oklch(0.26 0.016 264)
+    accent-foreground: oklch(0.95 0.005 264)
+    destructive: oklch(0.57 0.21 29)
+    destructive-foreground: oklch(0.98 0.008 29)
+    success: oklch(0.742 0.16 163)
+    warning: oklch(0.872 0.171 91)
+    border: oklch(0.36 0.014 274)
+    input: oklch(0.36 0.014 274)
+    ring: oklch(0.639 0.195 257)
+    surface-raised: oklch(0.21 0.013 264)
+    surface-overlay: oklch(0.26 0.016 264)
+    chart-1: oklch(0.62 0.18 302)
+    chart-2: oklch(0.872 0.171 91)
+    chart-3: oklch(0.751 0.126 198)
+    chart-4: oklch(0.742 0.16 163)
+    chart-5: oklch(0.652 0.202 22)
+    sidebar: oklch(0.12 0.009 264)
+    sidebar-foreground: oklch(0.93 0.006 264)
+    sidebar-primary: oklch(0.639 0.195 257)
+    sidebar-primary-foreground: oklch(0.12 0.01 257)
+    sidebar-accent: oklch(0.21 0.013 264)
+    sidebar-accent-foreground: oklch(0.95 0.005 264)
+    sidebar-border: oklch(0.26 0.014 264)
+    sidebar-ring: oklch(0.639 0.195 257)
+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: "JetBrains 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: 17px, weight: 600, family: sans, tracking: 0.05em, 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, ids, codes, timestamps, logs] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 10px 32px oklch(0.1 0.015 264 / 0.55)"
+    popover: "0 4px 16px oklch(0.1 0.015 264 / 0.4)"
+  dark-ladder: { background: 0.0, raised: 0.21, overlay: 0.26, hue-held: 264 }
+motion:
+  duration: { press: 120ms, 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-3 }
+  diverging: { negative: destructive, mid: muted, positive: chart-4 }
+layout: { base: 8px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1440px }
+```