oh-my-design-cli 1.8.7 → 1.9.0

package/web/references/upstage/DESIGN.md

@@ -5,266 +5,273 @@ display_name_kr: 업스테이지
 country: KR
 category: ai
 homepage: "https://www.upstage.ai"
-primary_color: "#d2ff95"
+primary_color: "#5b52ff"
 logo:
   type: favicon
   slug: "https://www.google.com/s2/favicons?domain=upstage.ai&sz=256"
-verified: "2026-05-15"
+verified: "2026-07-13"
 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)."
+  description: "Official distribution point for Upstage logo, product-logo, media-kit, and leadership assets; it does not publish a UI token specification."
   og_image: "https://cdn.prod.website-files.com/6743d5190bb2b52f38e99e37/680a25ee07a17eed6deeff74_OG.avif"
+verification_v2:
+  schema: 2
+  checked: "2026-07-13"
+  surfaces:
+    - { id: home, kind: marketing, url: "https://www.upstage.ai/", inspected: "2026-07-13" }
+    - { id: api-pricing, kind: public-pricing, url: "https://www.upstage.ai/pricing/api", inspected: "2026-07-13" }
+  sources:
+    - { id: home-live, kind: product-surface, url: "https://www.upstage.ai/", captured: "2026-07-13" }
+    - { id: api-pricing-live, kind: product-surface, url: "https://www.upstage.ai/pricing/api", captured: "2026-07-13" }
+    - { id: about-context, kind: official-doc, url: "https://www.upstage.ai/about", captured: "2026-07-13" }
+    - { id: studio-context, kind: official-doc, url: "https://www.upstage.ai/products/studio", captured: "2026-07-13" }
+    - { id: brand-assets, kind: brand-asset, url: "https://www.upstage.ai/resources/brand-resource-center", captured: "2026-07-13" }
+    - { id: geist-license, kind: license, url: "https://github.com/vercel/geist-font", captured: "2026-07-13" }
+  conflicts: []
+  claims:
+    "tokens.colors.canvas": &home { surface_id: home, source_id: home-live, method: live-inspect, captured: "2026-07-13" }
+    "tokens.colors.ink": *home
+    "tokens.colors.text": *home
+    "tokens.colors.text-subtle": *home
+    "tokens.colors.action-violet": *home
+    "tokens.colors.card-border": &pricing { surface_id: api-pricing, source_id: api-pricing-live, method: live-inspect, captured: "2026-07-13" }
+    "tokens.typography.family.ui": *home
+    "tokens.typography.family.marketing-display": *home
+    "tokens.typography.marketing-display.size": *home
+    "tokens.typography.marketing-display.weight": *home
+    "tokens.typography.marketing-display.lineHeight": *home
+    "tokens.typography.marketing-display.use": *home
+    "tokens.typography.section-heading.size": *home
+    "tokens.typography.section-heading.weight": *home
+    "tokens.typography.section-heading.lineHeight": *home
+    "tokens.typography.section-heading.use": *home
+    "tokens.typography.body.size": *home
+    "tokens.typography.body.weight": *home
+    "tokens.typography.body.lineHeight": *home
+    "tokens.typography.body.use": *home
+    "tokens.typography.action.size": *home
+    "tokens.typography.action.weight": *home
+    "tokens.typography.action.lineHeight": *home
+    "tokens.typography.action.use": *home
+    "tokens.spacing.action-y": *home
+    "tokens.spacing.action-x": *home
+    "tokens.spacing.card": *pricing
+    "tokens.spacing.card-end": *pricing
+    "tokens.rounded.action": *home
+    "tokens.rounded.card": *pricing
+    "tokens.components.api-pricing-card.type": *pricing
+    "tokens.components.api-pricing-card.bg": *pricing
+    "tokens.components.api-pricing-card.border": *pricing
+    "tokens.components.api-pricing-card.radius": *pricing
+    "tokens.components.api-pricing-card.padding": *pricing
+    "tokens.components.api-pricing-card.use": *pricing
 tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
