@nurix/etna 0.18.18 → 0.18.20

package/data/harnesses/code/skills/design/data/design-md/library/x-ai.md

@@ -0,0 +1,220 @@
+---
+schema: design-md/v1
+product: xAI
+provenance: library
+sourced: 2026-07-04
+---
+
+# xAI — the engineered-cosmic monochrome operator design
+
+xAI's web surface is a near-black cosmic canvas broken only by white outline pills, a proprietary
+geometric sans (Universal Sans) at weight 400 with extreme negative tracking, and uppercase tracked
+GeistMono eyebrows that read like code comments — confidently sparse, unmarketed. This entry is the
+*operator* reading of that brand: an internal tool (model-ops console, agent-run queue, inference
+dashboard, log stream) in xAI's language. What carries: the stark near-monochrome discipline, the
+near-black `#0a0a0a` ink, the single sunset-orange accent held scarce, the pill shape on interactive
+controls, the geometric-sans display voice (weight 400, negative tracking, never bold), the mono-caps
+eyebrow, and hairline-only flat depth. What stays behind: the 96px hero display, the edge-to-edge black
+page, and the sunset/dusk gradient illustration accents.
+
+**Light surface, cosmic inlay.** Inverting the whole page to near-black would be dark-mode-as-default,
+which the light floor refuses; instead the operator surface is a cool near-white canvas, and xAI's
+signature near-black is carried as the **cosmic inlay** — the sidebar rail and the terminal / log /
+metric panels. Both machine blocks are fully valued; brand tokens that override a generic ban
+(near-black `#0a0a0a` ink, pill buttons) are recorded plainly, and derivations where the corpus is
+silent are annotated `# derived:`.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in. The content floats on a faint cool near-white `background`
+(`#fbfbfc`); cards step up to pure white `card` (`#ffffff`), so a panel reads by a hair of brightness
+plus its hairline, never by shadow. Emphatically flat — the brand uses no shadows; cool hairline
+`border`, type weight, and the near-white-to-white step carry every elevation cue. A single accent,
+sunset orange `primary` (`#ff7a17`) — xAI's one brand chroma — is held scarce: the primary action, the
+focus `ring`, the active-nav indicator. Ink is xAI's stark near-black `foreground` (`#0a0a0a`), which
+returns as the cosmic inlay — a near-black `sidebar` rail and dark terminal / metric panels. Density is
+`standard`, engineered-tight, stepping denser per archetype.
+
+## 2 Color Roles
+
+Light values (the manifest carries hex — the corpus's native format). One accent — `primary` is the
+only chromatic hue that carries UI meaning; the cosmic accent palette lives only in charts (§7), status hues speak only status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` | cool near-white `#fbfbfc` | the page floor and content canvas — the dominant surface |
+| `card` / `popover` | pure white `#ffffff` | cards and overlays — a slight bright lift off the near-white, read by hairline |
+| `foreground` | stark near-black `#0a0a0a` | display and all primary ink — xAI's signature black |
+| `muted` / `secondary` | cool light fill `#f2f3f5` | hover rows, quiet band tints, secondary-button fill |
+| `muted-foreground` | cool gray `#7d8187` | labels, captions, secondary text — the brand's mute gray |
+| `border` / `input` | cool hairline `#e6e7ea` | every separator, grid line, and field edge — one cool step, not an ink line |
+| `primary` | sunset orange `#ff7a17` | the one primary action; the focus `ring`; the active-nav indicator |
+| `primary-foreground` | near-black `#0a0a0a` | text on the sunset action — near-black reads on the bright orange (the brand's on-primary) |
+| `accent` | cool selection lift `#eceef1` | selected / hovered rows and nav — a neutral cool step, never orange |
+| `ring` | `primary` sunset | the focus outline — high-chroma, unmistakable even at 1px |
+| `destructive` | clean red `#e5484d` | destructive actions and error state only |
+| `success` / `warning` | green `#30a46c` / amber-gold `#d99126` | status signalling only, never chrome |
+
+## 3 Typography
+
+`font-sans` is Universal Sans (the proprietary geometric brand face), with Inter the corpus's documented
+open substitute — one sans carries body, UI, labels, and headings. `font-mono` is Geist Mono for IDs,
+codes, timestamps, log lines, metric counters, and — the signature move — the uppercase tracked
+**eyebrow** above every section head; numeric columns render `tabular-nums`. The defining trait is xAI's
+restraint: the display sits at weight 400 with aggressive negative tracking (never bold — size and
+gathering do the emphasis). The 96px hero stays behind; an operator surface tops out at a 24px title.
+
+| Step | Role | Family | Size · line | Weight · tracking |
+| --- | --- | --- | --- | --- |
+| h1 | page title | sans | 24px / 1.2 | `font-weight-normal` (400) · `heading-tracking` |
+| h2 | section head | sans | 19px / 1.3 | `font-weight-normal` (400) · -0.02em |
+| h3 | card / group head | sans | 15px / 1.4 | `font-weight-strong` (500) · 0 |
+| body | UI + prose | sans | 14px / 1.5 | `font-weight-normal` |
+| small | labels, meta, dense table | sans | 13px / 1.4 | `font-weight-normal` |
+| eyebrow | uppercase mono label | mono | 12px / 1.4 | 400, `+0.12em`, uppercase (GeistMono) |
+| code | IDs, logs, amounts | mono | 13px / 1.5 | `font-weight-normal` |
+
+Keep the display at 400 with gathered negative tracking — it is the brand; never bold it, and keep the eyebrow mono, not sans.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+- **Button** — primary: filled sunset `primary` on near-black `primary-foreground`, **pill radius** (the pill is xAI). Secondary: white `card`, 1px `border`, `foreground`, pill. Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `border` (`border-weight`), `radius` (8px, not pilled); focus draws the sunset `ring` at 1px, no glow.
+- **Card** — white `card` surface on a 1px `border` — the bright step off the near-white carries the lift; `radius` 8px; shadow only when a true overlay must separate; inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on numeric columns; row selection lifts to `accent`; column headers wear the mono-caps eyebrow.
+- **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, `muted`/status fill, uppercase mono caption; status badges take `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is xAI's exact set — `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64`.
+Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` (240px) /
+`sidebar-width-collapsed` (56px), topbar `topbar-height` (52px, the brand's lean nav), side panel
+`side-panel-width` (420px) / `side-panel-width-rich` (640px), modal cap `modal-width-max`, forms
+`form-max-width`, tables full-width — engineered-tight, not editorial-loose. Density is governed
+globally by `density-tier` and stepped per archetype by the surface catalog, never by absolute overrides.
+
+## 6 Depth
+
+Flat and hairline-only — the brand uses no shadows. Depth comes from the surface step, cool hairlines, and the cosmic inlay:
+
+- **0 — canvas** `background` (`#fbfbfc`), no border.
+- **1 — panel / card** white `card` (`#ffffff`) on a 1px `border`; the bright step plus the hairline carries the lift. Selected / hover rows lift to `accent` (`#eceef1`).
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest lift, enough to float above the near-white. Rank is surface, border, and position.
+- **inlay — cosmic near-black** `#0a0a0a` with `#dadbdf` text and `font-mono` — the sidebar rail and terminal / log / metric panels, xAI's white-on-near-black soul carried into a light UI.
+
+Focus is a 1px sunset `ring` outline (never a glow), visible everywhere because the orange is high-chroma; three z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** stay near-monochrome — near-black ink on cool near-white, hairlines and type weight before any color; the restraint is the brand.
+- **Do** reserve sunset orange `primary` for the single primary action, the focus `ring`, and the active-nav indicator — its scarcity is what reads as voltage.
+- **Do** pill the interactive controls (buttons, chips, badges) — the pill is xAI's shape system; keep cards, inputs, and panels at the 8px `radius`.
+- **Do** keep the display at weight 400 with negative tracking, wear GeistMono uppercase for eyebrows and metric counters, and render every code / log / terminal surface in `font-mono` with `tabular-nums`.
+- **Don't** bold the display — weight 400 is the whole scale; component heads and labels earn 500 at most.
+- **Don't** promote a second chromatic accent — the dusk / twilight / breeze cosmic hues are chart series only, and status stays `success` / `warning` / `destructive`; keep the amber-gold warning distinct from the sunset primary.
+- **Don't** signal elevation with drop shadows, or turn the whole page near-black — the near-black is the sidebar and terminal inlay, not the operator canvas.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | sidebar → off-canvas drawer (stays near-black); 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 |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim:
+
+- Reach for the cool near-white canvas first, near-black ink on top — the operator page is light; the near-black is the sidebar rail and terminal / metric inlays, never the whole page.
+- Spend sunset orange once per surface: the primary action, the focus `ring`, the active-nav indicator. If two things want the orange, one of them is not primary. Color otherwise belongs to data and status.
+- The display sits at weight 400 with negative tracking — the geometric-sans voice; never bold it. Component heads and labels earn the restrained 500. Emphasise by size and gathering, not weight.
+- The eyebrow above every section head is GeistMono, uppercase, positively tracked — the code-comment label. Every numeric column is `tabular-nums`; every ID / code / timestamp / metric counter is `font-mono`.
+- Pill the buttons, chips, and badges — the pill is xAI's shape system; keep cards, inputs, and panels at the 8px radius. Dress terminal, log, and metric panels in the near-black cosmic inlay (`#0a0a0a`, `font-mono`).
+- Depth is the surface step and cool hairlines, never shadow; the brand uses none. Reach for the faint overlay lift only for a true modal or popover. Detail and edit go in the side panel beside the work.
+- Keyboard-first: the sunset `ring` focus outline is always visible. Leave behind the 96px hero display, the edge-to-edge black page, and the sunset / dusk gradient accents.
+
+```yaml design-primitives
+radius: 8px                                        # corpus: cards/inputs at rounded.sm (8px, the brand's --radius); buttons/chips/badges reach the pill
+shadow-intensity: 0.1                              # corpus: the brand uses NO shadows ("hairline borders carry all elevation"); only true overlays earn the faintest lift
+border-weight: 1px                                 # corpus: 1px hairlines carry all depth
+density-gap: 1                                     # derived: marketing-spacious brand read to an honest, engineered-tight operator standard
+density-inset: 1                                   # derived: matches density-gap for coherent component insets
+font-sans: Universal Sans, Inter, system-ui, -apple-system, sans-serif   # corpus: Universal Sans is the proprietary geometric face; Inter is the documented open substitute
+font-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, monospace     # corpus: GeistMono for eyebrows, labels, metric counters, and code
+font-weight-normal: 400                            # corpus: weight 400 for everything — the brand never bolds; negative tracking + size do the emphasis
+font-weight-strong: 500                            # derived: the display holds 400 (never bold); operator legibility earns a restrained 500 for component heads and labels only
+heading-tracking: -0.03em                          # corpus: the gathered negative tracking is the signature (-2.4px at hero 96px); -0.03em keeps the precise gathered look at operator heading scale
+duration-unit: 50ms                                # derived: corpus silent on motion (marketing surface); engineered character favors a crisp functional base
+duration-fast: 100ms                               # derived: corpus silent on motion; crisp functional tempo
+duration-normal: 150ms                             # derived: corpus silent on motion; standard functional tempo
+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 cool hairlines are intentional engineered calm; no boost
+icon-stroke: 1.5                                   # derived: corpus silent on icons; a light refined stroke suits the precise engineered feel
+icon-size-base: 16px                               # derived: corpus silent on icon size; operator standard
+sidebar-width-expanded: 240px                      # derived: corpus has no app shell (marketing top-nav only); engineered-tight rail
+sidebar-width-collapsed: 56px                      # derived: standard operator icon rail
+topbar-height: 52px                                # corpus: lean nav (md/xl padding, body-sm); operator lands at 52px
+side-panel-width: 420px                            # derived: corpus has no shell; engineered-standard detail width
+side-panel-width-rich: 640px                       # derived: content-heavy detail panel
+modal-width-max: 560px                             # derived: corpus's bands are full-bleed marketing; operator confirmation cap
+form-max-width: 640px                              # derived: corpus content centres ~1200px (marketing); operator single-column form cap
+table-row-height: 40px                             # derived: engineered-dense standard; not editorial-loose
+verbosity: default
+feedback: minimal                                  # derived: xAI's austere engineered restraint → crisp minimal feedback (no press-scale, 1px ring); the high-chroma sunset ring keeps focus visible
+density-tier: standard                             # derived: a marketing-spacious brand read down to an honest engineered operator tier; archetypes step denser
+product-traits: [ai-console, agent-ops, model-ops, dashboard, dev-tools]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Universal Sans, Inter, system-ui, -apple-system, sans-serif", mono: "Geist Mono, ui-monospace, SFMono-Regular, Menlo, monospace" }
+color-tokens:
+  light:
+    background: "#fbfbfc"                    # derived: cool near-white page floor (light inversion of the #0a0a0a canvas; engineered-cool temperature)
+    foreground: "#0a0a0a"                    # corpus: xAI's signature near-black, carried as operator ink (brand override of a near-pure-black ban)
+    card: "#ffffff"                          # derived: pure white bright step off the near-white, inverting the dark canvas→card ladder
+    card-foreground: "#0a0a0a"
+    muted: "#f2f3f5"                          # derived: cool light fill (the light-surface analog of canvas-soft's quiet-fill role)
+    muted-foreground: "#7d8187"              # corpus: the brand's body-mid / mute cool gray
+    border: "#e6e7ea"                        # derived: cool hairline (light inversion of the #212327 dark hairline)
+    input: "#e6e7ea"
+    ring: "#ff7a17"
+    primary: "#ff7a17"                        # corpus: sunset orange — xAI's one brand chroma, promoted to the single operator accent
+    primary-foreground: "#0a0a0a"            # corpus: near-black on the bright sunset (the brand's on-primary), legible where white would fail
+    accent: "#eceef1"                        # derived: cool selection lift one step past muted, so selection reads over hover; never orange
+    accent-foreground: "#0a0a0a"
+    destructive: "#e5484d"                   # derived: corpus surfaces no semantic palette; a clean red for destructive / error
+    destructive-foreground: "#ffffff"
+    success: "#30a46c"                       # derived: corpus has no success hue; a clean green for status
+    warning: "#d99126"                       # derived: corpus has no warning hue; an amber-gold held distinct from the sunset primary
+    popover: "#ffffff"
+    popover-foreground: "#0a0a0a"
+    secondary: "#f2f3f5"
+    secondary-foreground: "#0a0a0a"
+    chart-1: "#ff7a17"                        # corpus: sunset — the brand accent palette carries the chart series
+    chart-2: "#7c3aed"                        # corpus: dusk purple
+    chart-3: "#a0c3ec"                        # corpus: breeze blue
+    chart-4: "#c4b5fd"                        # corpus: twilight violet
+    chart-5: "#0d1726"                        # corpus: midnight — the deep cosmic anchor
+    sidebar: "#0a0a0a"                        # corpus: the cosmic near-black canvas, carried as the operator sidebar rail (the white-on-near-black soul as chrome)
+    sidebar-foreground: "#dadbdf"            # corpus: xAI body text on dark
+    sidebar-primary: "#ff7a17"               # corpus: sunset accent for the active-nav indicator on the dark rail
+    sidebar-primary-foreground: "#0a0a0a"
+    sidebar-accent: "#1a1c20"                # corpus: canvas-soft — hovered / selected nav on the dark rail
+    sidebar-accent-foreground: "#ffffff"
+    sidebar-border: "#212327"                # corpus: the brand's dark hairline
+    sidebar-ring: "#ff7a17"
+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.5 }
+accent-count: 1
+```

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

@@ -0,0 +1,238 @@
+---
+schema: design-md/v1
+product: Zapier
+provenance: library
+sourced: 2026-07-04
+---
+
+# Zapier — the operator reading
+
+The operator translation of Zapier's workflow-automation brand. Zapier's public surface is confidently
+warm — a cream canvas, deep coffee ink, one saturated orange CTA, and a two-face type system (Degular
+Display for hero moments, Inter for the rest). This entry keeps what survives at operator scale: the
+cream temperature, the single orange accent, the coffee ink, the recessed cream-card elevation, the
+12px middle-radius signature, and Inter as the workhorse. The 56px Degular hero, the dark coffee-ink
+polarity-flip bands, and the 64px rhythm stay behind — warm where the category runs cool, but earning
+its density and reserving its one accent; judgments away from the brand are annotated `# derived:`.
+
+## 1 Visual Theme
+
+Warm by default; dark is opt-in. The canvas is Zapier's warm-cream `background` (`#fffefb`) — a
+deliberate off-white, never the pure white the category defaults to (it reads light, so the
+light-default floor holds — it is simply warm). Flat: hierarchy comes from warm hairline `border`, the
+recessed cream-card surface ladder, and type weight, never heavy shadow. A single accent, Zapier orange
+`primary` (`#ff4f00`), is reserved for the one action that matters; ink is deep coffee `foreground`
+(`#201515`), never pure black. Corners hold the brand's signature 12px middle radius — neither
+friendly-pill nor technical-square. Density is `standard`; the anchor is a bright cream canvas holding
+faintly recessed cream cards.
+
+## 2 Color Roles
+
+Light values (the manifest carries the exact hex — the corpus's native format). One accent: `primary`
+is the only chromatic hue that carries meaning; status hues speak only status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `popover` | warm cream `#fffefb` (canvas) | page and overlays — the brightest surface |
+| `card` | recessed cream `#f8f4f0` (canvas-soft) | content cards / inset panels — a step below canvas, elevation by surface contrast |
+| `foreground` | deep coffee `#201515` (ink) | all primary ink and headings; never pure black |
+| `muted` / `secondary` | soft cream `#f1ece4` | hover rows, subtle fills, secondary button fill |
+| `muted-foreground` | warm gray `#605d52` (body) | labels, captions, secondary text |
+| `border` | warm hairline `#e9e2d8` | separators, grid lines, card edges |
+| `input` | coffee ink `#201515` | form-field edges — the brand's bold ink-bordered field |
+| `primary` | Zapier orange `#ff4f00` | the one primary action; active nav; the single conversion voltage |
+| `accent` | pale orange `#ffe9e0` | selected/hovered rows and nav — a whisper of brand warmth |
+| `accent-foreground` | burnt orange `#b83900` | ink on the accent tint |
+| `ring` | `primary` orange | the focus outline — unmistakable, because keyboard-first |
+| `destructive` | brick red `#c0362c` | destructive actions and error state only — distinct from the orange |
+| `success` / `warning` | green `#3f8f5a` / gold `#c88a1e` | status signalling only, never chrome |
+
+The warm-neutral ladder runs coffee-ink → body `#605d52` → body-mid `#939084` → mute `#c5c0b1`: every
+neutral carries warmth, none is cool gray. The dark coffee polarity-flip (dark hero/feature bands, dark
+footer) is a marketing device and stays behind (see §7).
+
+## 3 Typography
+
+`font-sans` is **Inter** — the brand's actual workhorse (sub-display, body, button, label) and, at
+operator scale, the whole ramp; its display steps track slightly negative, which is what carries. The
+proprietary Degular Display carries only hero-scale loud moments (56px, weight 500) and stays behind.
+`font-mono` is derived — the corpus ships none, but zap IDs, run IDs, webhook payloads, and log
+timestamps need one. Numeric columns render `tabular-nums`; headlines stay sentence-case.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 20px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 16px / 1.35 | `font-weight-strong` · -0.01em |
+| body | UI + prose | 14px / 1.45 | `font-weight-normal` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| caption | uppercase eyebrow | 13px / 1.3 | `font-weight-strong`, +0.06em, uppercase |
+
+The eyebrow keeps **positive** tracking — the corpus's signature label style (Degular +1px at 14px),
+carried on Inter uppercase. Emphasize by weight, never size, never past 600 (the corpus 700 is
+display-micro and stays behind).
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — filled orange on `primary-foreground` (warm white), `radius` (12px), no pill. Secondary:
+  `secondary` cream fill, 1px `border`. Tertiary/outline: transparent, bold ink border. Ghost: `accent`
+  on hover.
+- **Input** — `background` fill, 1px `input` (coffee-ink) border (`border-weight`), `radius` at the 6px
+  scale step; focus draws the orange `ring` at 2px, no glow.
+- **Card** — recessed `card` cream on the brighter canvas (surface-contrast elevation); 1px `border` for
+  a grid edge; shadow only when a card truly floats; inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
+  numeric columns; row selection tints `accent`.
+- **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, `muted`/status fill, uppercase caption; status badges take `success` /
+  `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the corpus
+tokens; the 64px marketing band padding stays behind). Shell dimensions map one-to-one to the layout
+primitives: sidebar `sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (56px), topbar
+`topbar-height` (56px), side panel `side-panel-width` (440px) / `side-panel-width-rich` (640px), modal
+`modal-width-max`, forms `form-max-width`, tables full-width. Density is governed globally by
+`density-tier` and stepped per archetype by the surface catalog — never by absolute overrides.
+
+## 6 Depth
+
+Flat, surface-contrast-first. Hierarchy comes from the recessed cream ladder and warm hairlines:
+
+- **0 — canvas** `background` (`#fffefb`), no border.
+- **1 — panel / card** recessed `card` cream (`#f8f4f0`) — surface contrast carries the elevation; a 1px
+  `border` where a grid edge is wanted. Emphasized outlines take the bold ink border.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
+  shadow, over a scrim for modals. Rank is surface, border, and position, never a heavier shadow.
+
+Focus is a 2px orange `ring` outline (never a glow) on every interactive element. Three z-levels:
+content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** anchor on the warm cream canvas (`#fffefb`) — pure white loses the brand; keep coffee ink
+  `#201515`, never pure black. The temperature is the voice.
+- **Do** reserve orange `primary` for the single most important action — orange + cream + coffee is the
+  whole conversion story; everything else is neutral or status.
+- **Do** keep corners at the 12px middle radius on buttons and cards; inputs step to 6px, badges pill.
+- **Do** apply `tabular-nums` to numerics with `font-mono` for IDs, run codes, and timestamps.
+- **Don't** render the CTA as a pill or a square — the 12px rounded rectangle is the signature.
+- **Don't** promote a second chromatic accent, and don't let orange become `destructive` (use the brick
+  red); status uses `success` / `warning` / `destructive`.
+- **Don't** pull the Degular hero, the dark coffee polarity-flip bands, or the 64px rhythm into an
+  operator surface.
+
+## 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 |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim. This brand is warm and confident; keep it restrained.
+
+**Carries over:** the warm cream temperature (canvas `#fffefb`, never pure white) · deep coffee ink
+`#201515` (never pure black) · orange `primary` (`#ff4f00`) as the single reserved accent · the 12px
+middle-radius character (never pill, never square) · the recessed cream-card surface-contrast elevation
+· the bold ink-bordered field · Inter with the positive-tracked uppercase eyebrow · `tabular-nums`.
+
+**Stays behind:** the 56px Degular Display hero · the dark coffee-ink polarity-flip (dark hero/feature/
+pricing bands, dark footer) · the illustrative zap/workflow SVGs · the 64px section-padding rhythm.
+
+- Lead every list surface with its table; accent only the primary action in orange — if two things want
+  it, one is not primary.
+- Reach for the warm cream canvas first; float recessed cream cards on it, separated by surface contrast
+  and warm hairlines before shadow. Detail and edit go in the side panel; a modal is a confirmation.
+- Every numeric column is `tabular-nums`; every ID / run code / timestamp is `font-mono`; every workflow
+  completes from the keyboard with the orange `ring` outline always visible.
+- One accent. Type stays on Inter — Degular Display and the marketing bands do not follow into a console.
+
+```yaml design-primitives
+radius: 12px                                       # corpus: buttons and cards at rounded.md (12px) — the brand's explicit middle-radius signature; inputs step to 6px via the scale
+shadow-intensity: 0.4                              # derived: flat, surface-contrast-first; shadow only lifts true overlays (toasts/modals)
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Inter, system-ui, -apple-system, sans-serif   # derived: Inter is the brand's actual workhorse for everything but the hero; Degular Display (hero-only) stays behind
+font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, monospace   # derived: corpus ships no mono; zap/run IDs, webhook payloads, and log timestamps need one — JetBrains Mono pairs with Inter
+font-weight-normal: 400
+font-weight-strong: 600                            # corpus: card titles and primary buttons at 600; the 700 micro-label is display-only and stays behind
+heading-tracking: -0.02em                          # derived: the brand's Inter display steps track ~-0.025em (display-sub-sm -0.6px/24px); softened to -0.02em at operator heading scale
+duration-unit: 50ms
+duration-fast: 150ms                               # derived: corpus silent on motion; a warm brand runs a touch softer than a dense console
+duration-normal: 200ms                             # derived: corpus silent on motion
+duration-slow: 300ms                               # derived: corpus silent on motion
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent; standard operator ease
+contrast-boost: 1                                  # derived: warm hairlines are intentional; no boost at default
+icon-stroke: 1.75                                  # derived: corpus uses illustrative SVGs; a confident 1.75 stroke suits the bold-warm voice, one step under lucide's 2
+icon-size-base: 16px                               # derived: corpus has no icon spec; operator standard
+sidebar-width-expanded: 256px                      # derived: corpus is marketing-only; warm-generous operator nav, a step over the dense rail
+sidebar-width-collapsed: 56px                      # derived: standard operator icon rail
+topbar-height: 56px                                # derived: corpus marketing nav is generous; operator tightens to a working 56px
+side-panel-width: 440px                            # derived: warm-generous detail panel; no corpus shell spec
+side-panel-width-rich: 640px                       # derived: content-heavy detail width
+modal-width-max: 560px                             # derived: corpus silent; confirmation dialog cap
+form-max-width: 640px                              # derived: single-column form cap
+table-row-height: 44px                             # derived: warm posture → rows breathe a touch over the dense 40px default
+verbosity: default
+feedback: subtle                                   # derived: Zapier's warm-confident voice wants gentle present feedback, not austere silence
+density-tier: standard                             # derived: a marketing-generous brand read down to an honest operator tier; warmth carried by palette and radius, not whitespace
+product-traits: [workflow-automation, automation, dashboard, saas, b2b]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Inter, system-ui, -apple-system, sans-serif", mono: "JetBrains Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#fffefb"
+    foreground: "#201515"
+    card: "#f8f4f0"                              # recessed cream card — surface-contrast elevation, a step below the canvas
+    card-foreground: "#201515"
+    muted: "#f1ece4"                             # derived: a step below the card cream for hover rows and subtle fills
+    muted-foreground: "#605d52"
+    border: "#e9e2d8"                            # derived: warm hairline for grid lines and separators; the corpus carries card separation by surface contrast, so a faint warm line is derived
+    input: "#201515"                             # brand's bold ink-bordered field (corpus text-input borderColor = ink)
+    ring: "#ff4f00"                              # derived: corpus silent on focus; orange is the interactive voltage, unmistakable for keyboard-first
+    primary: "#ff4f00"
+    primary-foreground: "#fffefb"                # warm white (on-primary), never pure white
+    accent: "#ffe9e0"                            # derived: pale orange wash for row/nav selection — a whisper of the brand warmth
+    accent-foreground: "#b83900"                 # derived: burnt orange, readable ink on the pale tint
+    destructive: "#c0362c"                       # derived: brand ships no semantic red; a brick red distinct from the primary orange
+    destructive-foreground: "#fffefb"
+    success: "#3f8f5a"                           # derived: brand ships no green; a warm-compatible status green, status only
+    warning: "#c88a1e"                           # derived: brand ships no amber; a warm gold distinct from the primary orange, status only
+    popover: "#fffefb"
+    popover-foreground: "#201515"
+    secondary: "#f1ece4"                         # cream secondary-button fill (the dark-ink secondary is a marketing polarity-flip, stays behind)
+    secondary-foreground: "#201515"
+    chart-1: "#ff4f00"                           # orange primary
+    chart-2: "#3f8f5a"                           # derived: status green as second series
+    chart-3: "#c88a1e"                           # derived: warm gold as third series
+    chart-4: "#7a4a3a"                           # derived: warm coffee-brown mid — series warm to hold temperature
+    chart-5: "#b83900"                           # derived: deep burnt orange as fifth series
+    sidebar: "#f8f4f0"                           # derived: faint cream sidebar beside the brighter canvas
+    sidebar-foreground: "#201515"
+    sidebar-primary: "#ff4f00"                   # orange marks the active nav item (corpus app-shell activeIndicator = primary)
+    sidebar-primary-foreground: "#fffefb"
+    sidebar-accent: "#ffe9e0"                    # matches accent
+    sidebar-accent-foreground: "#b83900"
+    sidebar-border: "#e9e2d8"
+    sidebar-ring: "#ff4f00"
+spacing-scale: [2, 4, 8, 12, 16, 24, 32, 48, 64]
+radius-scale: [0, 6, 12, 9999]
+shadow-levels: [none, sm, md]
+motion: { durations: [150, 200, 300], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 1.75 }
+accent-count: 1
+```