@nurix/etna 0.18.18 → 0.18.20

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

@@ -0,0 +1,220 @@
+---
+schema: design-md/v1
+product: Vercel
+provenance: library
+sourced: 2026-07-04
+---
+
+# Vercel — stark ink-on-near-white developer-platform operator design
+
+The operator reading of Vercel's design language. Vercel's own surface is a marketing deck for
+engineers — a near-white canvas broken at hero scale by a multi-stop mesh gradient (cyan / blue /
+magenta / amber) that is the entire decoration system. This entry keeps what survives at operator
+scale: the stark ink-on-near-white palette, the deliberate gray ramp, the two-tone canvas, the Geist
+type voice (via Inter), negative heading tracking, the 6px radius, and the calm stacked-shadow-plus-
+hairline elevation. The mesh gradient, the pill CTA, the hero display, and the dark bands stay behind.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in. The system is achromatic to its core — ink `foreground` `#171717`
+on a two-tone near-white field: the page body is `#fafafa` (98% white) and cards sit on pure white
+`#ffffff`, separated by a `#ebebeb` hairline, not by brightness. Flat: hierarchy is carried by the
+gray ramp, hairline `border`, and type weight — never heavy shadow. The single accent is the ink
+itself — Vercel's primary action is a **black button** (`primary` `#171717` on white); one chromatic
+hue, link/focus blue `#0070f3`, is reserved for interaction. Density is `standard`; the anchor surface
+is a white canvas beside a faintly-tinted `sidebar`.
+
+## 2 Color Roles
+
+Light values (the manifest carries hex — the corpus's native format). The identity is monochrome —
+ink + a deliberate gray ramp; the one chromatic accent is the interaction blue, and status speaks status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` | near-white `#fafafa` | the page body — 98% white, the dominant field |
+| `card` / `popover` | pure white `#ffffff` | cards, panels, and overlays — set off the body by a hairline, not brightness |
+| `foreground` | ink `#171717` | all primary ink and headlines |
+| `muted` / `secondary` | canvas-soft-2 `#f5f5f5` | hover rows, inset regions, secondary button fills |
+| `muted-foreground` | gray `#666666` | labels, captions, secondary text |
+| `border` / `input` | hairline `#ebebeb` | every separator, grid line, and field edge |
+| `primary` | ink `#171717` | the one primary action — the black button; active nav indicator |
+| `accent` | canvas-soft-2 `#f5f5f5` | selected / hovered rows and nav — a neutral gray wash, never coloured |
+| `ring` | interaction blue `#0070f3` | the focus outline — the one chromatic hue, unmistakable and keyboard-first |
+| `destructive` | red `#ee0000` | destructive actions and error state only |
+| `success` / `warning` | green `#16a34a` / amber `#f5a623` | status signalling only, never chrome |
+
+The mesh gradient (cyan `#50e3c2`, violet `#7928ca`, pink `#ff0080`, amber) is a hero-only marketing
+object with no operator role (see §7); its hues survive only as chart series.
+
+## 3 Typography
+
+One sans, one mono, single continuous voice. `font-sans` is **Geist** — the brand's custom geometric
+face — with **Inter** the corpus-named open substitute (`Geist, Inter, system-ui, sans-serif`); it
+carries display, body, button, and label. `font-mono` is Geist Mono (JetBrains Mono the substitute)
+for IDs, codes, timestamps, terminal mockups, and technical eyebrows. Numeric columns render `tabular-nums`.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 20px / 1.4 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 16px / 1.5 | `font-weight-strong` · -0.01em |
+| body | UI + prose | 14px / 1.45 | `font-weight-normal` · -0.28px |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| eyebrow | technical label, section eyebrow | 12px / 1.35 | `font-weight-normal`, mono |
+| code | IDs, logs, command snippets | 13px / 1.5 | `font-weight-normal`, mono |
+
+Weight 600 is the display ceiling — the sans never reaches 700, and the brand reads calm for it. Bump
+weight to emphasise, never size. Negative tracking is the voice (hero -0.05em stays behind; headings hold -0.03em).
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled ink on `primary-foreground`, `radius` 6px, no pill — the black button
+  is the signature, kept square. Secondary: white `card` fill, 1px `border`. Ghost: `accent` on hover.
+- **Input** — `background` fill, 1px `border`, `radius`; focus draws the blue `ring` at 2px, no glow (field 40px).
+- **Card** — pure white `card` on a 1px `border`, `radius`; a faint stacked shadow plus inset-hairline ring only when lifted.
+- **Table row** — height `table-row-height`; `border` grid; `muted` on hover; selection tints `accent`; `tabular-nums` on numerics.
+- **Side panel** — detail and edit open in the panel (`side-panel-width`, `side-panel-width-rich`), beside the work, not over it.
+- **Badge** — hairline `border`, `muted`/status fill; status uses `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px (corpus `--geist-space`); the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 ·
+48 · 64` — the marketing 96 / 128 / 192px section rhythm stays behind. Shell dimensions map one-to-one
+to the layout primitives: sidebar `sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (56px),
+topbar `topbar-height` (64px, the corpus nav height), side panel `side-panel-width` (440px) /
+`side-panel-width-rich` (640px), modal `modal-width-max`, forms `form-max-width`, tables full-width.
+The page reads engineered — large gaps between regions, tight interior stacks. Density is governed by
+`density-tier`, stepped per archetype by the surface catalog, never by absolute overrides.
+
+## 6 Depth
+
+Flat, calm, achromatic. Rank comes from the gray ladder and hairlines, never a heavy drop:
+
+- **0 — canvas** `background` (`#fafafa`), no border.
+- **1 — card / panel** pure white `card` set off the body by a 1px `border` + inset hairline ring.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft
+  stacked `md` shadow, kept subtle (corpus elevation rides 4–12% black, never a single 8px blur).
+
+Focus is a 2px blue `ring` outline (never a glow) on every interactive element — the one place a
+chromatic hue appears, because the achromatic ink would vanish on the black button. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** anchor on the two-tone near-white field — `#fafafa` page, `#ffffff` cards, set off by a hairline.
+- **Do** make the primary action a square black button (`primary` ink, `radius` 6px); it is the brand.
+- **Do** carry hierarchy with the gray ramp, hairlines, and type weight — the system is flat.
+- **Do** set every ID, code, timestamp, and technical eyebrow in `font-mono`; mono is the platform's voice.
+- **Don't** introduce a second chromatic accent — the interaction blue is focus and links only.
+- **Don't** render the CTA as a 100px pill or mix pill with 6px radii — pick the 6px in-app scale and hold it.
+- **Don't** bring the mesh gradient in at all — it is a hero-scale object, never an icon or a swatch.
+- **Don't** promote the geometric sans past weight 600, set body in mono, or signal elevation with a heavy drop.
+
+## 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; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow; nav → hamburger |
+| 1024 | sidebar expands; two-pane queue+detail holds side by side |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
+
+Code and terminal panels keep mono legibility at every breakpoint by scrolling horizontally, not wrapping.
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim:
+
+- Anchor on the two-tone near-white field — `#fafafa` page, white cards set off by a hairline; never
+  pure-white everywhere, never a coloured page.
+- Make the one primary action a square black button; accent nothing else. Reserve the interaction blue
+  `#0070f3` for the focus `ring` and inline links only — never a fill, never a second accent.
+- Set page titles in the geometric sans with negative tracking (never past weight 600); set every ID,
+  code, timestamp, and technical eyebrow in `font-mono`; every numeric column is `tabular-nums`.
+- Carry depth with the gray ladder, hairlines, and the inset-hairline card ring — past a hairline only
+  for a real overlay. Every workflow completes from the keyboard; the blue `ring` is always visible.
+- Leave marketing behind entirely: the mesh gradient, the 100px pill CTA, the 48px hero display, the
+  dark bands, and the 96 / 128 / 192px section rhythm.
+
+```yaml design-primitives
+radius: 6px                                        # corpus: --geist-radius (6px) is the in-app base for buttons/inputs/menus; the 100px marketing pill stays behind
+shadow-intensity: 0.3                              # derived: corpus elevation is exceptionally subtle — stacked small offsets at 4–12% black + an inset hairline ring
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Geist, Inter, system-ui, -apple-system, sans-serif                    # corpus: Geist is the brand face; Inter is the named open substitute
+font-mono: Geist Mono, JetBrains Mono, ui-monospace, SFMono-Regular, monospace   # corpus: Geist Mono for technical layer; JetBrains Mono the named substitute
+font-weight-normal: 400
+font-weight-strong: 600                            # corpus: weight 600 is the display ceiling; the brand never reaches 700
+heading-tracking: -0.03em                          # corpus: aggressive negative display tracking (-0.04em at 24px display-md) scaled to operator headings; the -0.05em hero tracking stays behind
+duration-unit: 50ms                                # derived: corpus silent on motion; snappy operator base — Vercel's UI reads crisp and fast
+duration-fast: 100ms                               # derived: corpus silent on motion
+duration-normal: 150ms                             # derived: functional transition default
+duration-slow: 200ms                               # derived: kept short — crisp, not cinematic
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent on easing; standard crisp ease
+contrast-boost: 1                                  # derived: the deliberate gray ramp gives clear hairlines; no boost needed
+icon-stroke: 1.5                                   # derived: the Geist icon set is fine and geometric; below lucide's default 2 for a refined stroke
+icon-size-base: 16px
+sidebar-width-expanded: 256px                      # derived: corpus has no operator shell; Vercel dashboard left-nav proportion
+sidebar-width-collapsed: 56px                      # derived: icon-rail width
+topbar-height: 64px                                # corpus: nav-bar height (--header-height) is 64px
+side-panel-width: 440px                            # derived: corpus has no operator shell; detail-panel proportion
+side-panel-width-rich: 640px                       # derived: content-heavy detail width (corpus content column family)
+modal-width-max: 560px                             # derived: confirmation-dialog cap
+form-max-width: 640px                              # derived: readable single-column form width
+table-row-height: 44px                             # derived: corpus field height is 40px; rows breathe a hair over the dense default at standard density
+verbosity: default                                 # derived: Vercel's product chrome is clean but labelled, not terse-expert
+feedback: subtle                                   # derived: understated, functional feedback matches the calm system
+density-tier: standard                             # derived: Vercel's product reads clean and engineered, not dense-technical; a standard operator tier
+product-traits: [dev-tools, deployment-dashboard, platform-console, admin]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Geist, Inter, system-ui, -apple-system, sans-serif", mono: "Geist Mono, JetBrains Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#fafafa"                           # corpus canvas-soft — the 98% white page body
+    foreground: "#171717"                           # corpus ink
+    card: "#ffffff"                                 # corpus canvas — pure white cards
+    card-foreground: "#171717"
+    muted: "#f5f5f5"                                # corpus canvas-soft-2 — inset / hover surface
+    muted-foreground: "#666666"                     # derived: Vercel gray ramp mid-tone (between body #4d4d4d and mute #888888) for the label/caption role, readable on white
+    border: "#ebebeb"                               # corpus hairline
+    input: "#ebebeb"                                # corpus hairline — form-input border
+    ring: "#0070f3"                                 # corpus link/interactive blue; Vercel's real focus ring is blue, and the achromatic ink would vanish on the black button
+    primary: "#171717"                              # corpus ink — the single black-button CTA
+    primary-foreground: "#ffffff"                   # corpus on-primary
+    accent: "#f5f5f5"                               # corpus canvas-soft-2 — neutral selected/hover wash; monochrome selection is the signature
+    accent-foreground: "#171717"
+    destructive: "#ee0000"                          # corpus error
+    destructive-foreground: "#ffffff"               # corpus on-primary (white on the red)
+    success: "#16a34a"                              # derived: Vercel's full system scale includes a green (corpus notes the 100–1000 green ramp); success reads green so status stays distinct from the interaction blue #0070f3
+    warning: "#f5a623"                              # corpus warning amber
+    popover: "#ffffff"                              # corpus canvas — crisp white overlay lifted by the inset hairline + soft stacked shadow
+    popover-foreground: "#171717"
+    secondary: "#f5f5f5"                            # corpus canvas-soft-2 — secondary button / soft surface fill
+    secondary-foreground: "#171717"
+    chart-1: "#0070f3"                              # corpus link blue
+    chart-2: "#7928ca"                              # corpus violet
+    chart-3: "#50e3c2"                              # corpus cyan
+    chart-4: "#f5a623"                              # corpus amber
+    chart-5: "#ff0080"                              # corpus highlight pink — the brand accent hues repurposed as categorical series
+    sidebar: "#fafafa"                              # corpus canvas-soft — a faint tint distinct from the white content canvas, a hairline above the page
+    sidebar-foreground: "#171717"
+    sidebar-primary: "#171717"                      # corpus: app-shell active nav uses the ink primary as the indicator
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#f5f5f5"                       # corpus canvas-soft-2 — selected nav-row wash
+    sidebar-accent-foreground: "#171717"
+    sidebar-border: "#ebebeb"                       # corpus hairline
+    sidebar-ring: "#0070f3"
+spacing-scale: [2, 4, 8, 12, 16, 24, 32, 48, 64]
+radius-scale: [0, 4, 6, 8, 12, 16, 9999]
+shadow-levels: [none, sm, md]
+motion: { durations: [100, 150, 200], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 1.5 }
+accent-count: 1
+```

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

@@ -0,0 +1,245 @@
+---
+schema: design-md/v1
+product: VoltAgent
+provenance: library
+sourced: 2026-07-04
+---
+
+# VoltAgent — near-black electric-green developer-console operator design
+
+The *operator* reading of VoltAgent — a near-black IDE dressed as a documentation site: an unrelenting `#101010`
+canvas with no light counterpart, one electric-green accent, hairline-bordered cards, code-editor mockups.
+**Categorically dark**, like the source: dark is the signature, a valued light daytime mode ships alongside. What
+carries — the near-black canvas, the single accent held scarce, hairline-only flat depth, Inter + SF Mono, the 6px
+radius, near-black text on green (never white); what stays behind — the 60px hero, the code-editor mockups, the 48px
+band rhythm, the green divider band. One green does everything, so `success` is the brand's own deeper emerald
+`#10b981` (its inline-link green), never the accent. Both blocks are fully valued; judgments annotated `# derived:`
+where the corpus is silent, `# corpus:` where it states the value.
+
+## 1 Visual Theme
+
+Dark by default; light is the opt-in daytime mode. The UI floats on the near-black canvas `background` (`#101010`) —
+no gradient, no glow, no illustration, just the surface and its hairlines. Emphatically flat: hierarchy comes from
+1px `border` hairlines, type weight, and the off-white/near-black contrast, never a drop shadow (only true overlays
+lift). A single accent, electric-green `primary` (`#00d992`), is reserved for the one primary action, live-status
+indicators, the active-nav mark, and the focus `ring`; ink is a strain-reducing off-white `foreground` (`#f2f2f2`).
+Density is `standard`, dense-capable from the engineered-documentation heritage, stepping denser per archetype. The
+anchor surface is the near-black canvas beside a hair-darker `sidebar`, separated by a hairline, not a band.
+
+## 2 Color Roles
+
+The signature is dark; both themes are valued (light listed first in the manifest). One chromatic
+accent — `primary` is the only hue that carries the primary-action meaning; status hues speak only
+status; the deeper emerald `success` is deliberately not the accent green.
+
+| Role | Light (daytime) | Dark (signature) | Allowed where |
+| --- | --- | --- | --- |
+| `background` / `card` | `#ffffff` / `#ffffff` | `#101010` / `#1a1a1a` | page canvas; panels a hairline above it |
+| `foreground` | `#101010` | `#f2f2f2` | all primary ink (off-white on dark to ease strain) |
+| `muted` / `secondary` | `#f4f4f5` | `#242424` | hover rows, quiet fills, secondary-button fill |
+| `muted-foreground` | `#6b7280` | `#8b949e` | labels, captions, secondary text |
+| `border` / `input` | `#e4e4e7` | `#3d3a39` | every separator, grid line, and field edge |
+| `primary` | `#00d992` | `#00d992` | the one primary action; live indicators; active nav; `ring` |
+| `primary-foreground` | `#101010` | `#101010` | text on the green — near-black, never white (brand mandate) |
+| `accent` | `#ececed` | `#2e2e2e` | selected / hovered rows and nav — a neutral surface lift, never green |
+| `ring` | `#00d992` | `#00d992` | the focus outline — unmistakable, because keyboard-first |
+| `destructive` | `#dc2626` | `#f04438` | destructive actions and error state only |
+| `success` / `warning` | `#10b981` / `#d97706` | `#10b981` / `#f59e0b` | status only, never chrome; `success` is the deeper emerald, not the accent |
+
+## 3 Typography
+
+Two faces. `font-sans` is Inter (weights 400 / 500 / 600 / 700) — display, body, UI, button, and every uppercase
+eyebrow ride it; a second family never does the label work. `font-mono` is SF Mono (`SFMono-Regular` with Menlo /
+Monaco / Consolas fallbacks; JetBrains Mono or Geist Mono the free substitutes) for IDs, codes, timestamps, log
+lines, and metric counters; numeric columns render `tabular-nums`. The signature label is the **uppercase Inter
+eyebrow with wide positive tracking** (`+0.18em`, the source's `2.52px` at `14px`) — the brand's one flourish.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.35 | `font-weight-strong` (600) · `heading-tracking` |
+| h2 | section head | 20px / 1.4 | `font-weight-strong` (600) · `heading-tracking` |
+| h3 | card / group head | 16px / 1.5 | `font-weight-strong` (600) · 0 |
+| body | UI + prose | 14px / 1.45 | `font-weight-normal` (400) |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| caption | uppercase eyebrow | 12px / 1.3 | `font-weight-strong`, `+0.18em`, uppercase |
+| code | IDs, logs, amounts | mono 13px / 1.4 | `font-weight-normal` |
+
+The calm 60px/400 hero display stays behind — operator headings top out at a 24px title, emphasized by
+weight, never by a heavier display.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — primary: filled green `primary` on near-black `primary-foreground`, `radius` (6px), never a pill. Secondary: `card` fill, 1px `border`, `foreground`. Ghost: transparent, green `primary` label (the one place a green *label* is allowed), `accent` on hover.
+- **Input** — `muted` fill on dark, `background` fill on light; 1px `border` (`border-weight`), `radius`; focus draws the green `ring` at full 2px, no glow.
+- **Card** — `card` surface on a 1px `border`; the hairline carries the edge, not a shadow; inset by `density-inset`. Featured cards take a 3px `border` or a 2px `primary` green edge, never a fill.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on numeric columns; row selection tints `accent` (neutral, never green).
+- **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** — pill radius (badges only), `muted`/status fill, uppercase caption; status badges take `success` / `warning` / `destructive`, live pills take `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the marketing
+48px band rhythm stays behind). Shell dimensions map one-to-one to the layout primitives: sidebar
+`sidebar-width-expanded` (248px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (52px),
+side panel `side-panel-width` (420px) / `side-panel-width-rich` (640px), modal `modal-width-max`, forms
+`form-max-width`, tables full-width — the source has only a marketing top-nav, so these are the operator
+standard. Density is governed globally by `density-tier` and stepped per archetype by the surface catalog.
+
+## 6 Depth
+
+Flat and hairline-first. Depth comes from the surface ladder and hairlines, not shadow:
+
+- **0 — canvas** `background` (`#101010` dark / `#ffffff` light), no border.
+- **1 — panel / card** `card` a hairline above the canvas on a 1px `border` — the source seats marketing cards directly on the canvas with only a hairline; the operator reading lifts panels one surface step so dense tables read, keeping the hairline as the primary edge.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft lift; rank is border, surface, and position, never a heavier shadow.
+
+A 2px `primary` green border marks a featured or active card; the dashed divider stays behind. Focus is a 2px green `ring` outline (never a glow) on every interactive element; three z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** anchor the signature on the near-black canvas (`#101010`); ship the light daytime mode as the opt-in, never the default read.
+- **Do** reserve electric-green `primary` for the single primary action, live indicators, the active-nav mark, and the focus `ring` — its scarcity is what reads as voltage.
+- **Do** render code, log, and terminal surfaces in `font-mono` (SF Mono) with `tabular-nums`; carry the uppercase Inter eyebrow at `+0.18em` for section labels.
+- **Don't** fill a decorative surface with the accent green — it is action, live-status, and the focus ring only; a green *label* is allowed only on the ghost button.
+- **Don't** let a status green equal the accent green — `success` is the deeper emerald `#10b981`, never a CTA.
+- **Don't** pill the primary CTA or use a radius outside `radius-scale` (buttons/inputs 6px, cards 8px; pill is badges and live tags only), and don't signal elevation with drop shadows — hairlines and the one-step surface lift carry depth.
+
+## 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; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands; two-pane queue+detail holds side by side |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
+
+Code and log surfaces keep mono legibility by scrolling horizontally, not wrapping.
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim:
+
+- Wear the near-black canvas as the signature; the light daytime mode is opt-in only — never make light the default for this brand. Panels sit a hairline above the canvas.
+- Spend the electric green once per surface: the primary action, live indicators, the active-nav mark, the focus `ring`. If two things want the green, one is not primary. Never fill a decorative surface with it; text on the green is near-black (`#101010`), never white.
+- `success` is the deeper emerald `#10b981`, never the accent green — keep status legible against a brand whose accent is already green.
+- Render every code, log, terminal, and metric surface in `font-mono` (SF Mono); every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`; section labels wear the uppercase Inter eyebrow at `+0.18em`.
+- Depth is hairlines and one surface step, never shadow; reach for the overlay lift only for a true modal or popover. Detail and edit go in the side panel, never a modal. The green `ring` focus outline is always visible. Leave behind the 60px hero, the code-editor mockups, the 48px band rhythm, and the green divider.
+
+```yaml design-primitives
+radius: 6px                                        # corpus: buttons/inputs at rounded.sm (6px); cards step to 8px (md); pill 9999 is badges/live-tags only
+shadow-intensity: 0.4                              # derived: brand is hairline-first with no card shadows, but its modal lift is heavy — overlays earn a real md shadow while cards stay flat
+border-weight: 1px                                 # corpus: 1px hairlines carry all elevation (featured cards use 3px, a variant not the base)
+density-gap: 1                                     # derived: engineered-documentation feel read to an honest standard operator tier; archetypes step denser via the surface catalog
+density-inset: 1                                   # derived: matches density-gap for coherent component insets
+font-sans: Inter, system-ui, -apple-system, sans-serif   # corpus: Inter carries display, body, UI, buttons, and every uppercase eyebrow
+font-mono: SFMono-Regular, Menlo, Monaco, Consolas, monospace   # corpus: SF Mono on every code/log/terminal/metric surface (JetBrains Mono or Geist Mono the free substitutes)
+font-weight-normal: 400                            # corpus: body and UI at 400
+font-weight-strong: 600                            # corpus: eyebrows, buttons, and strong body at 600 (the 700 display weight is hero-scale and stays behind)
+heading-tracking: -0.02em                          # corpus: negative display tracking (-0.6px at 24px, -0.9px at 36px) is the calm engineered signature; -0.02em at operator heading scale
+duration-unit: 50ms                                # derived: corpus is silent on motion; operator-standard 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; overlay/panel transition
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent; standard functional ease
+contrast-boost: 1                                  # derived: the subtle hairline discipline on near-black is intentional; no boost
+icon-stroke: 1.75                                  # derived: corpus has no icon system; a refined 1.75 stroke suits the precise engineered feel
+icon-size-base: 16px                               # derived: corpus silent on icon size; operator standard
+sidebar-width-expanded: 248px                      # derived: corpus has a marketing top-nav, no app-shell rail; operator standard
+sidebar-width-collapsed: 56px                      # derived: standard operator icon rail
+topbar-height: 52px                                # derived: corpus nav padding (12/32) reads generous; operator tightens to 52px
+side-panel-width: 420px                            # derived: corpus has no shell; operator standard detail width
+side-panel-width-rich: 640px                       # derived: content-heavy detail panel
+modal-width-max: 560px                             # derived: corpus modal is full-bleed marketing; operator confirmation cap
+form-max-width: 640px                              # derived: corpus max content ~1200-1400px is marketing; operator single-column reading caps forms at 640
+table-row-height: 40px                             # derived: standard operator row; the engineered feel wants dense rows
+verbosity: default
+feedback: subtle                                   # derived: brand is quiet and engineered but ships live pills and copy affordances — gentle present feedback, not austere silence
+density-tier: standard                             # derived: engineered-documentation brand read to an honest operator tier; archetypes step denser, never the whole app
+product-traits: [dev-tools, ai-agents, agent-console, dashboard, log-stream]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Inter, system-ui, -apple-system, sans-serif", mono: "SFMono-Regular, Menlo, Monaco, Consolas, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#101010"                          # corpus: the brand near-black carries as daytime ink
+    card: "#ffffff"
+    card-foreground: "#101010"
+    muted: "#f4f4f5"                               # derived: neutral light fill, inverse of the near-black surface family
+    muted-foreground: "#6b7280"                    # derived: neutral-cool gray echoing the corpus mute #8b949e
+    border: "#e4e4e7"                              # derived: neutral light hairline (the dark #3d3a39 hairline inverts)
+    input: "#e4e4e7"
+    ring: "#00d992"
+    primary: "#00d992"                             # corpus: the single electric-green accent
+    primary-foreground: "#101010"                  # corpus: near-black text on green, never white
+    accent: "#ececed"                              # derived: neutral selection lift; never the accent green
+    accent-foreground: "#101010"
+    destructive: "#dc2626"                         # derived: corpus surfaces no error hue (Docusaurus default); standard operator red
+    destructive-foreground: "#ffffff"
+    success: "#10b981"                             # corpus: primary-deep — the deeper emerald, distinct from the electric accent green
+    warning: "#d97706"                             # derived: corpus has no warning hue; standard operator amber
+    popover: "#ffffff"
+    popover-foreground: "#101010"
+    secondary: "#f4f4f5"
+    secondary-foreground: "#101010"
+    chart-1: "#00d992"                             # corpus: brand green anchors the categorical series
+    chart-2: "#0ea5e9"                             # derived: sky, spread across a categorical set
+    chart-3: "#8b5cf6"                             # derived: violet
+    chart-4: "#f59e0b"                             # derived: amber
+    chart-5: "#f43f5e"                             # derived: rose
+    sidebar: "#fafafa"                             # derived: faint step below the white canvas so the rail reads as chrome
+    sidebar-foreground: "#101010"
+    sidebar-primary: "#00d992"
+    sidebar-primary-foreground: "#101010"
+    sidebar-accent: "#ececed"
+    sidebar-accent-foreground: "#101010"
+    sidebar-border: "#e4e4e7"
+    sidebar-ring: "#00d992"
+  dark:
+    background: "#101010"                           # corpus: canvas — the only marketing surface
+    foreground: "#f2f2f2"                           # corpus: ink, off-white to reduce contrast strain
+    card: "#1a1a1a"                                 # corpus: canvas-soft — operator panel lift (marketing cards sit on the canvas + hairline; that flatness stays behind)
+    card-foreground: "#f2f2f2"
+    muted: "#242424"                               # derived: neutral hover/fill step above the card, reads on #1a1a1a
+    muted-foreground: "#8b949e"                     # corpus: mute
+    border: "#3d3a39"                               # corpus: hairline
+    input: "#3d3a39"                               # corpus: hairline field edge
+    ring: "#00d992"
+    primary: "#00d992"
+    primary-foreground: "#101010"                   # corpus: on-primary near-black
+    accent: "#2e2e2e"                               # derived: neutral selection lift above hover; never green
+    accent-foreground: "#f2f2f2"
+    destructive: "#f04438"                          # derived: red reads on near-black (corpus semantic is Docusaurus default)
+    destructive-foreground: "#ffffff"
+    success: "#10b981"                              # corpus: primary-deep emerald, distinct from the accent
+    warning: "#f59e0b"                              # derived: amber that reads on near-black
+    popover: "#1a1a1a"                              # corpus: canvas-soft — overlays match the card
+    popover-foreground: "#f2f2f2"
+    secondary: "#242424"
+    secondary-foreground: "#f2f2f2"
+    chart-1: "#00d992"                              # corpus: brand green anchors the series
+    chart-2: "#38bdf8"                              # derived: sky, reads on near-black
+    chart-3: "#a78bfa"                              # derived: violet
+    chart-4: "#fbbf24"                              # derived: amber
+    chart-5: "#fb7185"                              # derived: rose
+    sidebar: "#0c0c0c"                              # derived: one hair below the canvas so the nav rail recedes as chrome
+    sidebar-foreground: "#bdbdbd"                    # corpus: body — the nav-link text color
+    sidebar-primary: "#00d992"
+    sidebar-primary-foreground: "#101010"
+    sidebar-accent: "#2e2e2e"
+    sidebar-accent-foreground: "#f2f2f2"
+    sidebar-border: "#3d3a39"
+    sidebar-ring: "#00d992"
+spacing-scale: [2, 4, 8, 12, 16, 24, 32, 48, 64]
+radius-scale: [0, 4, 6, 8, 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
+```