zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/references/upbit/assets/_reference/structure.json

@@ -1,52 +0,0 @@
-{
-  "captured_at": "2026-05-14",
-  "home": {
-    "nav": 2,
-    "header": 1,
-    "footer": 1,
-    "section": 0,
-    "main": 0,
-    "buttons": 0,
-    "links": 100,
-    "inputs": 0,
-    "tables": 0,
-    "h1": 0,
-    "h2": 2,
-    "h3": 0,
-    "title": "업비트(Upbit) | 가장 신뢰받는 디지털 자산 거래소",
-    "url": "https://www.upbit.com/home",
-    "viewport": {
-      "w": 1280,
-      "h": 713
-    },
-    "docHeight": 2911
-  },
-  "exchange": {
-    "nav": 2,
-    "header": 1,
-    "footer": 1,
-    "section": 2,
-    "main": 0,
-    "buttons": 6,
-    "links": 288,
-    "inputs": 7,
-    "tables": 31,
-    "h1": 0,
-    "h2": 0,
-    "h3": 0,
-    "title": "▲ 118,136,000 BTC/KRW +0.24% | 비트코인 | 업비트(Upbit)",
-    "url": "https://www.upbit.com/exchange?code=CRIX.UPBIT.KRW-BTC",
-    "viewport": {
-      "w": 1280,
-      "h": 713
-    },
-    "docHeight": 2678
-  },
-  "layout_notes": [
-    "1400px fixed content width on desktop (nav inner width = 1400)",
-    "Two-surface model: marketing home (light, hero, palette accents) + exchange grid (information-dense table-first)",
-    "Tables = primary UI primitive. ≥3 table types: market list, orderbook, trade history, daily candle history",
-    "Row tinting (rgba 8% alpha) communicates direction at glance — never solid fill (would compete with text)",
-    "Nav fixed top, single-row, no shadow; segment switches inline (KO/EN, KRW/BTC/USDT)"
-  ]
-}

package/.opencode/oh-my-design/web/references/upbit/assets/_reference/tokens.json

@@ -1,169 +0,0 @@
-{
-  "captured_at": "2026-05-14",
-  "source_urls": [
-    "https://upbit.com/home",
-    "https://upbit.com/exchange?code=CRIX.UPBIT.KRW-BTC"
-  ],
-  "method": "CDP Runtime.evaluate getComputedStyle",
-  "color": {
-    "brand": {
-      "primary": {
-        "value": "#1375EC",
-        "rgb": "rgb(19, 117, 236)",
-        "use": "primary brand blue (highlighted nav, KRW pair tint)"
-      },
-      "primaryDeep": {
-        "value": "#0062DF",
-        "rgb": "rgb(0, 98, 223)",
-        "use": "primary CTA bg (Login / 회원가입)"
-      },
-      "primaryDarker": {
-        "value": "#003597",
-        "rgb": "rgb(0, 53, 151)",
-        "use": "deep CTA on hero (거래소 둘러보기 / 회원가입 large)"
-      }
-    },
-    "semantic": {
-      "rise": {
-        "value": "#DD3C44",
-        "rgb": "rgb(221, 60, 68)",
-        "use": "▲ 상승 / 매수호가 (KR convention: red = up)"
-      },
-      "riseSoft": {
-        "value": "rgba(221, 60, 68, 0.08)",
-        "use": "rise row/cell tint"
-      },
-      "fall": {
-        "value": "#1375EC",
-        "rgb": "rgb(19, 117, 236)",
-        "use": "▼ 하락 / 매도호가 (KR convention: blue = down)"
-      },
-      "fallSoft": {
-        "value": "rgba(19, 117, 236, 0.08)",
-        "use": "fall row/cell tint"
-      }
-    },
-    "text": {
-      "primary": {
-        "value": "#1A2434",
-        "rgb": "rgb(26, 36, 52)",
-        "use": "headings, nav, primary text"
-      },
-      "body": {
-        "value": "#333333",
-        "rgb": "rgb(51, 51, 51)",
-        "use": "default body color (table cells)"
-      },
-      "muted": {
-        "value": "#666666",
-        "rgb": "rgb(102, 102, 102)",
-        "use": "table header / secondary labels"
-      },
-      "subtle": {
-        "value": "#565D6A",
-        "rgb": "rgb(86, 93, 106)",
-        "use": "footer / utility text"
-      },
-      "disabled": {
-        "value": "#8E929B",
-        "rgb": "rgb(142, 146, 155)",
-        "use": "disabled / placeholder"
-      },
-      "border": {
-        "value": "#BEC1C6",
-        "rgb": "rgb(190, 193, 198)",
-        "use": "input/divider"
-      }
-    },
-    "surface": {
-      "body": {
-        "value": "#E9ECF1",
-        "rgb": "rgb(233, 236, 241)",
-        "use": "page background"
-      },
-      "card": {
-        "value": "#FFFFFF",
-        "rgb": "rgb(255, 255, 255)",
-        "use": "card / panel"
-      },
-      "tableHeader": {
-        "value": "#F9FAFC",
-        "rgb": "rgb(249, 250, 252)",
-        "use": "table header / alt row"
-      },
-      "tableAlt": {
-        "value": "#F4F5F7",
-        "rgb": "rgb(244, 245, 247)",
-        "use": "alt row / segment unselected"
-      },
-      "neutral": {
-        "value": "#EDEEF1",
-        "rgb": "rgb(237, 238, 241)",
-        "use": "secondary button (회원가입 small)"
-      }
-    }
-  },
-  "radius": {
-    "control": "4px",
-    "tag": "2px",
-    "circle": "50%",
-    "rule": "거의 모든 컨트롤은 4px. 시각적 안정감과 트레이딩 UI 정확성을 동시에 충족하는 보수적 값."
-  },
-  "typography": {
-    "stack_primary": "Roboto, \"Noto Sans KR\", sans-serif, AppleSDGothicNeo-Regular, \"Malgun Gothic\", Dotum, sans-serif",
-    "stack_alt": "Roboto, \"Noto Sans KR\", Dotum, 돋움, sans-serif, Arial, Helvetica",
-    "size_scale": {
-      "11": "table header / tiny meta",
-      "12": "default body / cell / price",
-      "13": "subtext",
-      "14": "control label (button text)",
-      "15": "section heading / hero CTA text",
-      "16": "card heading",
-      "32": "hero display",
-      "36": "hero display large"
-    },
-    "weight": {
-      "regular": 400,
-      "medium": 500,
-      "bold": 700
-    },
-    "body_default": "12px / 400 / Roboto+Noto Sans KR"
-  },
-  "control": {
-    "button_primary": {
-      "h": 36,
-      "bg": "#0062DF",
-      "fg": "#FFFFFF",
-      "radius": "4px",
-      "padding": "0 10px",
-      "font": "14/400"
-    },
-    "button_secondary": {
-      "h": 36,
-      "bg": "#EDEEF1",
-      "fg": "#1A2434",
-      "radius": "4px",
-      "padding": "0 10px",
-      "font": "14/400"
-    },
-    "button_hero": {
-      "h": 44,
-      "bg": "#003597",
-      "fg": "#FFFFFF",
-      "radius": "4px",
-      "padding": "0 12px",
-      "font": "15/400"
-    },
-    "tag_pct": {
-      "h": 28,
-      "bg": "#FFFFFF",
-      "fg": "#1A2434",
-      "radius": "4px",
-      "padding": "0 8px",
-      "font": "12/400"
-    },
-    "table_row_h": 45,
-    "table_header_h": 30
-  },
-  "raw_sample_count": 121
-}

