@nurix/etna 0.18.19 → 0.18.20

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

@@ -0,0 +1,240 @@
+---
+schema: design-md/v1
+product: Slack
+provenance: library
+sourced: 2026-07-04
+---
+
+# Slack — operator reading
+
+An operator translation of Slack's design language: the signature deep-aubergine
+`sidebar`, a white content canvas, one aubergine accent, and blue reserved strictly for
+links. The marketing surface — cream-lavender pastel-mesh gradients, 64px hero display,
+floating product mockups — stays behind. What carries is the palette temperature (warm
+aubergine, cool lavender tints), the humanist type voice, Slack's rounded character, and
+the one thing every stranger recognizes as Slack: the dark aubergine workspace rail. Both
+machine blocks are fully valued; every judgment away from the marketing brand is
+annotated `# derived:`.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in. The content canvas is white with hairline `border`
+hierarchy — flat, with a friendlier radius than a terminal. The one exception to the light
+polarity is the brand's most enduring asset: the **aubergine `sidebar`**, a categorically
+dark plane carrying light text (a legitimate brand override of the light-default floor —
+recorded plainly in §6). A single accent, aubergine `primary` (`#4a154b`), is reserved for
+the one action that matters; blue `#1264a3` is a functional link color, not a chrome
+accent. Density is `standard`, nudged a hair toward comfort for Slack's relaxed rhythm.
+
+## 2 Color Roles
+
+Light values first. One accent — aubergine `primary` is the only chromatic hue that
+carries interactive meaning; link blue is scoped to inline links; status hues speak only
+status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | white `#ffffff` | page, cards, overlays — the dominant light surface |
+| `foreground` | near-black ink `#1d1d1d` | all primary text on light |
+| `muted` / `secondary` | faint lavender-gray `#f5f3f7` / lavender `#f9f0ff` | hover rows, subtle fills, secondary buttons |
+| `muted-foreground` | mid gray `#696969` | labels, captions, secondary text |
+| `border` / `input` | hairline `#e6e6e6` | every separator, grid line, and field edge |
+| `primary` | deep aubergine `#4a154b` | the one primary action; the sidebar surface; brand-mark moments |
+| `accent` | lavender tint `#f9f0ff` | selected / hovered rows and nav on light |
+| `ring` | aubergine `#611f69` | the focus outline on light surfaces — unmistakable, keyboard-first |
+| `sidebar` | aubergine `#4a154b` | the workspace rail — the one categorically dark surface |
+| link (functional) | blue `#1264a3` | inline links only — never a chrome or CTA color |
+| `destructive` | rust `#cc4117` | destructive actions and error state only |
+| `success` / `warning` | green `#007a5a` / amber `#d97706` | status signalling only, never chrome |
+
+Cream `#f4ede4` and the pastel-mesh hero gradients are marketing graces: they carry no
+operator role (see §7).
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is Lato — the humanist face that carries Slack's warmth
+at UI sizes (the brand's own display and UI faces are proprietary; a neutral grotesque
+flattens the voice). UI, body, and headings all ride it; heading weight and tracking, not
+a second family, carry emphasis. `font-mono` is JetBrains Mono for IDs, codes,
+timestamps, and log lines. Numeric columns render `tabular-nums` so figures align down a
+column (floor P4).
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 15px / 1.45 | `font-weight-strong` · `heading-tracking` |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| caption | uppercase eyebrow | 12px / 1.2 | `font-weight-strong`, `+0.08em`, uppercase |
+
+Body leans on a relaxed 1.5 line-height (a restrained echo of the brand's 1.55) — legible
+without going airy. Bump weight one step for emphasis; never change size to emphasize.
+Hero-scale display (32–64px, tight negative tracking) stays on the marketing surface.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled aubergine `primary` on `primary-foreground`, pill radius
+  (`9999`, the one brand flourish), bold label. Secondary: lavender `secondary` fill,
+  `foreground`, workhorse `radius`. Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the
+  `ring` at full 2px, no glow.
+- **Card** — `card` surface, 1px `border`, `radius`; a soft `md` shadow only when it must
+  lift (`shadow-intensity`); inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover;
+  selection tints `accent` (lavender); `tabular-nums` on numeric columns.
+- **Sidebar** — aubergine `sidebar` surface, `sidebar-foreground` light text; active item
+  a `sidebar-primary` band, hover a subtler `sidebar-accent` — the signature dark rail (§6).
+- **Side panel** — detail and edit open in the side panel (`side-panel-width`,
+  `side-panel-width-rich` for content-heavy), beside the work, not over it (floor P3).
+- **Badge** — hairline `border`, `muted`/status fill, uppercase caption; status badges take
+  `success` / `warning` / `destructive`, never aubergine `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px (Tailwind `--spacing` 0.25rem), with 8px as the dominant step
+honoring Slack's rhythm; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64`.
+Shell dimensions map one-to-one to the layout primitives: sidebar
+`sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side panel
+`side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms
+`form-max-width`, tables full-width. Density is governed globally by `density-tier`
+(rewriting the spacing scale through `density-gap`) and stepped per archetype by the
+surface catalog — never by absolute overrides.
+
+## 6 Depth
+
+Flat on the light canvas; the aubergine rail is the one deliberate exception. Hierarchy
+comes from the surface split and hairlines, not stacked shadow:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` on a 1px `border`; a soft `md` shadow only when it must lift.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md` shadow.
+
+The aubergine `sidebar` is a **fixed dark plane, not an elevation** — its prominence comes
+from the surface-polarity split, never a heavier shadow. Focus is a 2px aubergine `ring` on
+light and a light mauve `sidebar-ring` on the rail, visible on every interactive element
+(floor P6). Three z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** reserve aubergine `primary` for the single most important action; everything else
+  is neutral, status, or a link.
+- **Do** keep the aubergine `sidebar` — the dark rail is the brand's most recognizable
+  signal; light-on-aubergine is by design.
+- **Do** give the primary CTA the pill radius as the one brand flourish; keep every other
+  control on the `radius` workhorse.
+- **Do** use blue for inline links only; apply `tabular-nums` to numeric columns and
+  `font-mono` to IDs, codes, and timestamps.
+- **Don't** promote a third accent — aubergine + link-blue is exhaustive; status uses
+  `success` / `warning` / `destructive`.
+- **Don't** use aubergine for body text — it is a surface and CTA color, not a type color.
+- **Don't** bring the pastel-mesh gradients, floating mockups, or 64px hero display onto an
+  operator surface, and don't pill anything but the primary CTA.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | aubergine sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands to the aubergine rail; two-pane queue+detail holds side by side |
+| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim:
+
+- Carry the palette: aubergine `primary`, the dark aubergine `sidebar`, lavender `accent`
+  tints, blue links, near-black ink on white. The `sidebar` is the one categorically dark
+  plane; keep the rest of the app light.
+- Leave behind the marketing surface — pastel-mesh gradients, floating UI mockups,
+  hero-scale display, the full-bleed aubergine footer band do not exist here.
+- Accent only the primary action; if two things want the aubergine, one is not primary.
+  Blue is for links, not buttons. Give the primary CTA the pill; everything else on `radius`.
+- Detail and edit go in the side panel; a modal is a confirmation, not a workspace (P3).
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono` (P4).
+- Every workflow completes from the keyboard; the `ring` focus outline is always visible (P6).
+
+```yaml design-primitives
+radius: 8px                                        # derived: brand's rounded character (12-16px cards, 90px pills) settles at a friendly 8px operator workhorse; the pill (9999) is reserved for the signature primary CTA
+shadow-intensity: 0.5                              # derived: brand leans on soft atmospheric shadow for depth; operator keeps a moderate lift on overlays only
+border-weight: 1px
+density-gap: 1.05                                  # derived: Slack's comfortable padding (over-padded pills, 1.55 body leading) nudges spacing a hair above the neutral operator default
+density-inset: 1.05                                # derived: same comfortable-padding read carried onto component insets
+font-sans: Lato, system-ui, sans-serif            # derived: corpus names Lato as the humanist face that carries the brand's warmth at UI sizes (the display/UI faces are proprietary); a neutral grotesque flattens the voice
+font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, monospace   # derived: corpus is silent on mono; a neutral operator monospace for IDs, codes, log lines
+font-weight-normal: 400
+font-weight-strong: 600                            # derived: brand runs 700 on buttons/display; operator emphasis relaxes to 600, reserving the bolder weight for the pill CTA label
+heading-tracking: -0.01em                          # derived: brand tracks display tight-negative (-0.768px at 64px); at operator heading sizes it settles near -0.01em
+duration-unit: 50ms                                # derived: corpus silent on motion; functional operator ramp (50/100/150/250) on the standard easing
+duration-fast: 100ms
+duration-normal: 150ms
+duration-slow: 250ms
+ease-default: cubic-bezier(0.4,0,0.2,1)
+contrast-boost: 1
+icon-stroke: 1.75                                  # derived: corpus silent on icons; a refined operator stroke one step under lucide's 2
+icon-size-base: 16px                               # derived: standard operator icon size
+sidebar-width-expanded: 260px                      # derived: nods to Slack's real workspace-rail width
+sidebar-width-collapsed: 56px                      # derived: standard icon-rail width
+topbar-height: 48px                                # derived: Slack's compact workspace header character
+side-panel-width: 420px                            # derived: Slack's thread / details panel character
+side-panel-width-rich: 640px                       # derived: content-heavy detail width
+modal-width-max: 560px                             # derived: standard confirmation-modal cap
+form-max-width: 640px                              # derived: standard single-column form width
+table-row-height: 40px                             # derived: comfortable operator row honoring the brand's relaxed rhythm
+verbosity: default
+feedback: subtle
+density-tier: standard                             # derived: a spacious consumer brand pulled to standard for operator work
+product-traits: [collaboration, messaging, inbox, dashboard]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Lato, system-ui, sans-serif", mono: "JetBrains Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#1d1d1d"
+    card: "#ffffff"
+    card-foreground: "#1d1d1d"
+    muted: "#f5f3f7"                               # derived: faint lavender-gray, a whisper of the aubergine family
+    muted-foreground: "#696969"
+    border: "#e6e6e6"
+    input: "#e6e6e6"
+    ring: "#611f69"                                # derived: aubergine-press, visible focus outline on light
+    primary: "#4a154b"
+    primary-foreground: "#ffffff"
+    accent: "#f9f0ff"
+    accent-foreground: "#4a154b"
+    destructive: "#cc4117"
+    destructive-foreground: "#ffffff"
+    success: "#007a5a"
+    warning: "#d97706"                             # derived: corpus has no warning hue; a contrast-safe amber for status
+    popover: "#ffffff"
+    popover-foreground: "#1d1d1d"
+    secondary: "#f9f0ff"
+    secondary-foreground: "#1d1d1d"
+    chart-1: "#4a154b"
+    chart-2: "#1264a3"
+    chart-3: "#007a5a"
+    chart-4: "#d97706"                             # derived: amber, extends the palette for chart distinction
+    chart-5: "#cc4117"
+    sidebar: "#4a154b"
+    sidebar-foreground: "#f9f0ff"                  # derived: warm light lavender text on the aubergine rail
+    sidebar-primary: "#611f69"                     # derived: aubergine-press band for the active nav item
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#592466"                      # derived: aubergine-tint hover band on the rail
+    sidebar-accent-foreground: "#ffffff"
+    sidebar-border: "#3d1140"                      # derived: a shade below aubergine for a subtle divider on the rail
+    sidebar-ring: "#d9bdde"                        # derived: light mauve focus ring, visible on the aubergine rail
+spacing-scale: [2, 4, 8, 12, 16, 24, 32, 48, 64]
+radius-scale: [0, 4, 8, 12, 9999]
+shadow-levels: [none, sm, md]
+motion: { durations: [100, 150, 250], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 1.75 }
+accent-count: 1
+```

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

@@ -0,0 +1,252 @@
+---
+schema: design-md/v1
+product: SpaceX
+provenance: library
+sourced: 2026-07-04
+---
+
+# SpaceX — the mission-console operator reading
+
+An operator translation of SpaceX's design language into a mission console. The marketing theatre stays
+behind: full-bleed rocket and Mars photography, autoplaying launch video, hero-scale display type, the
+museum negative space. What carries is the austere chassis underneath — a pure-black canvas, an
+achromatic white accent doing every "click me" job, the condensed industrial D-DIN voice set UPPERCASE
+with the brand's signature *positive* tracking, tight 4px chrome, and a zero-shadow flat depth. This is
+the one library entry where the light-default floor legitimately yields: SpaceX is **categorically dark**
+— pure `#000000` is the load-bearing brand fact — so the default theme wears near-black, and the brief
+blesses the override plainly (brand tokens win; a pure `#000000` surface is exactly the case the catalog
+lets a design.md demand). Both machine blocks are fully valued; every judgment past what the corpus
+states is annotated `# derived:` where it lands.
+
+## 1 Visual Theme
+
+Dark by default, and pure black on purpose. The canvas is `background` `#000000` (canvas-night) — the
+brand's single most recognizable fact — with cards lifting to `#0a0a0a` (canvas-night-soft), a
+barely-lifted near-black that reads as elevation with no shadow at all. Flat throughout: hierarchy comes
+from the near-black surface ladder, `#3a3a3f` hairlines, and type weight — never a drop shadow (the
+corpus uses none). There is **no chromatic brand accent**; the one accent is achromatic **white**
+(`#ffffff`), reserved for the single primary action, which inverts to white-on-black. The type voice is
+condensed and engineered — D-DIN, set UPPERCASE on titles and eyebrows with a distinctly *positive*
+letter-spacing, the one operator brand that tracks out rather than in. Density is `dense`: the operator
+reading is a mission console — telemetry-dense — not the spacious full-bleed of the marketing site.
+
+## 2 Color Roles
+
+Dark values are the default (the manifest's `light` map carries them — the categorically-dark override).
+The brand has no accent colors; black, white, and a derived telemetry set of status hues do all the
+chromatic work. The corpus's light shop surface (white `#ffffff`, ink `#000000`, hairline `#e0e0e8`) is
+the inverse a light form context can opt into, but the console wears black.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` | canvas-night `#000000` | the page canvas — pure black, the signature; no tint |
+| `card` / `popover` | canvas-night-soft `#0a0a0a` | cards and overlays lift off pure black by the surface step alone |
+| `foreground` | on-primary `#ffffff` | all primary ink — the dominant text color |
+| `muted` | near-black `#141417` | hover rows, subtle fills (a hair above card) |
+| `muted-foreground` | cool gray `#8a8a92` | labels, captions, secondary text — corpus ink-mute `#5a5a5f` is a light-surface tone; on black it lightens to read |
+| `border` / `input` | hairline-on-dark `#3a3a3f` | every separator, grid line, and field edge — the highest-frequency token |
+| `primary` | white `#ffffff` | the one primary action; active nav; the wordmark — the accent is achromatic, not a hue |
+| `primary-foreground` | ink `#000000` | text/icon on the white fill — black on white, never gray |
+| `accent` | cool near-black `#1e1e26` | selected / hovered rows and nav — selection lifts the near-black, it does not colour it |
+| `ring` | white `#ffffff` | the focus outline — maximally visible on black, because keyboard-first (corpus link-on-dark is white) |
+| `destructive` | telemetry-red `#ff453a` | destructive / abort actions and error state only |
+| `success` / `warning` | nominal-green `#32d74b` / caution-amber `#ff9f0a` | status signalling only, never chrome |
+
+On-primary-mute `#f0f0fa` (a cooled-white barely distinct from white) is the corpus's subtle-hierarchy
+secondary text on dark; reach for it only where a whisper of text hierarchy is wanted without a gray.
+
+## 3 Typography
+
+One condensed sans, plus a mono the operator console adds. `font-sans` is **D-DIN** — the condensed
+industrial cut inspired by the DIN 1451 engineering standard; Inter at 700+ with positive tracking is the
+corpus-named substitute, and Arial Narrow the corpus fallback that keeps the width compression. The
+display face is D-DIN-Bold (700); the body is D-DIN (400) — there is **no mid weight**, the brand jumps
+400 → 700. `font-mono` is a **derived** addition (`Space Mono`, JetBrains Mono fallback): the corpus omits
+mono outright, but a mission console needs a telemetry / ID / timestamp voice, and Space Mono's engineered
+character suits the DIN aesthetic. Numeric and telemetry columns render `tabular-nums`.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title (UPPERCASE) | 24px / 1.1 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head (UPPERCASE) | 18px / 1.2 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head (UPPERCASE) | 15px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` · `+0.01em` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| caption | uppercase eyebrow / nav | 12px / 1.4 | `font-weight-normal`, `+0.08em`, uppercase |
+| number | table figures, telemetry | 13px / 1.4 | `font-mono` · `tabular-nums` |
+
+The positive tracking and the UPPERCASE display are the brand's irreducible signature; body carries a
+faint `+0.01em` — the whole system reads engineered rather than designed. Emphasise by weight, never size.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled white (`primary`) on black (`primary-foreground`), tight `radius`, no
+  pill, UPPERCASE label positively tracked. The **ghost pill** is the brand's signature CTA — transparent,
+  1px `border`, white text, `pill` radius (32px), UPPERCASE — reserved for a lone hero action (a launch /
+  commit / deploy confirm), never two side by side. Secondary: `secondary` fill, 1px `border`.
+- **Input** — `card` fill, 1px `border` (`border-weight`), `radius`; focus draws the white `ring` at full
+  2px, no glow.
+- **Card** — `card` (`#0a0a0a`) on a 1px `border`, `radius`; elevation is the surface step + hairline off
+  pure black, never a shadow; inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `accent` on selection;
+  `tabular-nums` + `font-mono` on numeric / telemetry columns.
+- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich` for
+  content-heavy), beside the work, not over it.
+- **Badge** — hairline `border`, `muted` / status fill, UPPERCASE caption; status badges take `success` /
+  `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 18 · 24 · 32 · 48` — note the corpus's
+signature 18px step (its button vertical padding). Shell dimensions map one-to-one to the layout
+primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side
+panel `side-panel-width` / `side-panel-width-rich`, modal `modal-width-max`, forms `form-max-width`,
+tables full-width. Density is `dense`, governed globally by `density-tier` (rewriting the spacing scale
+through `density-gap`) and stepped per archetype by the surface catalog — never by absolute overrides. The
+marketing full-bleed bands and their edge-to-edge photography stay behind.
+
+## 6 Depth
+
+Flat, and darker-flat. The corpus's depth is *photographic* — full-bleed imagery does all the lifting —
+and it uses zero drop shadows, blurs, glows, or gradients. The operator reading has no photography, so
+depth becomes the near-black surface ladder plus hairlines:
+
+- **0 — canvas** `background` (`#000000`), no border.
+- **1 — panel / card** `card` (`#0a0a0a`) on a 1px `border`; elevation is the surface step + hairline, no
+  shadow.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest `sm`
+  lift to separate a floating overlay from the console; even then, prefer the hairline.
+
+Focus is a 2px white `ring` outline (never a glow), visible on every interactive element. Three z-levels:
+content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** keep the canvas pure black (`#000000`) — it is the load-bearing brand fact; cards lift by the
+  `#0a0a0a` step + hairline, never a shadow.
+- **Do** render titles and eyebrows UPPERCASE in the condensed D-DIN with *positive* tracking — the brand
+  tracks out, not in.
+- **Do** reserve the one achromatic accent (white) for the single primary action; everything else is
+  neutral or status.
+- **Do** carry telemetry, IDs, codes, and timestamps in `font-mono` with `tabular-nums`.
+- **Don't** introduce a chromatic brand accent — black, white, and the derived telemetry status hues are
+  the entire palette; a colored "brand" accent breaks the system.
+- **Don't** render titles in sentence-case or title-case — UPPERCASE is the brand.
+- **Don't** signal rank with a drop shadow — the near-black surface step + hairline carries elevation.
+- **Don't** pill every control — the 32px pill is a lone hero-CTA signal; operator controls take the tight
+  4px rect.
+- **Don't** reach for a serif or humanist-sans heading — the condensed industrial DIN cut is non-negotiable.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; h1 steps 24 → 20; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands; two-pane console + detail holds side by side |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
+
+The corpus's display tier stair-steps 80 → 60 → 48 → 40px; at operator scale the h1 steps down more
+modestly, but the principle holds — the display shrinks first.
+
+## 9 Agent Prompt Guide
+
+- **Carries:** the pure-black `background` + `#0a0a0a` surface ladder; the achromatic white accent; the
+  condensed D-DIN voice set UPPERCASE with positive tracking on titles and eyebrows; the tight 4px chrome
+  radius; zero-shadow flat depth; the telemetry-dense layout.
+- **Stays behind:** full-bleed rocket / Mars photography and autoplaying launch video; hero-scale display
+  (80 / 60 / 48px); the museum negative space; the marketing full-bleed bands; the ghost-pill-everywhere
+  marketing CTA grammar.
+- Keep the canvas pure black; cards lift by the `#0a0a0a` step + hairline, never a shadow.
+- One accent, and it is white — the primary action inverts to white-on-black; if two things want it, one
+  of them is not primary.
+- Titles and eyebrows are UPPERCASE, condensed, positively tracked — the irreducible signature; body and
+  tables stay sentence-case D-DIN.
+- Every numeric / telemetry column is `tabular-nums`; every ID / code / timestamp is `font-mono` (the brand
+  omits mono — the console adds it for telemetry).
+- Every workflow completes from the keyboard; the white 2px `ring` focus outline is always visible.
+- The 32px ghost pill is a lone hero CTA (a launch / commit confirm), never two side by side.
+
+```yaml design-primitives
+radius: 4px                                        # corpus: sharpest chrome radius (rounded.xs, form inputs); the engineered DIN read wants tight corners — the 32px signature pill stays in-scale for a lone ghost hero CTA
+shadow-intensity: 0.2                               # derived: corpus uses zero shadow (depth is photographic); operator carries elevation by the near-black surface ladder + hairline, a faint shadow only floats a true overlay
+border-weight: 1px
+density-gap: 0.9                                    # derived: the operator reading is a mission console — telemetry-dense; marketing's full-bleed spaciousness stays behind
+density-inset: 0.9                                  # derived: matches the dense tier's tighter component insets
+font-sans: D-DIN, Inter, Arial Narrow, system-ui, sans-serif   # corpus display+body face; Inter (700+, tracked) is the corpus-named substitute, Arial Narrow the corpus fallback that keeps the width compression
+font-mono: Space Mono, JetBrains Mono, ui-monospace, monospace # derived: corpus omits mono; a mission console needs a telemetry/ID voice — Space Mono's engineered character suits the DIN aesthetic, JetBrains Mono the reliable fallback
+font-weight-normal: 400                             # corpus: D-DIN body weight
+font-weight-strong: 700                             # corpus: D-DIN-Bold display is 700; the brand jumps 400 → 700 with no mid weight
+heading-tracking: 0.04em                            # corpus: the signature is POSITIVE display tracking (uppercase, ~0.02em at 80px, ~0.08em on caps eyebrows); operator headings keep a distinctly positive 0.04em — the one operator brand that tracks OUT, not in
+duration-unit: 50ms                                 # derived: corpus documents no motion; austere functional base
+duration-fast: 100ms                               # derived: corpus silent on motion
+duration-normal: 150ms                             # derived: corpus silent on motion
+duration-slow: 250ms                               # derived: corpus silent on motion
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent; mechanical, restrained functional ease
+contrast-boost: 1                                  # derived: the near-black surface ladder + #3a3a3f hairlines already read as a grid on black
+icon-stroke: 1.5                                   # derived: corpus uses minimal SVG arrow chevrons; a thin 1.5 stroke keeps them minimal and refined
+icon-size-base: 16px                               # derived: corpus silent on UI icon sizing; operator standard
+sidebar-width-expanded: 240px                      # derived: no app shell in corpus (marketing full-bleed); austere/dense read tightens the rail
+sidebar-width-collapsed: 56px                      # derived: standard icon-rail width
+topbar-height: 52px                                # derived: corpus nav is marketing-generous (24px vertical padding); operator tightens to a thin overlay bar
+side-panel-width: 420px                            # derived: no app shell in corpus; operator standard
+side-panel-width-rich: 640px                       # derived: content-heavy detail width
+modal-width-max: 560px                             # derived: confirmations only
+form-max-width: 640px                              # derived: single-column reading cap
+table-row-height: 36px                             # derived: dense mission-console rows pack tight; the surface catalog can step further per archetype
+verbosity: compact                                 # derived: austere, minimal-chrome brand trusts the reader over explanatory copy
+feedback: minimal                                  # derived: the brand's austere silence → the most restrained feedback dial
+density-tier: dense                                # derived: the operator reading is a mission console — telemetry-dense; marketing spaciousness stays behind
+product-traits: [mission-control, telemetry, monitoring, dashboard, command-center]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "D-DIN, Inter, Arial Narrow, system-ui, sans-serif", mono: "Space Mono, JetBrains Mono, ui-monospace, monospace" }
+color-tokens:
+  light:
+    background: "#000000"
+    foreground: "#ffffff"
+    card: "#0a0a0a"
+    card-foreground: "#ffffff"
+    muted: "#141417"                # derived: a step above card for hover rows and subtle fills on the near-black ladder
+    muted-foreground: "#8a8a92"     # derived: cool mid-gray for secondary text on black; corpus ink-mute #5a5a5f is a light-surface tone
+    border: "#3a3a3f"
+    input: "#3a3a3f"
+    ring: "#ffffff"                 # derived: achromatic brand → the focus ring is white, maximally visible on black (corpus link-on-dark is white)
+    primary: "#ffffff"              # derived: the brand has no chromatic accent; white is the one voltage — the primary action inverts to white-on-black
+    primary-foreground: "#000000"
+    accent: "#1e1e26"               # derived: cool near-black selection/hover tint; SpaceX's cool canvas-cool #f0f0fa inverted onto black
+    accent-foreground: "#ffffff"
+    destructive: "#ff453a"          # derived: corpus is achromatic; a telemetry-alert red for error/abort on black
+    destructive-foreground: "#ffffff"
+    success: "#32d74b"              # derived: mission nominal/go green on black
+    warning: "#ff9f0a"              # derived: telemetry caution amber on black
+    popover: "#0a0a0a"
+    popover-foreground: "#ffffff"
+    secondary: "#1a1a1e"            # derived: secondary button fill — a lift above card
+    secondary-foreground: "#ffffff"
+    chart-1: "#ffffff"              # derived: the primary telemetry trace is achromatic white
+    chart-2: "#64d2ff"             # derived: telemetry cyan
+    chart-3: "#32d74b"             # derived: nominal green
+    chart-4: "#ff9f0a"             # derived: caution amber
+    chart-5: "#ff453a"             # derived: alert red
+    sidebar: "#000000"              # derived: the nav overlays on pure black (corpus nav-bar-overlay canvas-night), separated by a hairline
+    sidebar-foreground: "#ffffff"
+    sidebar-primary: "#ffffff"      # derived: active nav is white
+    sidebar-primary-foreground: "#000000"
+    sidebar-accent: "#1e1e26"       # derived: selected-nav tint, matches accent
+    sidebar-accent-foreground: "#ffffff"
+    sidebar-border: "#3a3a3f"
+    sidebar-ring: "#ffffff"
+spacing-scale: [4, 8, 12, 16, 18, 24, 32, 48]
+radius-scale: [4, 8, 16, 32, 9999]
+shadow-levels: [none, sm]
+motion: { durations: [100, 150, 250], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 1.5 }
+accent-count: 1
+```