@nurix/etna 0.18.19 → 0.18.20

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

@@ -0,0 +1,234 @@
+---
+schema: design-md/v1
+product: IBM
+provenance: library
+sourced: 2026-07-04
+---
+
+# IBM — Carbon operator design
+
+The operator reading of IBM's Carbon Design System. Carbon was built for enterprise product
+surfaces, so it dresses an internal tool almost natively — but the source corpus is IBM's *marketing*
+canvas, and marketing graces are stripped here. What carries: the flat 0px square geometry, IBM Blue
+as the single accent, IBM Plex Sans, the 4px grid, and depth carried by hairlines and surface change.
+What stays behind: the 76/60/42px weight-300 hero display type, the full-bleed blue CTA banner, the
+dark inverted footer, and the soft-blue hero gradient. Both machine blocks are fully valued; every
+judgment past the corpus is annotated `# derived:` where it lands.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in — in the brand only the footer and global header invert, and that
+inversion is a marketing move that stays behind. Flat and square: every button, card, input, and
+container sits at 0px corners, and hierarchy is carried by a 1px hairline `border` and surface change,
+never by shadow. A single accent — IBM Blue `primary` #0f62fe — is reserved for the one action that
+matters, for links, and for the focus rule. The neutral ramp is a true charcoal-on-white: ink #161616
+on a white canvas, with #f4f4f4 and #e0e0e0 grays doing the structural work. Dense by design — Carbon
+expects a lot on the page, not a lot of air. The anchor surface is a white content canvas beside a
+faint gray side nav.
+
+## 2 Color Roles
+
+Light values first; hex is the brand's native format. One accent — `primary` is the only chromatic hue
+that carries meaning; status hues speak only status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | white `#ffffff` | page, tiles, and overlays — the dominant surface |
+| `foreground` | charcoal `#161616` | all headings and primary ink |
+| `muted` / `secondary` | light gray `#f4f4f4` (Carbon surface-1) | field fills, alternate-row bands, hovered tiles |
+| `muted-foreground` | mid gray `#525252` | meta, sub-headlines, secondary text |
+| `border` / `input` | hairline `#e0e0e0` (Carbon gray-20) | every card edge, grid line, field rule, divider |
+| `primary` | IBM Blue `#0f62fe` | the one primary action; links; active nav; focus rule |
+| `accent` | blue-10 tint `#edf5ff` | selected/hovered rows and nav, on-accent surfaces only |
+| `ring` | `primary` `#0f62fe` | the 2px focus outline — keyboard-first, unmistakable |
+| `destructive` | red-60 `#da1e28` | destructive actions and error state only |
+| `success` / `warning` | green-50 `#24a148` / yellow-30 `#f1c21b` | status signalling only, never chrome |
+
+## 3 Typography
+
+One family carries everything: **IBM Plex Sans** for UI, body, and headings — hierarchy comes from size
+and weight, never a second face. Operator headings run `font-weight-strong` (600); the marketing
+weight-300 hero display treatment stays behind. **IBM Plex Mono** returns for IDs, codes, timestamps,
+and log lines — Carbon keeps mono to product surfaces, and an operator UI is a product surface. Body
+carries Carbon's signature `+0.16px` positive letter-spacing (part of the voice — keep it). Numeric
+columns render `tabular-nums` so figures align down a column.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 32px / 1.25 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 24px / 1.33 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 20px / 1.40 | `font-weight-strong` · `heading-tracking` |
+| body | UI + prose | 16px / 1.50 | `font-weight-normal` · +0.16px |
+| small | labels, meta, dense table | 14px / 1.29 | `font-weight-normal` · +0.16px |
+| caption | eyebrow, utility meta | 12px / 1.33 | `font-weight-normal` · +0.32px, sentence case |
+
+Eyebrows stay sentence case — Carbon resists the all-caps tracked eyebrow. Bump weight for emphasis;
+never change size.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius` (0px, square), 12px·16px
+  padding, never pill. Secondary follows Carbon's charcoal treatment: `foreground` fill,
+  `primary-foreground` text. Tertiary/ghost: transparent with a 1px `primary` border and `primary`
+  text, fill only on hover.
+- **Input** — `muted` fill, a 1px bottom `border`; focus swaps the bottom rule for Carbon's signature
+  2px `ring` underline and draws the full focus outline, square, no radius.
+- **Card** — `card` surface on a 1px `border`, 0px corners, no shadow; a "recommended" tile lifts by
+  moving to the `muted` ground, not by elevation.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; row selection
+  tints `accent`; `tabular-nums` on numeric columns; `font-mono` on IDs and codes.
+- **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** — square (0px) tag, hairline `border`, status fill; status badges take `success` /
+  `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px (Carbon's 4-pixel grid); the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 ·
+48 · 64 · 96`. Shell dimensions map one-to-one to the layout primitives: side nav
+`sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (48px icon rail), topbar `topbar-height`
+(48px), 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` (`dense`) and
+stepped per archetype by the surface catalog. Sections separate by thin gray rows, not by large
+vertical gaps — Carbon spends alignment, not air.
+
+## 6 Depth
+
+Flat. Hierarchy comes from the surface ladder and hairlines, not shadow:
+
+- **0 — canvas** `background` white, no border.
+- **1 — tile / card** `card` on a 1px `border`; no shadow — the default enterprise tile.
+- **2 — surface band** the `muted` ground for alternate rows and hovered tiles; rank is surface
+  change, not elevation.
+- **3 — overlay** `popover` / menu / side panel / modal — the one place `shadow-intensity` earns a
+  soft `sm`/`md` shadow.
+
+Focus is Carbon's 2px `primary` outline (with a hairline-strong underline on fields), visible on every
+interactive element. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** keep every button, card, input, and container at 0px square — the flat geometry *is* the
+  brand.
+- **Do** reserve `primary` IBM Blue for the single primary action, links, and the focus rule; treat it
+  as scarce.
+- **Do** carry hierarchy with surface change (`background` → `muted`) and 1px hairlines — skip drop
+  shadows.
+- **Do** apply the +0.16px tracking to body sizes and `tabular-nums` / `font-mono` to figures and IDs.
+- **Don't** round corners — even 4px breaks the Carbon look.
+- **Don't** bold operator headings past `font-weight-strong`, or reach for the marketing weight-300
+  hero display.
+- **Don't** promote a second chromatic accent — status uses `success` / `warning` / `destructive`
+  only.
+- **Don't** open detail or edit in a modal when the side panel fits, and don't signal rank with shadow.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | side nav → hamburger overlay; utility meta hides; two-pane list+detail stacks; side panel → full sheet; density holds |
+| 768 | side nav collapses to the 48px icon rail; tables scroll their overflow; card grid → 2-up |
+| 1024 | side nav expands to 256px; two-pane queue+detail holds side by side; grid up to 4-up |
+| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+This entry dresses an internal operator surface — a queue, a data console, an admin panel — in Carbon.
+Carry over: flat 0px square geometry, IBM Blue as the single accent, IBM Plex Sans plus Plex Mono, the
+4px grid, hairline-and-surface-change depth, the 2px blue focus rule, and the +0.16px body tracking.
+Leave behind: the 76/60/42px weight-300 hero display type, the full-bleed blue CTA banner, the dark
+inverted footer, and the soft-blue hero gradient — all marketing.
+
+- Lead every list surface with its data table; keep it square and dense.
+- Accent only the primary action. IBM Blue is scarce — links, primary CTA, focus. Anything more is
+  drift.
+- Keep 0px corners everywhere; a rounded corner reads as a different brand.
+- IDs, codes, and timestamps in Plex Mono; every numeric column `tabular-nums`; body keeps +0.16px
+  tracking and sentence-case eyebrows.
+- Depth is hairline and surface change; reach past a hairline only for a real overlay.
+- Detail and edit go in the side panel; a modal is a confirmation, not a workspace.
+- Keep the whole app light; do not invert to charcoal outside a deliberate dark opt-in.
+
+```yaml design-primitives
+radius: 0px                                        # derived: Carbon commits to 0px square corners on every surface; the scale still offers 2/4px for rare exceptions
+shadow-intensity: 0.3                              # derived: Carbon resists shadow on flat tiles; only overlays (menu/modal) take a soft Carbon elevation
+border-weight: 1px
+density-gap: 0.85                                  # derived: "content is dense by design" — dense tier tightens the spacing scale
+density-inset: 0.85                                # derived: matches the dense tier for coherent component insets
+font-sans: IBM Plex Sans, Helvetica Neue, Arial, sans-serif
+font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, monospace   # derived: Carbon keeps mono to product surfaces; the operator UI is a product surface, so Plex Mono returns for IDs/codes/logs
+font-weight-normal: 400
+font-weight-strong: 600                            # rationale: Carbon body-emphasis weight; operator headings use 600, not the marketing weight-300 hero display
+heading-tracking: 0em                              # rationale: Carbon operator-scale headings track 0; the negative display tracking (-0.5px at 76px) stays with the marketing hero
+duration-unit: 50ms                                # derived: corpus is silent on motion; a functional operator base
+duration-fast: 70ms                                # derived: Carbon fast-01
+duration-normal: 150ms                             # derived: Carbon moderate-01
+duration-slow: 240ms                               # derived: Carbon moderate-02
+ease-default: cubic-bezier(0.2,0,0.38,0.9)         # derived: Carbon "productive standard" easing (corpus silent; brand-authentic)
+contrast-boost: 1                                  # derived: Carbon's 1px #e0e0e0 hairlines already read crisply; no boost needed
+icon-stroke: 2                                     # derived: Carbon @carbon/icons run a 2px square stroke — heavier and squarer than the default 1.75
+icon-size-base: 16px                               # derived: Carbon's smallest icon size on the 16px grid
+sidebar-width-expanded: 256px                      # derived: Carbon UI Shell SideNav width
+sidebar-width-collapsed: 48px                      # derived: Carbon SideNav icon rail / header height (corpus top-nav is 48px)
+topbar-height: 48px                                # rationale: corpus top-nav height is 48px exactly
+side-panel-width: 400px                            # derived: corpus documents no side panel; standard operator detail width
+side-panel-width-rich: 640px                       # derived: content-heavy detail; matches Carbon's wide modal
+modal-width-max: 640px                             # derived: Carbon medium modal width
+form-max-width: 640px                              # derived: single-column form cap
+table-row-height: 40px                             # derived: Carbon DataTable "short" row; dense archetypes step to 32px via the surface catalog
+verbosity: default
+feedback: subtle
+density-tier: dense                                # rationale: Carbon reads dense — "content is dense by design, not a lot of air"
+product-traits: [enterprise, dashboard, admin, data-grid, dev-tools]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "IBM Plex Sans, Helvetica Neue, Arial, sans-serif", mono: "IBM Plex Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#161616"
+    card: "#ffffff"
+    card-foreground: "#161616"
+    muted: "#f4f4f4"
+    muted-foreground: "#525252"
+    border: "#e0e0e0"
+    input: "#e0e0e0"
+    ring: "#0f62fe"
+    primary: "#0f62fe"
+    primary-foreground: "#ffffff"
+    accent: "#edf5ff"                              # derived: Carbon blue-10 row-selection tint (corpus gives no selection color)
+    accent-foreground: "#0f62fe"
+    destructive: "#da1e28"
+    destructive-foreground: "#ffffff"
+    success: "#24a148"
+    warning: "#f1c21b"
+    popover: "#ffffff"
+    popover-foreground: "#161616"
+    secondary: "#f4f4f4"
+    secondary-foreground: "#161616"
+    chart-1: "#6929c4"                             # derived: Carbon @carbon/charts categorical 1 (purple-70) — corpus silent on charts
+    chart-2: "#1192e8"                             # derived: Carbon categorical 2 (cyan-50)
+    chart-3: "#005d5d"                             # derived: Carbon categorical 3 (teal-70)
+    chart-4: "#9f1853"                             # derived: Carbon categorical 4 (magenta-70)
+    chart-5: "#fa4d56"                             # derived: Carbon categorical 5 (red-50)
+    sidebar: "#f4f4f4"                             # derived: Carbon surface-1 side-nav ground, distinct from the white canvas
+    sidebar-foreground: "#161616"
+    sidebar-primary: "#0f62fe"
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#edf5ff"                      # derived: blue-10 active/hovered nav tint
+    sidebar-accent-foreground: "#0f62fe"
+    sidebar-border: "#e0e0e0"
+    sidebar-ring: "#0f62fe"
+spacing-scale: [2, 4, 8, 12, 16, 24, 32, 48, 64, 96]
+radius-scale: [0, 2, 4, 6, 8, 9999]
+shadow-levels: [none, sm, md]
+motion: { durations: [70, 150, 240], easings: ["cubic-bezier(0.2,0,0.38,0.9)"] }
+icons: { family: lucide, stroke: 2 }
+accent-count: 1
+```

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

@@ -0,0 +1,240 @@
+---
+schema: design-md/v1
+product: Intercom
+provenance: library
+sourced: 2026-07-04
+---
+
+# Intercom — the operator reading
+
+The calm, editorial customer-service brand rendered for internal tools. Intercom's public surfaces are
+publication-quiet and product-screenshot-led; an operator surface wearing this brand keeps the warm
+cream canvas, the white-on-cream lift, the charcoal ink, the single reserved Fin Orange, the modest
+radii, and the geometric-sans voice that never bolds past 500. The 72px hero display, the
+product-mockup rhythm, the pure-black quote strip, the pill tab toggles, and the 96px section breathing
+stay behind. What carries is the feel: a warm cream ground the category never uses, panels that lift by
+turning white rather than by casting shadow, and one orange spark held in reserve. Both machine blocks
+are fully valued; every judgment past the corpus is annotated `# derived:`.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in (Intercom ships no dark theme on the public web). The anchor surface
+is not white — it is a soft warm cream `background` (`#f5f1ec`), the brand's defining signal. Panels
+and cards lift **onto white** (`card`, `#ffffff`): the depth strategy is a surface change, not a shadow.
+Flat throughout — hierarchy comes from the cream-to-white ladder, warm hairline `border` (`#d3cec6`),
+and type weight, never heavy elevation. A single chromatic voltage, Fin Orange (`primary`, `#ff5600`),
+is held in reserve for the one action that matters; everything neutral is charcoal ink (`foreground`,
+`#111111`) on cream. Corners are modest — `radius` (8px) on buttons and inputs, a larger step on cards
+— never pill, never square. Density is `standard`: calm and editorial, not cramped.
+
+## 2 Color Roles
+
+Light values (the manifest carries the exact hex — Intercom's native format). One accent: Fin Orange
+is the only chromatic hue that carries meaning; the report palette lives in charts, status speaks only
+status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` | cream `#f5f1ec` | the page canvas — warm, never pure white; the brand's defining surface |
+| `card` / `popover` | white `#ffffff` | cards, panels, overlays — they lift off the cream by turning white |
+| `foreground` | charcoal `#111111` | all primary ink, headlines, and neutral/secondary button labels |
+| `muted` | warm cream `#ebe7e1` | hover rows, subtle fills, quiet panel bands (surface-2) |
+| `muted-foreground` | ink-muted `#626260` | labels, captions, secondary text, inactive tabs |
+| `secondary` | warm cream `#ebe7e1` | secondary button fill — ink label on cream, 1px `border` |
+| `border` / `input` | warm hairline `#d3cec6` | every separator, grid line, and field edge — a soft warm gray, not an ink line |
+| `primary` | Fin Orange `#ff5600` | the single primary action per surface; active nav; the one reserved voltage |
+| `accent` | deep cream `#e6e0d6` | selected/hovered rows and nav — Intercom selects by a warm-neutral shift, not by colour |
+| `ring` | Fin Orange `#ff5600` | the focus outline — unmistakable, because keyboard-first |
+| `destructive` | error red `#c41c1c` | destructive actions and error state only |
+| `success` / `warning` | green `#0bdf50` / amber `#d97706` | status signalling only, never chrome |
+
+Charcoal is Intercom's marketing primary because a marketing page carries many CTAs; the operator
+reading has one primary action per surface, so it earns the reserved orange, and charcoal stays the
+neutral ink for secondary actions. Brand Blue (`#0007cb`) and the pure-black quote strip are marketing
+graces — they carry no operator role (see §7).
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is Saans — Intercom's proprietary geometric sans (Inter at weight 500
+the closest open substitute); the whole ramp rides it, display voice carried by size and modest weight,
+not a second family. The signature is restraint: `font-weight-strong` stops at **500** — Saans at 500
+reads confident without bold, and the brand never reaches past it. Negative tracking is the other
+signature, scaling with size (the corpus runs -0.5px at 28px). `font-mono` is SaansMono (JetBrains Mono
+the approximation) for IDs, codes, timestamps, and log lines; numeric columns render `tabular-nums`.
+
+| 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` · -0.015em |
+| h3 | card / group head | 16px / 1.35 | `font-weight-strong` · -0.01em |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| eyebrow | section eyebrow | 13px / 1.3 | `font-weight-strong`, sentence case, no tracking |
+| code | IDs, logs, amounts | 13px / 1.5 | `font-weight-normal` |
+
+Body line-height relaxes to 1.5 — an editorial breath the category tightens away. Eyebrows are
+**sentence case**, never the all-caps tracked label the operator default reaches for. Bump weight to
+`font-weight-strong` (500) for emphasis; never bold. The 72px hero display stays behind.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled Fin Orange on `primary-foreground` (white), `radius` (8px), no pill.
+  Secondary: `secondary` warm-cream fill, 1px `border`, `foreground` ink label. Ghost: transparent,
+  `accent` on hover.
+- **Input** — `card` (white) fill, 1px `border` (`border-weight`), `radius`; focus draws the Fin Orange `ring` at 2px, no glow.
+- **Card** — `card` white surface lifting off the cream canvas, 1px `border`, a larger corner step from
+  the radius scale; shadow only when a true overlay floats (`shadow-intensity`); 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` (warm-neutral, not orange).
+- **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, hairline `border`, `muted`/status fill, sentence-case label; status badges
+  take `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 8px; the on-scale ramp is `4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the marketing 96px
+section step stays behind). Shell dimensions map one-to-one to the layout primitives: sidebar
+`sidebar-width-expanded` (248px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (56px, the
+corpus nav height), side panel `side-panel-width` (420px) / `side-panel-width-rich` (640px), modal cap
+`modal-width-max`, forms `form-max-width`, tables full-width; card interior padding a calm 24px. Density
+is governed globally by `density-tier` and stepped per archetype by the surface catalog.
+
+## 6 Depth
+
+Flat, surface-change-first. Hierarchy comes from the cream-to-white ladder and warm hairlines, not
+shadow — Intercom resists drop shadows:
+
+- **0 — canvas** `background` cream (`#f5f1ec`), no border.
+- **1 — panel / card** `card` white lifting off the cream on a 1px `border`; the lift is the elevation.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a single
+  faint `sm` shadow, over a scrim for modals. Rank is the white-on-cream shift, the border, and position.
+
+Focus is a 2px Fin Orange `ring` outline (never a glow), visible on every interactive element. Three
+z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** anchor on the warm cream canvas — pure white reads as ordinary SaaS; the cream is the brand.
+- **Do** lift panels and cards onto white (`card`) off the cream — the surface change is the depth.
+- **Do** reserve Fin Orange (`primary`) for the single most important action; everything else is
+  charcoal ink or status.
+- **Do** keep corners modest (`radius` 8px on buttons/inputs, the larger step on cards), write eyebrows
+  in sentence case, apply `tabular-nums` to numeric columns and `font-mono` to IDs/codes/timestamps.
+- **Don't** use pure white as the canvas, or add drop shadows to floating cards.
+- **Don't** spread Fin Orange — no orange section fills, no orange on secondary actions, no second
+  chromatic accent. The report palette stays in charts; status uses `success` / `warning` / `destructive`.
+- **Don't** bold — Saans stops at weight 500; emphasise by weight, never a heavier cut or a size jump.
+- **Don't** write all-caps tracked eyebrows, pill the primary CTA, or pull the 72px hero, the black
+  quote strip, or the product-mockup rhythm into operator chrome.
+
+## 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; card grids drop to 2-up |
+| 1024 | sidebar expands; two-pane queue+detail holds side by side; card grids 3-up |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width; the cream breathing widens |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim. This brand is calm and editorial; keep it restrained
+for operator work.
+
+- Reach for the warm cream canvas first — never pure white; the cream tint is Intercom.
+- Lift panels and cards by turning them white on the cream, not by casting a shadow.
+- Accent only the primary action in Fin Orange (`primary`). If two things want the accent, one is not
+  primary. Neutral and secondary actions are charcoal ink on cream.
+- Type stays Saans (Inter fallback) at weight 500 for emphasis and 400 for body — never bold. Eyebrows
+  are sentence case, never all-caps tracked; page titles carry negative tracking.
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`. Every workflow
+  completes from the keyboard; the Fin Orange `ring` focus outline is always visible.
+- Stay flat — the cream-to-white ladder and warm hairlines before shadow; reach for the one faint tier
+  only for a real overlay.
+- One accent. The report palette (`chart-*`) is for charts only; Brand Blue and the black quote strip
+  are not operator colors. Leave the hero, the product-mockup rhythm, and the 96px breathing behind.
+
+```yaml design-primitives
+radius: 8px                                        # corpus: buttons/inputs at rounded.md (8px); scale offers 12px cards, 16px product tiles
+shadow-intensity: 0.25                             # derived: Intercom resists drop shadows — depth is white-on-cream surface change; shadow only faint on true overlays
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Saans, Inter, system-ui, sans-serif     # corpus: proprietary Saans; Inter at weight 500 the closest free substitute
+font-mono: SaansMono, "JetBrains Mono", ui-monospace, monospace   # corpus: proprietary SaansMono; JetBrains Mono the approximation
+font-weight-normal: 400
+font-weight-strong: 500                            # corpus: weight 500 carries display "confident without bold" — the brand never bolds past 500
+heading-tracking: -0.02em                          # corpus: aggressive negative tracking is an Intercom signature (-0.5px at 28px); ~-0.02em at operator heading scale
+duration-unit: 50ms                                # derived: corpus (marketing) 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
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent; standard operator ease
+contrast-boost: 1                                  # derived: Intercom's soft warm hairline (#d3cec6 on cream) is intentionally low-contrast; no boost
+icon-stroke: 1.5                                   # derived: refined editorial feel; one step under lucide's 2
+icon-size-base: 16px
+sidebar-width-expanded: 248px                      # derived: Intercom has no operator shell; standard operator rail
+sidebar-width-collapsed: 56px                      # derived: corpus has no shell; operator standard icon rail
+topbar-height: 56px                                # corpus: top-nav height 56px
+side-panel-width: 420px                            # derived: corpus has no shell; standard side panel
+side-panel-width-rich: 640px                       # derived: corpus has no shell; content-heavy detail width
+modal-width-max: 560px                             # derived: corpus has no shell; confirmations only
+form-max-width: 640px                              # derived: corpus has no shell; standard form column
+table-row-height: 44px                             # derived: Intercom's calm editorial rhythm breathes a touch over the dense 40px
+verbosity: default
+feedback: subtle                                   # rationale: Intercom is a warm, human support brand — gentle present feedback, not austere silence
+density-tier: standard                             # rationale: editorial-spacious marketing read down to an honest operator tier; warmth carried by the cream palette, not whitespace
+product-traits: [customer-support, helpdesk, inbox, crm, ai-agent]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Saans, Inter, system-ui, sans-serif", mono: "SaansMono, \"JetBrains Mono\", ui-monospace, monospace" }
+color-tokens:
+  light:
+    background: "#f5f1ec"          # cream canvas — the brand's defining surface, never pure white
+    foreground: "#111111"          # charcoal ink
+    card: "#ffffff"                # white — cards lift off the cream canvas
+    card-foreground: "#111111"
+    muted: "#ebe7e1"               # surface-2 warm cream — hover rows, subtle fills
+    muted-foreground: "#626260"    # ink-muted
+    border: "#d3cec6"              # warm hairline
+    input: "#d3cec6"
+    ring: "#ff5600"                # derived: focus outline in the brand voltage, unmistakable for keyboard-first
+    primary: "#ff5600"             # Fin Orange — the single voltage, reserved for the one primary action per surface (operator reading of Intercom's reserve-orange rule)
+    primary-foreground: "#ffffff"  # corpus: white on button-fin
+    accent: "#e6e0d6"              # derived: deep-cream selection tint (a step past surface-2) — Intercom selects by warm-neutral shift, reserving orange
+    accent-foreground: "#111111"
+    destructive: "#c41c1c"         # corpus: semantic-error
+    destructive-foreground: "#ffffff"
+    success: "#0bdf50"             # corpus: semantic-success (bright brand green; a status fill/dot, not text)
+    warning: "#d97706"             # derived: corpus has no warning amber; a warm amber kept distinct from the red-orange Fin primary
+    popover: "#ffffff"
+    popover-foreground: "#111111"
+    secondary: "#ebe7e1"           # warm cream secondary button (operator reading of Intercom's white/cream secondary — cream stays visible on white cards)
+    secondary-foreground: "#111111"
+    chart-1: "#fe4c02"             # corpus report palette: report-orange
+    chart-2: "#65b5ff"             # corpus: report-blue
+    chart-3: "#0bdf50"             # corpus: report-green
+    chart-4: "#ff2067"             # corpus: report-pink
+    chart-5: "#b3e01c"             # corpus: report-lime
+    sidebar: "#efeae3"             # derived: warm cream rail, a hair off the cream canvas
+    sidebar-foreground: "#111111"
+    sidebar-primary: "#ff5600"     # Fin Orange marks the active nav item
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#e6e0d6"      # matches accent — warm-cream hover/active nav
+    sidebar-accent-foreground: "#111111"
+    sidebar-border: "#d3cec6"
+    sidebar-ring: "#ff5600"
+spacing-scale: [4, 8, 12, 16, 24, 32, 48, 64]      # corpus base unit 8px; drops the marketing 96px section step
+radius-scale: [0, 4, 6, 8, 12, 16, 24, 9999]       # corpus radius scale (xs..xxl, pill)
+shadow-levels: [none, sm]                           # Intercom resists shadows — one faint tier for true overlays over the flat baseline
+motion: { durations: [100, 150, 250], easings: ["cubic-bezier(0.4,0,0.2,1)"] }   # derived: corpus silent on motion
+icons: { family: lucide, stroke: 1.5 }
+accent-count: 1
+```