+  source: reconciled
+  extracted: "2026-07-13"
+  components_harvested: true
   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"
+    ink: "#0a0d14"
+    text: "#52525b"
+    text-subtle: "#525866"
+    action-violet: "#5b52ff"
+    card-border: "#cdd0d5"
   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"
+    family: { ui: "Geist", marketing-display: "Espeak" }
+    marketing-display: { size: 64, weight: 600, lineHeight: 1.10, use: "Public home marketing hero only" }
+    section-heading: { size: 48, weight: 500, lineHeight: 1.15, use: "Public marketing section headings" }
+    body: { size: 18, weight: 400, lineHeight: 1.60, use: "Public home and API-pricing body copy" }
+    action: { size: 16, weight: 500, lineHeight: 1.50, use: "Public CTA controls" }
+  spacing: { action-y: 12, action-x: 18, card: 32, card-end: 96 }
+  rounded: { action: 8, card: 8 }
   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
+    api-pricing-card: { type: card, bg: "#ffffff", border: "1px solid #cdd0d5", radius: "8px", padding: "32px 96px 32px 32px", use: "API pricing model card observed on the public pricing surface" }
 ---
 
-# Upstage — DESIGN.md
+# Upstage — Design Reference
 
-> 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.
+> **Enterprise AI for document-heavy work.** (Current public-surface reference, observed 2026-07-13)
 
 ## 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`.
+Upstage is a Korean AI company building language models and document-processing engines for work. Its public site frames the offer through Solar models, document intelligence, and Studio workflows for high-stakes industries, rather than as a generic consumer chatbot. The current public expression is a compact, white-led enterprise marketing system: dark `#0A0D14` headings, `#52525B` long-form copy, and `#5B52FF` conversion actions organise the page. The hero is the conspicuous exception: a loaded **Espeak** face appears only in the public home’s large display treatment, while loaded **Geist** carries the rest of the observed marketing and public pricing content. The design’s rhythm comes from restrained, square-to-8px geometry and repeated direct actions, not from a broad decorative palette. Upstage’s own About and Studio pages connect this visual restraint to a practical proposition: making document-heavy workflows more controllable, traceable, and useful for enterprises.
 
-## 5. Elevation
+What is distinctive in the evidence:
+
+- **A narrow violet action lane.** `#5B52FF` appears on observed filled and outlined calls to action; it is not promoted as a general semantic/status palette.
+- **Marketing display has a bounded job.** Espeak is loaded for the home hero, while Geist is the repeatedly resolved public UI/content family.
+- **Public pricing is calmer than the hero.** The API-pricing surface uses white model cards, `#CDD0D5` borders, and `#525866` supporting text.
+- **Geometry is mostly flat.** Buttons and observed cards use 8px corners; the supplied samples show no general card-shadow system.
+
+## 2. Layout & Grid
+
+- **Public action scale:** the repeated home filled and outlined action controls use 12px 18px padding; the compact outlined action uses 10px 16px.
+- **Public pricing card:** the captured API-pricing model card uses `32px 96px 32px 32px` padding and a 24px internal gap.
+- **Observed rhythm:** 8, 12, 16, 24, 32, 40, 96, and 128px occur in the collector’s spacing aggregation. This is a frequency record, not a claimed universal spacing scale.
+- **Boundary:** no responsive breakpoint, desktop container maximum, or logged-in application layout is promoted from the supplied capture.
 
-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.*
+## 3. Color & Typography
 
-## 6. Spacing & Layout
+### Color tokens
 
-- **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.
+- `#FFFFFF` — observed page/card canvas
+- `#0A0D14` — observed dark heading/ink
+- `#52525B` — dominant observed public body-copy tone
+- `#525866` — observed pricing-surface supporting-copy tone
+- `#5B52FF` — observed public action foreground/background and catalog primary color
+- `#CDD0D5` — observed API-pricing card border
 
