@nurix/etna 0.18.19 → 0.18.20

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

@@ -0,0 +1,233 @@
+---
+schema: design-md/v1
+product: Miro
+provenance: library
+sourced: 2026-07-04
+---
+
+# Miro — the operator reading
+
+Miro's marketing canvas is a confident, playful frame: a canary-yellow wordmark on stark white,
+black-pill CTAs, and oversized pastel feature cards echoing the live whiteboard's sticky-note palette.
+The 80px Roobert display, the 120px hero rhythm, the real-board mockups, and the exuberant pastels stay
+on the marketing site. An operator surface inherits the *spine*: black ink on white, one chromatic
+accent (Miro brand blue), the friendly geometric Roobert type voice at its elegant medium weight, and a
+roomy rounded radius — a friendly tool made by people who like color, the joy demoted to chart
+encodings. Judgments away from the brand are annotated `# derived:` where the corpus is silent.
+
+## 1 Visual Theme
+
+Light by default; dark is not documented and stays opt-in. Flat: hierarchy is carried by hairline
+`border`, type weight, and the black/white contrast — never by heavy shadow, and where a true overlay
+lifts, the shadow is soft and **navy-tinted** (`rgba(5,0,56,…)`), never a hard black drop. The primary
+action fills black — Miro's own primary is the black pill, so `primary` is achromatic and the one
+chromatic accent, Miro brand blue, stays a scarce single-shot. Canary yellow is a brand grace for one
+moment (the wordmark lockup), no operator role. The anchor surface is a white content canvas beside a
+faintly cool `sidebar`. Density is `standard`, leaning roomy — the airy rhythm read into an operator
+tier, stepping denser per archetype.
+
+## 2 Color Roles
+
+Light values first (the manifest carries the corpus's native hex). One chromatic accent — brand blue
+carries interactive meaning; the sticky-note pastels appear only as chart series; yellow is a grace.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | white `#ffffff` | page, cards, and overlays — the dominant surface |
+| `foreground` | Miro ink `#1c1c1e` | all primary ink — headlines, body, labels |
+| `muted` / `secondary` | cool surface `#f7f8fa` | hover rows, tile fills, secondary buttons, the sidebar ground |
+| `muted-foreground` | slate `#555a6a` | labels, captions, table meta — the secondary ink role |
+| `border` | hairline `#e0e2e8` | every separator, grid line, and divider |
+| `input` | stronger hairline `#c7cad5` | field edges — Miro deliberately gives inputs a heavier edge than dividers |
+| `primary` | black `#1c1c1e` | the one primary action; active-nav fill; selected tab |
+| `accent` | pale lavender `#f5f3ff` | selected / hovered rows and nav — a tint, never a fill (Miro's featured-tier wash) |
+| `accent-foreground` / `ring` | brand blue `#4262ff` | inline links, the focus outline, active indicators — the single chromatic pop |
+| `destructive` | red `#e5484d` | destructive actions and error state only |
+| `success` / `warning` | green `#00b473` / amber `#fcb900` | status signalling only, never chrome |
+
+The pastels — coral `#ff9999`, teal `#0fbcb0`, rose, orange — are marketing surfaces with no operator
+role, reappearing only as `chart-*` encodings (§7). Canary yellow `#ffd02f` is the wordmark grace,
+never a CTA, status hue, or background fill.
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is **Roobert PRO** — Miro's geometric, slightly-rounded custom face
+(fallbacks Noto Sans, -apple-system, BlinkMacSystemFont) — carrying UI, body, and headings by weight
+and size, never a second family. Its irreducible trait is the **elegant medium weight**: headings run
+500, not 700 — the brand has no 700 — so hierarchy comes from size and the geometric face, not
+heaviness. `font-mono` substitutes for the mono the corpus never ships, reserved 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` (500) · `heading-tracking` |
+| h2 | section head | 18px / 1.35 | `font-weight-strong` (500) · -0.01em |
+| h3 | card / group head | 16px / 1.45 | `font-weight-strong` (500) · 0 |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` (400) |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` (400) |
+| eyebrow / caption | uppercase table divider | 11px / 1.4 | 600, `+0.05em`, uppercase |
+
+Emphasis bumps weight one step (400 → 500); the 600 weight is reserved for uppercase eyebrows and badge
+chips. Never change size to emphasise. The 80px hero display, 64px stat-display, and the aggressive
+-2px display tracking stay on the marketing site.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled black `primary` on white `primary-foreground`, base `radius` (8px) —
+  the marketing full-pill relaxes to the functional radius in dense chrome; the pill (9999) stays on
+  icon-only buttons, filter chips, and badges. Secondary: `secondary` fill, 1px `border`, `foreground`.
+  Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `border` at the stronger `input` edge, `radius`; focus draws the
+  brand-blue `ring` at 2px, no fill change and no glow.
+- **Card** — `card` surface, 1px `border`, `radius`, inset by `density-inset`; shadow only when it must
+  lift (`shadow-intensity`); larger panels may take the 12px radius step.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
+  numeric columns; selection tints the pale-lavender `accent` with a brand-blue indicator.
+- **Side panel** — detail and edit open beside the work (`side-panel-width`, `side-panel-width-rich`
+  for content-heavy), not over it.
+- **Badge** — pill radius, `muted`/status fill, uppercase caption; status badges take `success` /
+  `warning` / `destructive`, never `primary` or brand blue.
+
+## 5 Layout
+
+Base spacing unit 4px (8px the primary increment); the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 ·
+32 · 40 · 48 · 64` — Miro's distinctive 20px step is kept. Shell dimensions map one-to-one to the
+layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`
+(64px — Miro's own nav height), side panel `side-panel-width` / `side-panel-width-rich`, 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. The 96px and 120px marketing rhythms
+stay behind.
+
+## 6 Depth
+
+Flat, with strategic soft depth on true overlays only. Hierarchy is the surface ladder and hairlines,
+not shadow:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` on a 1px `border`; shadow only when it must lift off the canvas.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
+  shadow, navy-tinted (`rgba(5,0,56,0.08)`), never a hard black drop. Rank is border and position.
+
+Focus is a 2px brand-blue `ring` outline (never a glow), visible on every interactive element. Three
+z-levels: content, chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** fill black `primary` for the single most important action; everything else is neutral or status.
+- **Do** keep brand blue scarce — inline links, the focus `ring`, and active indicators only; it is a
+  single-shot accent, not a fill or a body-text color.
+- **Do** carry hierarchy with size, the geometric Roobert face, hairlines, and whitespace — never heavy
+  weight; there is no 700. Apply `tabular-nums` to numeric columns and `font-mono` to IDs and timestamps.
+- **Don't** reach for the sticky-note pastels as UI chrome; they are marketing surfaces and appear
+  operator-side only as `chart-*` series.
+- **Don't** spend canary yellow on a CTA, status hue, or background — it is the wordmark grace, nothing more.
+- **Don't** introduce a second chromatic accent, or signal elevation with heavy or hard-black shadows —
+  Miro's shadows are soft and navy-tinted.
+
+## 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 list+detail holds side by side |
+| 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+Directives the emitting agent follows verbatim:
+
+- Wear the spine, not the marketing: black ink on white, the friendly rounded radius, hairline depth.
+  The 80px hero display, the pastel feature cards, the real-board mockups, and the 120px rhythm stay behind.
+- Primary action fills black. If two things want the black fill, one of them is not primary. Brand blue
+  is single-shot — inline links, the focus `ring`, active indicators — never a fill or body text; canary
+  yellow is the wordmark grace, never a UI color.
+- Buttons sit at the base `radius`; the full pill (9999) is for icon-only buttons, filter chips, and
+  badges. Hierarchy is size and the geometric face, never heavy weight — there is no 700; emphasise 400 → 500.
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`.
+- The sticky-note pastels live only in charts (`chart-1..5`); stay flat — hairline and weight before
+  shadow, and reach past a hairline only for a real, soft, navy-tinted overlay.
+
+```yaml design-primitives
+radius: 8px                                        # corpus: Miro's functional radius (rounded.md — inputs, search-pill, ghost); the marketing 28-32px pastel cards stay behind
+shadow-intensity: 0.5                              # derived: predominantly flat with soft navy-tinted shadows (corpus 0.04-0.12 alpha); shadow lifts only true overlays
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Roobert PRO, Noto Sans, -apple-system, BlinkMacSystemFont, sans-serif   # corpus: Roobert PRO plus documented fallbacks
+font-mono: Geist Mono, ui-monospace, SFMono-Regular, monospace   # derived: Miro ships no mono (all Roobert); operator IDs/codes/logs need one — Geist Mono's geometric humanist character pairs with Roobert
+font-weight-normal: 400                            # corpus: body 400
+font-weight-strong: 500                            # corpus: headings AND medium emphasis run 500; Roobert never uses 700 — the elegant medium-weight display voice carries
+heading-tracking: -0.01em                          # derived: display tracks -2px…-1px but relaxes to 0 by heading-3; a faint -0.01em echoes the display DNA at operator heading sizes
+duration-unit: 50ms                                # derived: corpus documents no timings; operator functional base
+duration-fast: 100ms                               # derived: operator functional default
+duration-normal: 150ms                             # corpus: recommends 150-200ms ease
+duration-slow: 200ms                               # corpus: recommends 150-200ms ease (upper bound); friendly-quick
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus recommends a generic "ease"; standard functional curve
+contrast-boost: 1                                  # derived: Miro's hairlines are visible and inputs already take a stronger edge; no boost needed
+icon-stroke: 1.75                                  # derived: Miro ships no icon system; lucide at 1.75 matches Roobert's geometric medium-weight character
+icon-size-base: 16px                               # derived: operator standard
+sidebar-width-expanded: 256px                      # derived: Miro is marketing (no app shell); the airy brand rhythm → a touch roomier than a dense rail
+sidebar-width-collapsed: 64px                      # derived: mirrors Miro's ~64px nav height as the icon rail
+topbar-height: 64px                                # corpus: Miro's documented top-nav height (~64px)
+side-panel-width: 440px                            # derived: no shell in corpus; roomy per the friendly brand rhythm
+side-panel-width-rich: 640px                       # derived: no shell; content-heavy detail width
+modal-width-max: 560px                             # derived: no shell; modals for confirmations only
+form-max-width: 640px                              # derived: no shell; comfortable single-column form cap
+table-row-height: 44px                             # corpus: Miro's 44px form/touch-target height → roomy operator rows; dense archetypes step down via the surface catalog
+verbosity: default
+feedback: subtle                                   # rationale: Miro's friendly, responsive brand wants present-but-tasteful feedback
+density-tier: standard                             # rationale: a spacious, airy consumer brand read down to an honest operator tier, leaning roomy; density earned per archetype
+product-traits: [saas, collaboration, workspace, dashboard, admin]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Roobert PRO, Noto Sans, -apple-system, BlinkMacSystemFont, sans-serif", mono: "Geist Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#1c1c1e"
+    card: "#ffffff"
+    card-foreground: "#1c1c1e"
+    muted: "#f7f8fa"
+    muted-foreground: "#555a6a"
+    border: "#e0e2e8"
+    input: "#c7cad5"                  # corpus: hairline-strong — Miro gives inputs a heavier edge than dividers
+    ring: "#4262ff"                   # corpus: brand blue on the focus edge (text-input-focused)
+    primary: "#1c1c1e"                # corpus: the black-pill primary CTA color
+    primary-foreground: "#ffffff"
+    accent: "#f5f3ff"                 # corpus: surface-pricing-featured lavender — the featured/selected wash
+    accent-foreground: "#4262ff"      # corpus: brand blue on the lavender tint
+    destructive: "#e5484d"            # derived: Miro ships only soft error backgrounds; a saturated red is needed for destructive fills, tuned to the warm coral-leaning palette
+    destructive-foreground: "#ffffff"
+    success: "#00b473"                # corpus: success-accent green
+    warning: "#fcb900"                # derived: brand-yellow-deep repurposed as the amber warning hue
+    popover: "#ffffff"
+    popover-foreground: "#1c1c1e"
+    secondary: "#f7f8fa"
+    secondary-foreground: "#1c1c1e"
+    chart-1: "#4262ff"               # brand: blue anchors the ramp as the saturated primary series
+    chart-2: "#0fbcb0"               # brand: teal sticky-note hue
+    chart-3: "#ff9999"               # brand: coral sticky-note hue
+    chart-4: "#fcb900"               # brand: deep-yellow sticky-note hue
+    chart-5: "#00b473"               # brand: green success accent, completing the sticky-note set
+    sidebar: "#f7f8fa"
+    sidebar-foreground: "#1c1c1e"
+    sidebar-primary: "#1c1c1e"
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#eef0f3"        # corpus: hairline-soft — neutral nav hover/selection tint
+    sidebar-accent-foreground: "#1c1c1e"
+    sidebar-border: "#e0e2e8"
+    sidebar-ring: "#4262ff"          # corpus: brand-blue focus ring in the nav
+spacing-scale: [4, 8, 12, 16, 20, 24, 32, 40, 48, 64]
+radius-scale: [0, 4, 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.75 }
+accent-count: 1
+```

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

@@ -0,0 +1,220 @@
+---
+schema: design-md/v1
+product: Mistral AI
+provenance: library
+sourced: 2026-07-04
+---
+
+# Mistral AI — the operator reading
+
+Mistral's public brand is cinematographic: sunset gradients over mountain photography, a red-to-cream
+"stripe" closing every page, hero-scale near-serif display type. This is the *operator* reading — the
+palette temperature, the single saturated-orange accent, the sober editorial geometry, and the type
+voice carry across; the gradients, photographic heroes, and hero-scale display face stay behind. An
+internal tool wearing Mistral is a warm, cream-panelled console with one orange action, not a landing
+page. Both machine blocks are fully valued; judgments away from the brand are annotated inline.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in. Flat — hierarchy rides hairline `border`, type weight, and the warm
+surface ladder, never heavy shadow. A single accent, Mistral Orange `primary` (`#fa520f`), for the one
+action that matters. The neutrals are true grays, but the *surfaces* run warm — a white canvas beside a
+cream-tinted `sidebar` with cream panels, the operator signature that carries Mistral's temperature
+without a gradient. Density is `standard`, leaning comfortable (44px rows), dense-capable.
+
+## 2 Color Roles
+
+Light values; hex is the brand's native format (the manifest carries the same). One accent — `primary`
+orange is the only chromatic hue that carries meaning; status hues speak only status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | canvas white `#ffffff` | page, cards, and overlays — the dominant surface |
+| `foreground` | ink `#1f1f1f` | all primary ink |
+| `muted` | warm-white `#fffaeb` | hover rows, quiet fills, subtle sections |
+| `secondary` | cream `#fff8e0` | secondary buttons, grouped panels |
+| `muted-foreground` | steel `#6a6a6a` | labels, captions, secondary text |
+| `border` | hairline `#e5e5e5` | separators and grid lines on white |
+| `input` | hairline-strong `#c7c7c7` | field edges — a firmer edge than the grid, per brand |
+| `primary` | Mistral Orange `#fa520f` | the one primary action; active nav; key interactive detail |
+| `accent` | cream-deeper `#fff0c2` | selected/hovered rows and nav, on-accent surfaces only |
+| `ring` | `primary` `#fa520f` | the focus outline — unmistakable, keyboard-first |
+| `destructive` | red `#d92d20` | destructive actions and error state only |
+| `success` / `warning` | green `#16a34a` / amber `#d97706` | status signalling only, never chrome |
+
+The sunset yellows (`#ffd900`, the sunshine ramp) and gradient bands are brand graces, not operator
+tokens (see §7). The source palette ships no semantic red or green, so status red/green/amber are
+derived functional imports, kept muted.
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is Inter — body, UI, and headings all ride it; heading weight and
+tracking, not a second family, carry the voice. `font-mono` is JetBrains Mono for IDs, codes,
+timestamps, and log lines. Numeric columns render `tabular-nums` so figures align down a column.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 18px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 15px / 1.35 | `font-weight-strong` |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| caption | uppercase eyebrow | 11px / 1.4 | 600, `+0.09em`, uppercase |
+
+Heading emphasis is `font-weight-strong` = **500**, not 600 — a deliberately lighter, editorial emphasis
+is the brand's tell (the marketing heads run 500); 600 is reserved for the uppercase eyebrow. Emphasize
+by weight, never size. The near-serif PP Editorial Old is a hero-display grace and stays behind —
+operator surfaces have no hero, so Inter carries every head.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+- **Button** — `primary`: filled orange on `primary-foreground`, `radius` (8px), no pill. Secondary:
+  `secondary` (cream) fill, `border`, `foreground`. Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `input` border (firmer than the grid), `radius`; focus draws the
+  `ring` at 2px, no glow; field height rides `table-row-height` (44px).
+- **Card** — `card` surface, 1px `border`, 12px corner (one step up from the 8px button), shadow only
+  when lifted; the cream variant uses `secondary` fill with a warm `sidebar-border` edge, not gray.
+- **Table row** — `table-row-height` (44px); `border` grid lines; `muted` on hover; `tabular-nums` on
+  numerics; selection tints `accent`.
+- **Side panel** — detail and edit open in the panel (`side-panel-width`/`-rich`), beside the work.
+- **Badge** — hairline `border`, `muted`/status fill, uppercase caption; pill radius (9999) is for
+  badges only. Status badges take `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px; the on-scale ramp is the brand's own `4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 ·
+64` (capped below the hero-scale 96/120 that stays behind). Shell dimensions map one-to-one to the
+layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`,
+side panel `side-panel-width` / `side-panel-width-rich`, modal `modal-width-max`, forms `form-max-width`,
+tables full-width. Density is governed globally by `density-tier`, stepped per archetype by the catalog.
+
+## 6 Depth
+
+Flat. Hierarchy comes from the warm surface ladder and hairlines, not shadow:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` or cream `secondary` on a 1px border; `sm` shadow only to lift off canvas.
+- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
+  shadow. Rank is border, surface, and position, never a heavier drop shadow.
+
+Focus is a 2px `ring` outline (never a glow), visible on every interactive element. Three z-levels:
+content, sticky chrome, overlay — the marketing photographic and gradient depth does not carry.
+
+## 7 Do's & Don'ts
+
+- **Do** reserve `primary` orange for the single most important action on a surface; everything else is
+  neutral or status.
+- **Do** carry warmth with cream surfaces — the `sidebar` and grouped panels — against a white canvas.
+- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
+- **Do** keep the sober editorial geometry — 8px buttons, 12px cards; emphasize heads with weight-500.
+- **Don't** pill the primary CTA — Mistral's button geometry is sober, not playful; 9999 is for badges.
+- **Don't** promote the sunset yellows, a gradient, or the near-serif display into chrome — the stripe
+  band, sunshine ramp, hero photography, and display face are marketing signatures that stay behind.
+- **Don't** open detail or edit in a modal when the side panel fits — modals are for confirmations.
+
+## 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 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+This entry dresses an internal tool — CRM, queue, dashboard, console — in Mistral's design language.
+Carries: the warm temperature (white canvas + cream `sidebar` and panels), the single orange accent,
+the sober 8px/12px radius, the Inter voice with editorial weight-500 heads, JetBrains Mono. Stays
+behind: the sunset gradient bands, the hero-scale PP Editorial Old display face, the photographic heroes.
+
+- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
+- Accent only the primary action with orange. If two things want the accent, one is not primary.
+- Anchor warmth in the surface ladder, not the ink — grays stay gray; cream carries the brand.
+- Detail and edit go in the side panel; a modal is a confirmation, not a workspace.
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`.
+- Every workflow completes from the keyboard; the orange `ring` focus outline is always visible.
+- Stay flat and sober — hairline and weight before shadow, no pills, no gradient chrome.
+
+```yaml design-primitives
+radius: 8px                                        # derived: brand button radius is md=8px; scale keeps 12px for cards
+shadow-intensity: 0.4                              # derived: brand runs predominantly flat, shadows at 0.04 alpha — lift only overlays
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Inter, system-ui, sans-serif            # brand's UI/prose face; the hero-scale near-serif display stays behind
+font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, monospace
+font-weight-normal: 400
+font-weight-strong: 500                            # derived: brand headings emphasize at 500 (editorial), not 600 — 600 reserved for the eyebrow
+heading-tracking: -0.01em                          # brand display tracks -0.5px at the large heads; operator heads echo the tightening
+duration-unit: 50ms                                # derived: corpus does not extract motion timings
+duration-fast: 100ms                               # derived: no corpus value; operator default
+duration-normal: 150ms                             # brand note recommends 150–200ms ease for state transitions
+duration-slow: 200ms                               # brand note recommends 150–200ms; slow lands at the top of that range
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent on easing; standard operator ease
+contrast-boost: 1
+icon-stroke: 1.75                                  # derived: corpus does not specify icons; refined operator stroke
+icon-size-base: 16px
+sidebar-width-expanded: 248px                      # derived: corpus is marketing-nav only; operator shell default
+sidebar-width-collapsed: 56px                      # derived: operator shell default
+topbar-height: 56px                                # derived: brand marketing nav ~64px; tightened for an operator topbar
+side-panel-width: 420px                            # derived: no operator side panel in corpus; standard width
+side-panel-width-rich: 640px                       # derived: standard rich-content width
+modal-width-max: 560px                             # derived: corpus has a modal elevation level but no width; standard cap
+form-max-width: 560px                              # brand contact form caps ~520px; rounded to the operator standard
+table-row-height: 44px                             # brand touch targets (inputs/buttons) render 44px — comfortable, editorial
+verbosity: default
+feedback: subtle
+density-tier: standard                             # derived: brand reads comfortable/editorial; standard keeps it dense-capable, not cramped
+product-traits: [dashboard, ai-console, dev-tools, admin]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Inter, system-ui, sans-serif", mono: "JetBrains Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#1f1f1f"
+    card: "#ffffff"
+    card-foreground: "#1f1f1f"
+    muted: "#fffaeb"
+    muted-foreground: "#6a6a6a"
+    border: "#e5e5e5"
+    input: "#c7c7c7"
+    ring: "#fa520f"
+    primary: "#fa520f"
+    primary-foreground: "#ffffff"
+    accent: "#fff0c2"
+    accent-foreground: "#1f1f1f"
+    destructive: "#d92d20"          # derived: source palette ships no semantic red; distinct from the CTA orange
+    destructive-foreground: "#ffffff"
+    success: "#16a34a"              # derived: source palette ships no green; functional status import
+    warning: "#d97706"              # derived: amber distinct from CTA orange; brand yellows fail contrast for status
+    popover: "#ffffff"
+    popover-foreground: "#1f1f1f"
+    secondary: "#fff8e0"
+    secondary-foreground: "#1f1f1f"
+    chart-1: "#fa520f"              # derived: sunset ramp as categorical; warm palette suits sequential/few-series charts
+    chart-2: "#cc3a05"
+    chart-3: "#ffa110"
+    chart-4: "#ffd06a"
+    chart-5: "#ff8a00"
+    sidebar: "#fff8e0"
+    sidebar-foreground: "#1f1f1f"
+    sidebar-primary: "#fa520f"
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#fff0c2"
+    sidebar-accent-foreground: "#1f1f1f"
+    sidebar-border: "#e6d5a8"       # brand's cream-surface border (beige-deep)
+    sidebar-ring: "#fa520f"
+spacing-scale: [4, 8, 12, 16, 20, 24, 32, 40, 48, 64]
+radius-scale: [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.75 }
+accent-count: 1
+```