package/.opencode/oh-my-design/web/references/upstage/DESIGN.md

@@ -1,270 +0,0 @@
----
-id: upstage
-name: Upstage
-display_name_kr: 업스테이지
-country: KR
-category: ai
-homepage: "https://www.upstage.ai"
-primary_color: "#d2ff95"
-logo:
-  type: favicon
-  slug: "https://www.google.com/s2/favicons?domain=upstage.ai&sz=256"
-verified: "2026-05-15"
-omd: "0.1"
-ds:
-  name: Upstage Brand Resource Center
-  url: "https://www.upstage.ai/resources/brand-resource-center"
-  type: brand
-  description: "Upstage's brand resource hub — logo / symbol assets + IP rights statement. Token spec lives only in production CSS (Geist + Espeak proprietary face + violet #5B52FF × plum #3C043B + Solar accent #D2FF95)."
-  og_image: "https://cdn.prod.website-files.com/6743d5190bb2b52f38e99e37/680a25ee07a17eed6deeff74_OG.avif"
-tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
-  colors:
-    primary: "#5b52ff"
-    primary-hover: "#1e116e"
-    primary-deep: "#281ca5"
-    accent: "#d2ff95"
-    body: "#70757f"
-    heading: "#0a0d14"
-    muted: "#6e7191"
-    canvas: "#ffffff"
-    subtle: "#f9fafb"
-    footer: "#191722"
-    plum: "#3c043b"
-    lavender: "#f0ecfd"
-    purple-100: "#dde3ff"
-    border: "#eeeeee"
-    border-subtle: "#f7f7fc"
-    on-primary: "#ffffff"
-  typography:
-    family: { sans: "Geist", mono: "monospace" }
-    hero-h1:    { size: 58, weight: 600, use: "Hero headline (Espeak face)" }
-    section-h2: { size: 40, weight: 600, use: "Section headings" }
-    body-lg:    { size: 18, weight: 400, use: "Dominant body size" }
-    body:       { size: 16, weight: 400, use: "Standard body" }
-    button:     { size: 16, weight: 500, use: "Button + nav labels" }
-    caption:    { size: 14, weight: 400, use: "Small / caption" }
-    micro:      { size: 12, weight: 400, use: "Legal / micro" }
-  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32, xxl: 48, section: 64 }
-  rounded: { sm: 8, md: 8, lg: 8, full: 9999 }
-  shadow:
-    none: "none"
-  components:
-    button-primary: { type: button, bg: "#5b52ff", fg: "#ffffff", radius: 8, font: "16px/500", use: "Try now persistent nav CTA" }
-    card: { type: card, bg: "transparent", fg: "#70757f", radius: 8, use: "Product/solution/customer card; no shadow, inline Learn more link" }
-    nav: { type: tab, bg: "transparent", fg: "#0a0d14", radius: 8, use: "Transparent over hero, white below; 5 categories + Try now CTA" }
-  components_harvested: true
----
-
-# Upstage — DESIGN.md
-
-> Reference research only. Brand assets, logo, and the proprietary Espeak display face are property of Upstage Co., Ltd. (주식회사 업스테이지). No verbatim taglines, marketing copy, or asset binaries are reproduced. Token values quoted below are factual CSS custom property values observed via live runtime inspection of the public `www.upstage.ai` surface, under analytical fair-use.
-
-## 1. Visual Theme & Atmosphere
-
-Upstage looks like an enterprise AI company that decided to spend its visual budget on **one purple, one display face, and one rotating word** — and then on absolutely nothing else. The home surface ships in a deep plum hero canvas (`#3C043B`, exposed as `--colors--grey-background`), pairs it with a near-mint Solar accent (`#D2FF95`, a vivid mid-step of the `--colors--green-yellow-*` ladder), and reserves a single interactive violet (`#5B52FF`, observed 55 times across CTAs and links) as the only chromatic gesture that ever does work. The page is built on Webflow, layers Untitled UI and Spark Library tokens underneath an Upstage-namespaced override layer (74 `--*` custom properties on `:root`), and exposes the seams honestly — `_sub---untitled-ui--*`, `_sub---spark-library--*`, and `_sub---elements-webflow-library--*` all coexist on the document root, with the `--colors--*` and `--style--*` prefixes representing the brand's actual decisions. Type is even more disciplined: **Geist** runs 869 of ~930 sampled text elements (~93%), a single custom display face called **Espeak** lights up the hero H1 at 57.6px / weight 600, and the variable industry word inside the hero (`Insurance`, `Healthcare`, `Manufacturing`, `Financial Services`) shifts to a humble **monospace** mid-sentence — a typographic gesture that says *this slot is configurable* without spending a single color or weight to mark it. Radius is binary (797 elements at 0px, 134 at 8px, nothing meaningful between), elevation is effectively zero (the underlying Webflow library exposes one 10%-alpha shadow token, almost never applied), and rhythm comes from surface-color shifts band to band — plum hero → white product band → dark industry grid → white customer band → dark deployment matrix → near-black footer (`#191722`, slightly violet-tinted, not pure black). The atmosphere reads *competent, technical, restrained* — the visual equivalent of an enterprise pitch deck that knows it doesn't need to shout.
-
-**Atmospheric anchors**:
-- **Plum-violet axis, not blue.** Where most enterprise AI brands default to a corporate blue, Upstage commits to violet primary (`#5B52FF`) on a plum canvas (`#3C043B`) — distinguishable in a sea of cobalt competitors.
-- **Solar yellow-green as scarcity asset.** `#D2FF95` appears only adjacent to the Solar product narrative — never as a default button surface or section background.
-- **One body family, one display face, one swap.** 93% Geist coverage + Espeak-only hero + monospace industry word = three families, three jobs, no overlap.
-- **Type-as-imagery on industry cards.** Each high-stakes industry (Insurance / Healthcare / Manufacturing / Financial Services) presents as a giant industry word on a dark surface — no stock photography, no industry icons.
-- **Binary geometry.** Sharp (0px) for sections, cards, hero, footer; soft (8px) only for pressable controls and a few content chips. Nothing in between.
-
-## 2. Color System
-
-### Brand
-| Token | Hex | Live source | Role |
-|---|---|---|---|
-| Upstage Violet (primary) | `#5B52FF` | live computed `rgb(91,82,255)` on `.button.is-secondary` × 2 sampled CTAs; 55 element occurrences | Interactive foreground; link; secondary-button text; filled-primary button background variant |
-| Violet pressed | `#1E116E` | `--_sub---spark-library--foreground-interactive-hover` | Hover / pressed state of primary |
-| Violet deep | `#281CA5` | `--elements-webflow-library--secondary--color-1` | Emphasis / filled-button alt |
-| Solar yellow-green | `#D2FF95` | mid-step of `--colors--green-yellow-*` (50 = `#f6ffe5`); live-observed as decorative accent | **Single-use chromatic accent** tied to the Solar product narrative |
-
-### Ink (text)
-| Token | Hex | Frequency in DOM | Role |
-|---|---|---|---|
-| Body gray | `#70757F` | **428 elements (dominant text color)** | Default body, paragraph, muted subhead |
-| Near-black | `#0A0D14` | 58 elements | Headings on light surfaces |
-| Muted purple-gray | `#6E7191` | 20 elements | Secondary muted / footnote |
-| White | `#FFFFFF` | 213 elements | Text & UI on dark surfaces |
-| White @50% | `rgba(255,255,255,0.5)` | 14 elements | Muted secondary copy on dark hero |
-
-### Surface
-| Token | Hex | Role |
-|---|---|---|
-| Page white | `#FFFFFF` | Default page background |
-| Subtle band | `#F9FAFB` | `--colors--base--subtle` — light section break |
-| Footer near-black | `#191722` | Footer band — *intentionally violet-tinted, not pure `#000`* |
-| Plum decorative | `#3C043B` | `--colors--grey-background` — hero canvas. **Non-obvious choice**: a deep plum named as "grey" in the token system. |
-| Lavender interactive | `#F0ECFD` | `--_sub---spark-library--background--interactive` — active/hover surface |
-| Purple-100 | `#DDE3FF` | `--colors--purple-100` — cool tint for chips / info |
-
-### Border
-| Token | Hex | Role |
-|---|---|---|
-| Default hairline | `#EEEEEE` | `--border-color--border-primary` |
-| Neutral subtle | `#F7F7FC` | `--_sub---elements-webflow-library--neutral--200` |
-
-### Ladders observed (under-layer)
-Untitled UI primary scale (`#fcfaff 25 / #f9f5ff 50 / #f4ebff 100 / #d6bbfb 300 / #6941c6 700`) and Untitled UI gray scale (`#eaecf0 200 / #475467 600 / #101828 900`) sit underneath the Upstage-namespaced surface tokens. Treat them as inherited primitives, not Upstage decisions.
-
-## 3. Typography
-
-| Slot | Family | Size / Weight | Live evidence |
-|---|---|---|---|
-| Hero H1 | **Espeak**, Arial, sans-serif | 57.6px / 600 | 3 sampled hero phrases |
-| Hero H1 industry swap word | **monospace** (browser default) | 48px / 600 | 4 industry-word swaps |
-| Section H2 | Geist | ~36-48px / 600 | "High-performance AI built by experts" et al. |
-| Body large | Geist | 18px / 400 | **603 elements (dominant body size)** |
-| Body | Geist | 16px / 400 | 115 elements |
-| Button | Geist | 16-18px / 500 | `.button.is-secondary` + inline arrow CTA |
-| Caption / small | Geist | 14px / 400 | 30 elements |
-| Micro / legal | Geist | 12px / 400 | 23 elements |
-
-**Weight discipline** (observed): 400 = 786 elements, 500 = 129 (buttons + nav + emphasised body), 600 = 15 (all headings), 700 = 8 (stat/proof labels). **Six weights are not the system — four are.**
-
-**Critical voice rule on type**: the hero rotates `Insurance / Finance / Healthcare / Manufacturing` by changing the *font family* mid-sentence (Espeak → monospace), not the color or weight. Any port that wants to reproduce this rotating-vertical hero must keep the typographic shift as the variable-slot signal.
-
-## 4. Radius & Geometry
-
-| Value | Frequency | Role |
-|---|---|---|
-| `0px` | 797 elements | Sections, cards, hero, footer, images |
-| `8px` | 134 elements | Buttons, content chips, hero secondary surfaces |
-| `100%` | 5 elements | Avatar / icon circles |
-| `100px` | 1 element | Single pill |
-| `50%` | 1 element | One round element |
-
-**Binary rule**: Upstage's geometry encodes pressability. Sharp = layout. 8px = "you can click this." Nothing in between, no `4px / 12px / 16px` middle terms. Token: `--style--radius-8px: 8px`.
-
-## 5. Elevation
-
-Effectively **zero box-shadow** on observed elements. The underlying Webflow library exposes `--_sub---elements-webflow-library--general--shadow-03: #14142b1a` (violet-black 10%), but production almost never invokes it. Depth = surface-color contrast (plum → white → dark → near-black) + hairline borders. *Do not import drop-shadow card patterns from neighbour systems if porting this brand — Upstage doesn't ship them.*
-
-## 6. Spacing & Layout
-
-- **Canvas**: 1280px desktop sweet spot; `--style--max-full-width: 100vw`.
-- **No `--space-*` ladder** exposed on `:root`. Section vertical rhythm appears to use ~64-96px band gaps with 16/24/32 internal step (Webflow class-driven, not token-driven).
-- **Hero alignment**: left-aligned starting ~10% from canvas edge, not centered.
-- **Vertical rhythm = surface flips**: each H2 section change is also a background-color change. The rhythm is *chromatic*, not numerical.
-
-## 7. Interactive Components
-
-### Primary CTA — multiple variants, one violet
-1. **`Try now`** — persistent top-right of nav. Filled violet `#5B52FF` background, white text, 8px radius, weight 500.
-2. **`Try demo`** — hero inline arrow. Transparent background, white text, `→` arrow glyph, 18px / 500.
-3. **`Learn more →`** — repeated inline across every product / solution card. Text-color inherits section surface (white on dark, violet on light), 18px / 500, no chrome.
-4. **`.button.is-secondary`** (e.g. *Developer Console*, *Learn more* on solution cards) — white pill surface, violet text `#5B52FF`, 8px radius, weight 500. 16px.
-
-### Nav (top)
-Transparent over hero, white below. Five primary categories (Products / Solutions / Resources / Company / Pricing) + persistent `Try now` filled CTA on the right.
-
-### Card
-Product / solution / customer cards: 8px radius, transparent background, `#70757F` body paragraph, no drop shadow, inline `Learn more →` link as the only interactive affordance.
-
-### Industry card (signature)
-Giant industry word (`Insurance` / `Healthcare` / `Manufacturing` / `Financial Services`) at 48px+ as the entire card front. **Typography is the imagery.**
-
-## 8. Motion (partially captured)
-
-CDP single-pass did not extract transition durations or cubic-bezier curves. Inferred from observed `--_sub---spark-library--background--interactive: #F0ECFD` hover surface: standard Webflow ~150-200ms ease for interactive state changes. **Flagged for UPDATE pass** — exact motion tokens not authoritative here.
-
-## 9. Accessibility (observed)
-
-- **Body gray `#70757F` on white** ≈ 4.6:1 — passes WCAG AA for normal text (≥4.5:1).
-- **Violet `#5B52FF` on white** (secondary-button text) ≈ 5.2:1 — passes AA comfortably.
-- **White on plum `#3C043B`** = ≥10:1 — strong pass for hero copy.
-- **White @ 50% on plum hero** = ≈5:1 — at AA edge; acceptable for ≥18px text but borderline for finer hero subhead at smaller weights. Flagged as observed-as-shipped trade-off, not a guideline.
-- **No landmark / role inventory verified** in this CDP pass — `<header>`, `<footer>`, `<nav>` are used semantically (positive), but a deeper axe-style audit is out of scope.
-
-## 10. Voice & Microcopy (analyst characterisation, no verbatim copy)
-
-Upstage's marketing voice is **declarative, enterprise-confident, lightly punchy**. Sentences are short. Heroes state a verb-object intent rather than a feature list. Industry callouts are single nouns (`Insurance`, `Healthcare`) — the brand trusts the reader to fill in the relevance. Section H2s read as engineering-credible category claims ("High-performance AI built by experts", "Flexible deployment, enterprise-ready anywhere") — proof-of-capability framing, not benefit framing.
-
-**Tone vector**: technically grounded · enterprise-formal · zero-hype · pragmatic-bilingual (Korean root, English-first marketing).
-
-**Fresh OmD-derivation alternatives** (not Upstage copy — illustrative shape-only):
-- *Build the AI. Ship the workflow. We bring the model.*
-- *Enterprise-grade Solar. Deploy where your data lives.*
-- *One model. Four industries. Production-ready.*
-
-**Do NOT reproduce** any verbatim Upstage hero, button label, or proof statement in derivative work — voice is the shape only.
-
-## 11. Brand Narrative (factual)
-
-Upstage Co., Ltd. (주식회사 업스테이지) is a Korean LLM and enterprise AI company headquartered in Gangnam, Seoul, with offices at the Korea Science and Technology Center (한국과학기술회관 2관, 스파크플러스 강남5호점 812-817호, 22 Teheran-ro 7-gil, Gangnam-gu). CEO is **Sunghun Kim (김성훈)**. Business Registration No. 830-88-01918. The company's flagship is the **Solar** family of LLMs (Solar Pro 3 / Pro 2 / Mini) and the **Syn Pro** Japanese-locally-trained LLM. Product surface includes **Document Parse** (PDF/scan → structured), **Information Extract** (key-value structuring), **Studio** (build/deploy agents), **AI Space**, and the **Upstage Marketplace**. Deployment matrix spans API, on-premise, and marketplace channels. Stated industry focus: insurance, healthcare, manufacturing, financial services. Source: live capture of the home + footer + brand-resource-center surfaces on 2026-05-15.
-
-Founding-year, total-funding, headcount, and investor list **not verified in this pass** — public profiles (Crunchbase / TheVC) were not consulted to keep scope tight. Flagged for UPDATE.
-
-## 12. Personas (inferred — verify before reuse)
-
-These are reasoned inferences from the surface IA and proof bands, not user research:
-
-- **Enterprise IT decision-maker** — insurance/healthcare/manufacturing CIO or VP of Engineering. Comes in via the Solutions tab, leaves via *Contact us* or *Try demo*. Cares about: deployment options (on-prem vs API), customer logos, compliance posture.
-- **AI/ML engineer** — practitioner evaluating Solar models for production. Comes in via Products → Solar Pro 3 → Developer Console, leaves via Documentation. Cares about: benchmark numbers, pricing per token, latency, fine-tuning paths.
-- **Procurement / partnership lead** — coming in via Partners / Public tenders. Cares about: business credentials (KR business-info disclosure), Newsroom signals, certifications.
-
-`[FILL IN]` named personas, demographics, and motivations require Upstage-internal data — left as placeholders.
-
-## 13. Anti-Patterns (what NOT to import)
-
-1. **Do not introduce a third type family**. Geist + Espeak + monospace-swap is the entire system. A fourth face breaks the rotating-word gesture.
-2. **Do not import drop-shadow card chrome.** Upstage achieves depth via surface-color contrast and hairline borders. Adding `box-shadow: 0 8px 24px rgba(0,0,0,0.08)` will read as a different system entirely.
-3. **Do not soften the binary radius.** Adding `4px` / `12px` / `16px` middle terms erases the layout-vs-pressable distinction.
-4. **Do not over-saturate the Solar yellow-green.** `#D2FF95` works *because* it appears once, near the Solar narrative. Repeating it as a default highlight color cheapens it.
-5. **Do not default to blue.** Cobalt primary is the enterprise-AI cliche Upstage is consciously avoiding. If porting, stay on the violet-plum axis or pick a different non-blue.
-6. **Do not center-align the hero.** Left-aligned hero with the typographic-swap industry word is the brand-defining composition.
-
-## 14. References & Citations
-
-- **Live capture, home**: `https://www.upstage.ai/` — 44 curated DOM samples, 930+ element frequency sweep, 74 `:root` CSS custom properties, viewport 1280×713 dpr=1, captured 2026-05-15. Method: Chrome DevTools Protocol :9222 / `Runtime.evaluate getComputedStyle`. Browser: Chrome/148.0.7778.97. Raw artifacts in `references/upstage/assets/_reference/_root-vars.json`, `_raw-capture.json`, `_curated-samples.json`, `_structure-raw.json`.
-- **Live capture, Tier-1 brand surface**: `https://www.upstage.ai/resources/brand-resource-center` — HTTP 200, H1 "Brand Resource Center", categories Brand Identity / Product Identity / Media kit / Our leadership, asset distribution only (no token specs). Captured 2026-05-15. Artifact: `_brand-resource-center.json`.
-- **Tier-1 negative**: `design.upstage.ai`, `brand.upstage.ai`, `www.upstage.ai/brand`, `www.upstage.ai/brand-resources` — all 000/404 (verified 2026-05-15 via curl).
-- **Tier-1 codebase negative**: `github.com/UpstageAI` — 12 public repos, all AI/research/cookbook (`UpstageAI/cookbook`, `UpstageAI/Gym`, `UpstageAI/mcp-upstage`, `UpstageAI/opencode`, `UpstageAI/solar-prompt-cookbook`, `UpstageAI/vllm`, …). **Zero design-system / Storybook / token-library repo** as of 2026-05-15.
-- **Tier-2 indexes**: `getdesign.md/upstage` → 200 but no curated entry; `styles.refero.design/?q=upstage` → 200 search shell, no result cards. Both verified 2026-05-15.
-- **Business factual**: `https://www.upstage.ai/resources/brand-resource-center` footer block — KR-mandated business-information disclosure (CEO, registration number, address) reproduced as factual reference, not promotional.
-
-## 15. Verification Footer
-
-**Verification date**: 2026-05-15
-**Verification method**: live CDP :9222 + Tier 1/2 URL probes + GitHub org enumeration
-**Live-inspect proof**: `references/upstage/assets/_reference/.live-inspect-proof.json` (8 raw_samples, ≥5 required floor)
-**Confidence per section**:
-- §1 Visual theme & §2 Color & §3 Typography & §4 Radius & §5 Elevation & §7 Interactive: **High** (live computed-style evidence)
-- §6 Spacing: **Medium** (no `--space-*` ladder exposed; observations are visual not token-derived)
-- §8 Motion: **Low** — single-pass CDP did not capture transition tokens; flagged UPDATE
-- §9 A11y: **Medium** — contrast computed, but no landmark/role audit run
-- §10 Voice: **High** (analyst characterisation only — no verbatim reproduction)
-- §11 Brand narrative: **High** for HQ / CEO / registration / product names (sourced from public footer); **Low** for funding/headcount/founding-year (not verified this pass)
-- §12 Personas: **Low** (inferred — `[FILL IN]` required before product reuse)
-- §13 Anti-patterns: **High** (derived from live evidence)
-
-**Flags (carry into audit row)**:
-1. Tier-1 official DS = **partial-positive** (asset distribution surface exists; token specification does not).
-2. Tier-2 indexes both empty for `upstage` — consistent with the systemic KR-coverage gap.
-3. Espeak display face is a proprietary commissioned typeface — reference-only; substitute with a tonally similar open display in any derivative work.
-4. Solar yellow-green `#D2FF95` is a single-use chromatic accent — repeating it broadly will read as a different brand.
-5. The rotating-industry hero word ships as a **typographic shift (monospace mid-sentence)**, not a color or weight shift — preserve that gesture or the hero composition breaks.
-6. Motion tokens and component-state coverage incomplete — UPDATE pass recommended on a product detail page (e.g. `/products/solar-pro-3`) and Documentation surface.
-
-**IP guardrails confirmed**: brand assets reference-only (logos / Espeak face not redistributed); no verbatim Upstage marketing copy quoted; §10 voice samples are fresh OmD-derived shape-only alternatives; KR business-information block reproduced as factual disclosure, not promotion.
-
-## 16. Do's and Don'ts
-
-### Do
-- Reserve interactive violet #5B52FF as the only chromatic gesture that does work — links, CTAs, and secondary-button text, the way it appears across its 55 sampled occurrences
-- Anchor the brand on the plum canvas #3C043B (the '--colors--grey-background' hero) paired with violet primary, staying on the violet-plum axis instead of any cobalt default
-- Build vertical rhythm from surface-color flips band to band (plum hero to white product band to dark industry grid to near-black footer #191722), not from drop shadows or a numeric spacing ladder
-- Keep type to the three-family, three-job system: Geist for ~93% of body and headings, Espeak only on the hero H1 at 57.6px/600, and a monospace mid-sentence swap for the rotating industry word
-- Encode the binary radius literally — 0px for sections, cards, hero, and footer; 8px ('--style--radius-8px') only for pressable controls and content chips
-- Set body copy in Geist gray #70757F (the dominant 428-element text color) at 18px/400, the way most paragraph text ships
-
-### Don't
-- Spread the Solar yellow-green #D2FF95 broadly — keep it as a single-use accent adjacent to the Solar product narrative, never a default button surface or section background
-- Introduce a fourth type family beyond Geist, Espeak, and the monospace swap, which would break the rotating-word gesture
-- Soften the binary geometry with 4px, 12px, or 16px middle radii, which erases the layout-versus-pressable distinction
-- Import drop-shadow card chrome like 'box-shadow: 0 8px 24px rgba(0,0,0,0.08)' — Upstage ships effectively zero elevation and builds depth from surface contrast and #EEEEEE hairlines
-- Default to a corporate blue primary, the enterprise-AI cliche Upstage consciously avoids in favor of the violet-plum axis
-- Center-align the hero or signal the rotating industry word with color or weight — keep it left-aligned with the typographic monospace shift as the variable-slot cue

package/.opencode/oh-my-design/web/references/upstage/assets/_reference/.live-inspect-proof.json

@@ -1,157 +0,0 @@
-{
-  "_meta": {
-    "purpose": "Authoritative proof of live runtime capture per omd:add-reference CREATE rule.",
-    "captured_at_iso": "2026-05-15T07:10:00Z",
-    "method": "Chrome DevTools Protocol :9222 — Runtime.evaluate getComputedStyle on document.documentElement + curated DOM selector sweep + frequency analysis across all elements.",
-    "browser": "Chrome/148.0.7778.97 (mac arm64)",
-    "cdp_endpoint": "ws://localhost:9222/devtools/page/68B97F7E96541CC25A9EA2E71E016650",
-    "websocket_origin_handling": "suppress_origin=True (bypass --remote-allow-origins on this Chrome session)",
-    "surfaces_captured": [
-      { "url": "https://www.upstage.ai/", "title": "Upstage AI - Building intelligence for the future of work", "samples_dom": 44, "freq_universe": "all 930+ rendered elements" },
-      { "url": "https://www.upstage.ai/resources/brand-resource-center", "title": "brand-resource-center", "samples_dom": 0, "purpose": "Tier-1 verification — confirmed it is an asset-download surface, not a token specification" }
-    ],
-    "viewport": { "w": 1280, "h": 713, "dpr": 1 },
-    "root_css_var_count": 74
-  },
-  "raw_samples": [
-    {
-      "label": "hero H1 anchor word — Espeak display",
-      "selector": "h1 (Espeak)",
-      "text": "Supercharge",
-      "color": "rgb(255, 255, 255)",
-      "background": "rgba(0, 0, 0, 0) (over plum #3C043B section bg)",
-      "fontFamily": "Espeak, Arial, sans-serif",
-      "fontSize": "57.6px",
-      "fontWeight": "600",
-      "borderRadius": "0px"
-    },
-    {
-      "label": "hero H1 rotating-industry swap word — monospace typographic shift",
-      "selector": "h1 (monospace swap)",
-      "text": "Insurance",
-      "color": "rgb(255, 255, 255)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "monospace",
-      "fontSize": "48px",
-      "fontWeight": "600",
-      "borderRadius": "0px"
-    },
-    {
-      "label": "secondary button — violet text on white pill, 8px corner",
-      "selector": "a.button.is-secondary",
-      "text": "Developer Console",
-      "color": "rgb(91, 82, 255)  /* #5B52FF Upstage Violet */",
-      "background": "rgb(255, 255, 255)",
-      "fontFamily": "Geist, sans-serif",
-      "fontSize": "16px",
-      "fontWeight": "500",
-      "borderRadius": "8px"
-    },
-    {
-      "label": "inline arrow CTA — text-color follows surface, no chrome",
-      "selector": "a.button (arrow)",
-      "text": "Learn more →",
-      "color": "rgb(255, 255, 255)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "Geist, sans-serif",
-      "fontSize": "18px",
-      "fontWeight": "500",
-      "borderRadius": "0px"
-    },
-    {
-      "label": "footer band — violet-tinted near-black surface",
-      "selector": "footer",
-      "text": "Products Solar Pro 3 Solar Pro 2 Solar Mini Syn Pro…",
-      "color": "rgb(255, 255, 255)",
-      "background": "rgb(25, 23, 34)  /* #191722 */",
-      "fontFamily": "Geist, sans-serif",
-      "fontSize": "18px",
-      "fontWeight": "400",
-      "borderRadius": "0px"
-    },
-    {
-      "label": "product card body — muted gray paragraph, 8px corner",
-      "selector": "[class*=\"card\"]",
-      "text": "Document Parse — Convert PDFs, scans, and emails into…",
-      "color": "rgb(112, 117, 127)  /* #70757F dominant body gray */",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "Geist, sans-serif",
-      "fontSize": "18px",
-      "fontWeight": "400",
-      "borderRadius": "8px"
-    },
-    {
-      "label": "body root — default text color & family for the home surface",
-      "selector": "body",
-      "text": "Upstage Studio — Build and deploy your agent. Learn more…",
-      "color": "rgb(112, 117, 127)",
-      "background": "rgba(0, 0, 0, 0)",
-      "fontFamily": "Geist, sans-serif",
-      "fontSize": "18px",
-      "fontWeight": "400"
-    },
-    {
-      "label": "page header / hero container — confirms hero surface inheritance",
-      "selector": "header",
-      "text": "Supercharge {Industry} with AI. Experience the future of work.",
-      "color": "rgb(112, 117, 127)  /* applies to muted subhead */",
-      "background": "rgba(0, 0, 0, 0) (canvas underneath: plum #3C043B)",
-      "fontFamily": "Geist, sans-serif",
-      "fontSize": "18px",
-      "fontWeight": "400"
-    }
-  ],
-  "frequency_top_lines": {
-    "color_top_8": [
-      ["rgb(112, 117, 127)", 428, "#70757F body gray — dominant text"],
-      ["rgb(255, 255, 255)", 213, "white on dark sections"],
-      ["rgb(10, 13, 20)",   58,  "#0A0D14 near-black headlines on light surface"],
-      ["rgb(91, 82, 255)",  55,  "#5B52FF Upstage Violet — interactive foreground"],
-      ["rgb(0, 0, 238)",    55,  "browser default link blue (un-styled <a>)"],
-      ["rgb(0, 0, 0)",      50,  "pure black on auxiliary chrome"],
-      ["rgb(110, 113, 145)", 20, "#6E7191 muted secondary"],
-      ["rgba(255, 255, 255, 0.5)", 14, "white@50% on dark hero copy"]
-    ],
-    "background_top_5": [
-      ["rgba(0, 0, 0, 0)", 897, "transparent — overwhelming default"],
-      ["rgb(255, 255, 255)", 21, "white pill / surface"],
-      ["rgb(91, 82, 255)", 6,    "filled violet button surface"],
-      ["rgb(10, 13, 20)", 5,     "near-black surface"],
-      ["rgb(25, 23, 34)", 1,     "footer plum-black"]
-    ],
-    "font_family_top_3": [
-      ["Geist, sans-serif", 869, "primary body 93%"],
-      ["sans-serif", 50, "fallback during hydration"],
-      ["Espeak, Arial, sans-serif", 3, "hero H1 only"]
-    ],
-    "font_weight_top": [["400", 786], ["500", 129], ["600", 15], ["700", 8]],
-    "border_radius_top": [["0px", 797], ["8px", 134], ["100%", 5], ["100px", 1], ["50%", 1]]
-  },
-  "ds_verification": {
-    "tier_1_official_ds_status": "partial-positive",
-    "tier_1_evidence": [
-      "Brand Resource Center exists and is publicly linked from the footer of every page: https://www.upstage.ai/resources/brand-resource-center (HTTP 200, h1='Brand Resource Center', categories Brand Identity / Product Identity / Media kit / Our leadership).",
-      "Distributes downloadable logo + symbol PNG assets across light/dark variants via Webflow CDN and Airtable-hosted records.",
-      "Carries IP rights statement: 'All rights to the brand assets, including intellectual property rights, are owned by Upstage Co., Ltd.'",
-      "DOES NOT publish color palette / typography scale / spacing tokens / component specs. The token system is only observable via the production CSS captured here."
-    ],
-    "tier_1_negative_for": [
-      "design.upstage.ai (DNS 000)",
-      "brand.upstage.ai (DNS 000)",
-      "www.upstage.ai/brand (HTTP 404)",
-      "github.com/UpstageAI — 12 public repos, all AI/research/cookbook (UpstageAI/cookbook, UpstageAI/Gym, UpstageAI/mcp-upstage, UpstageAI/opencode, UpstageAI/solar-prompt-cookbook, UpstageAI/vllm, etc.) — zero design-system / Storybook / token-library / bezier-style repo"
-    ],
-    "tier_2_indexes_consulted": [
-      { "source": "getdesign.md", "url": "https://getdesign.md/upstage", "result": "HTTP 200 page, no curated entry for 'upstage'" },
-      { "source": "styles.refero.design", "url": "https://styles.refero.design/?q=upstage", "result": "HTTP 200 loads search UI in skeleton state, no result cards for 'upstage'" }
-    ],
-    "conclusion": "Upstage operates a brand-asset distribution surface (Tier-1 light) but no public design-system specification. Production tokens are the canonical source for this DESIGN.md."
-  },
-  "reproducibility": {
-    "verify_tier1_brand_center": "curl -sIL https://www.upstage.ai/resources/brand-resource-center | head -1   # → HTTP 200",
-    "verify_tier1_negative": "curl -sIL https://design.upstage.ai 2>&1 | head -1   # → connect failure",
-    "verify_github_no_ds": "gh search repos UpstageAI design-system   # → 0 hits",
-    "verify_live_root_vars_count": "/opt/homebrew/bin/python3.11 → CDP Runtime.evaluate getComputedStyle(document.documentElement) → 74 custom properties (--colors--*, --style--*, --_sub---untitled-ui--*, --_sub---spark-library--*, --_sub---elements-webflow-library--*)",
-    "verify_geist_dominance": "DOM-wide font-family frequency: Geist = 869 / 930 ≈ 93%"
-  }
-}