-## 7. Interactive Components
+The collector also sees isolated browser/default-like blue and red values. They are not assigned a brand or product role because the raw public capture does not establish one.
 
-### 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.
+### Typography evidence classes
 
-### Nav (top)
-Transparent over hero, white below. Five primary categories (Products / Solutions / Resources / Company / Pricing) + persistent `Try now` filled CTA on the right.
+- **Live public UI/content use — Geist.** The collector records `Geist` as loaded/high confidence, with 626 visible uses across body, actions, navigation-like controls, cards, tabs, and headings, backed by five Google Fonts source URLs. It is the sole general UI-family token. The official Geist project identifies the family and publishes it under SIL Open Font License 1.1; that licence describes the font software, not an Upstage visual-identity licence.
+- **Live public marketing-display use — Espeak.** The collector records `Espeak` as loaded/high confidence for five visible `h1` uses and two Upstage-hosted WOFF2 sources. The observed home hero reaches 64px/600/70.4px. This is a marketing-display token only, not evidence for an authenticated product UI. No public first-party licence terms for the face were found in this update; Upstage’s Brand Resource Center says brand assets and associated intellectual-property rights belong to Upstage.
+- **System-resolved values.** `system-ui` (three observed uses) and `monospace` (one observed hero use) are operating-system families, not Upstage font assets or substitute specimens.
+- **Declared-only assets.** Archivo, Inter, Montserrat, Noto Sans JP, and Noto Sans KR have `@font-face` declarations in the bundle but zero observed visible uses. They stay declared-only and are not machine UI-family tokens.
+- **Measured public styles.** The capture records 48px/500 section headings, 18px/400 body text at 28.8px line height, and 16px/500 actions at 24px line height. These remain public-surface measurements, not a complete product type scale.
 
-### Card
-Product / solution / customer cards: 8px radius, transparent background, `#70757F` body paragraph, no drop shadow, inline `Learn more →` link as the only interactive affordance.
+## 4. Components
 
-### Industry card (signature)
-Giant industry word (`Insurance` / `Healthcare` / `Manufacturing` / `Financial Services`) at 48px+ as the entire card front. **Typography is the imagery.**
+### Public primary action
 
-## 8. Motion (partially captured)
+**Default**
+- Background: `#5B52FF`
+- Text: `#FFFFFF`
+- Border: `1px solid #5B52FF`
+- Radius: `8px`
+- Padding: `12px 18px`
+- Font: `16px / 500`
+- Use: public filled conversion action on the home surface; evidence `home::[data-omd-capture="7"]`
 
-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.
+### Public secondary action
 
-## 9. Accessibility (observed)
+**Default**
+- Background: `#FFFFFF`
+- Text: `#5B52FF`
+- Border: `1px solid #5B52FF`
+- Radius: `8px`
+- Padding: `12px 18px`
+- Font: `16px / 500`
+- Use: public outlined conversion action on the home surface; evidence `home::[data-omd-capture="8"]`
 
-- **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.
+### API pricing card
 
-## 10. Voice & Microcopy (analyst characterisation, no verbatim copy)
+**Default**
+- Background: `#FFFFFF`
+- Text: `#52525B`
+- Border: `1px solid #CDD0D5`
+- Radius: `8px`
+- Padding: `32px 96px 32px 32px`
+- Font: `18px / 400`
+- Use: public API-pricing model card; evidence `surface-2::#solar-pro-3`
 
-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.
+### Public model tab
 
-**Tone vector**: technically grounded · enterprise-formal · zero-hype · pragmatic-bilingual (Korean root, English-first marketing).
+**Current item as captured**
+- Background: `#FFFFFF`
+- Text: `#0A0D14`
+- Border: `1px solid #E2E4E9`
+- Radius: `8px`
+- Padding: `8px 16px`
+- Font: `18px / 500`
+- Use: currently selected model tab on public API pricing; evidence `surface-2::[data-omd-capture="5"]`, class `w--current`
+
+Only static defaults/current markup are recorded. The bundle has `interactionCount: 0` and no interaction records, so hover, focus, pressed, disabled, menu, dialog, form, and tab-transition variants are intentionally omitted. Raw selector fragments marked `state-pressed` are not promoted because the summary does not corroborate an interaction run.
+
+---
+**Verified:** 2026-07-13
+**Tier 1 sources:** `https://www.upstage.ai/` (public marketing), `https://www.upstage.ai/pricing/api` (public API-pricing), `https://www.upstage.ai/about` (corporate context), `https://www.upstage.ai/products/studio` (public product context), `https://www.upstage.ai/resources/brand-resource-center` (official brand-asset ownership), `https://github.com/vercel/geist-font` (official Geist family and SIL OFL 1.1 licence)
+**Tier 2 sources:** `https://getdesign.md/upstage` (attempted; built-in web open safe-open failure), `https://styles.refero.design/?q=upstage` (attempted; built-in web open safe-open failure), web search for both catalog names (no Upstage record returned)
+**Conflicts unresolved:** none
+
+The prior `#3C043B` plum / `#D2FF95` Solar-accent palette, 2025 font counts, generic card claim, inferred motion timing, and unbounded product claims are not supported by the supplied 2026 capture and were removed rather than carried forward.
+
+## 5. Elevation
 
-**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.*
+The observed filled/outlined actions and API-pricing cards have `box-shadow: none`. A currently selected public pricing tab has a local `0px 2px 3px rgba(0,0,0,0.06)` shadow, but it is not promoted as a general elevation token or a tab-interaction rule.
 
-**Do NOT reproduce** any verbatim Upstage hero, button label, or proof statement in derivative work — voice is the shape only.
+## 6. Imagery & Illustration
 
-## 11. Brand Narrative (factual)
+- The public home and product pages use product screenshots and workflow/process imagery to explain document intelligence, Solar, and Studio. They are marketing evidence, not a reusable application-image component specification.
+- The Brand Resource Center distributes logo, product-logo, media-kit, and leadership assets. Its ownership statement is an asset/IP boundary, not permission to reproduce those binaries.
+- No repeated crop ratio, overlay rule, illustration style, or image-frame token is established by the supplied capture.
 
-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.
+## 7. Iconography
 
-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.
+The capture identifies ordinary links, buttons, and product imagery but no named icon library, icon-stroke rule, or reusable icon-size scale. No icon token is inferred.
 
-## 12. Personas (inferred — verify before reuse)
+## 8. Motion
 
-These are reasoned inferences from the surface IA and proof bands, not user research:
+No duration, easing, transition, scroll, or interaction sequence was captured. Motion is intentionally undocumented instead of inferred from Webflow classes or from the static pricing-tab markup.
 
-- **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.
+## 9. Accessibility
 
-`[FILL IN]` named personas, demographics, and motivations require Upstage-internal data — left as placeholders.
+- `#0A0D14` on `#FFFFFF` and `#5B52FF` on `#FFFFFF` are observed public text/action pairings; implementations should test each exact size and weight rather than treating this reference as an accessibility audit.
+- The supplied capture does not establish focus-visible, keyboard, disabled, error, dialog, or menu states. Provide accessible behavior in an implementation without claiming it is an observed Upstage state.
+- Geist has live FontFaceSet/source corroboration. Espeak is live only in the observed marketing hero; declared-only and system families must not be rendered as Upstage UI-family substitutes.
 
-## 13. Anti-Patterns (what NOT to import)
+## 10. Voice & Tone
 
-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.
+**Voice adjectives:** precise · enterprise-ready · workflow-oriented
 
-## 14. References & Citations
+| Do | Don't |
+|---|---|
+| Start from a document-heavy or high-stakes workflow. | Lead with an abstract AI-superlative detached from work. |
+| Connect a model or agent to control, traceability, and deployment context. | Claim a capability without describing its operational setting. |
+| Use concise, direct conversion labels. | Inflate marketing copy with invented benchmark or customer claims. |
+| Separate public product promises from unobserved logged-in UI behavior. | Treat a marketing page as proof of a complete product design system. |
 
-- **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.
+These are source-derived communication characteristics, not permission to reuse Upstage copy verbatim.
 
-## 15. Verification Footer
+## 11. Brand Narrative
 
-**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)
+Upstage’s first-party About page says the company was founded in 2020 and builds intelligence for the future of work through language models and document-processing engines. Its founding story explains the name as helping companies move “up” to the stage of AI and describes the initial motivation as making advanced AI practical for organizations with data and IT teams. The current public site presents Solar, Document Parse, Information Extract, Studio, and AI Space, with industry framing for insurance, healthcare, manufacturing, and financial services.
 
-**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.
+The current evolution is toward document workflows that can be designed, deployed, and operated with visibility, control, governance, review, and traceability. Studio’s public page makes that product direction explicit while the About page supplies company context. Neither page is treated as evidence for private application visual tokens.
 
-**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.
+## 12. Principles
+
+1. **Make work context explicit.** Frame the value around documents, operational control, and the environment where a model is deployed. *UI implication:* keep public claims tied to an identifiable workflow rather than generic capability badges.
+2. **Reserve violet for conversion.** `#5B52FF` is observed on the public action treatments. *UI implication:* do not expand it into unsupported product status meanings.
+3. **Use typography by source domain.** Geist is the loaded public UI/content family; Espeak is the bounded marketing display face. *UI implication:* do not use the hero face as a general product-app default.
+4. **Preserve evidence boundaries.** Marketing, public pricing, corporate narrative, asset distribution, and unobserved documentation/app surfaces have different evidentiary roles. *UI implication:* do not merge their claims into a fictional unified component library.
+
+## 13. Personas
+
+Upstage’s public pages identify stakeholder groups without supplying formal user research or demographics. This reference preserves only those named functional contexts:
+
+- **Document-workflow teams:** use Studio to design, deploy, and operate document-oriented agents with review and governance.
+- **Enterprise technology and operations leaders:** evaluate deployment, traceability, security, and controlled access in high-stakes workflows.
+- **AI/API builders:** evaluate Solar and document-intelligence services through public pricing and developer-oriented conversion paths.
+
+No fictional names, demographic details, or unverified motivations are added.
+
+## 14. States
+
+No loading, empty, success, error, disabled, focus, or validation state is documented. The API-pricing capture contains a static current tab and inactive tab markup, but the zero-interaction bundle does not establish behavior or transitions; it is therefore not a behavioral state specification.
+
+## 15. Motion & Easing
+
+No motion or easing values were captured. Preserve that absence rather than assigning default curves or durations.
 
 ## 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
+
+- Use the observed white / dark-ink public-surface foundation with `#5B52FF` reserved for conversion actions.
+- Keep Geist as the loaded general public UI/content family and confine Espeak to the verified public marketing-display context.
+- Use the 8px action/card geometry only where the public evidence establishes it.
+- Keep public pricing-card claims separate from marketing, corporate, documentation, and logged-in product UI claims.
+- Retain selector and surface provenance when reusing a documented component pattern.
 
 ### 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
+
+- Reintroduce the prior plum or Solar-lime palette as a current token without fresh source evidence.
+- Present Archivo, Inter, Montserrat, Noto Sans JP/KR, `system-ui`, or `monospace` as an Upstage UI-family token.
+- Invent hover, focus, pressed, disabled, dialog, or form variants from the uncorroborated state fragments.
+- Treat the Brand Resource Center’s asset ownership notice as a licence to redistribute logos, photographs, or the Espeak face.
+- Infer an authenticated product design system from these public surfaces.