oh-my-design-cli 1.8.6 → 1.9.0

package/web/references/sktelecom/DESIGN.md

@@ -0,0 +1,310 @@
+---
+id: sktelecom
+name: SK텔레콤
+display_name_kr: SK텔레콤
+country: KR
+category: consumer-tech
+homepage: https://www.sktelecom.com/
+primary_color: "#3a46cd"
+logo:
+  type: favicon
+  slug: "https://www.google.com/s2/favicons?domain=sktelecom.com&sz=128"
+verified: "2026-07-13"
+omd: "0.1"
+verification_v2:
+  schema: 2
+  checked: "2026-07-13"
+  surfaces:
+    - { id: home, kind: product-surface, url: "https://www.sktelecom.com/", inspected: "2026-07-13" }
+    - { id: brand, kind: official-doc, url: "https://www.sktelecom.com/view/introduce/brand.do", inspected: "2026-07-13" }
+  sources:
+    - { id: home-live, kind: product-surface, url: "https://www.sktelecom.com/", captured: "2026-07-13" }
+    - { id: brand-live, kind: official-doc, url: "https://www.sktelecom.com/view/introduce/brand.do", captured: "2026-07-13" }
+    - { id: skt-sans-regular, kind: brand-asset, url: "https://www.sktelecom.com/fonts/SKTSans-Regular.woff2", captured: "2026-07-13" }
+    - { id: ai-company-vision, kind: official-doc, url: "https://news.sktelecom.com/182728", captured: "2026-07-13" }
+    - { id: t-brand-renewal, kind: official-doc, url: "https://news.sktelecom.com/182844", captured: "2026-07-13" }
+    - { id: current-company-facts, kind: official-doc, url: "https://news.sktelecom.com/223776", captured: "2026-07-13" }
+  conflicts: []
+  claims:
+    "tokens.colors.brand-link": &brand { surface_id: brand, source_id: brand-live, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.foreground": *brand
+    "tokens.colors.strong": *brand
+    "tokens.colors.muted": *brand
+    "tokens.colors.hairline": *brand
+    "tokens.colors.action-fill": &home { surface_id: home, source_id: home-live, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.on-action": *home
+    "tokens.typography.family.ui": &font { surface_id: home, source_id: home-live, method: computed-style-fontfaceset-source, captured: "2026-07-13" }
+    "tokens.typography.family.display": *font
+    "tokens.typography.body.size": *home
+    "tokens.typography.body.weight": *home
+    "tokens.typography.body.lineHeight": *home
+    "tokens.typography.body.use": *home
+    "tokens.typography.navigation.size": *brand
+    "tokens.typography.navigation.weight": *brand
+    "tokens.typography.navigation.lineHeight": *brand
+    "tokens.typography.navigation.use": *brand
+    "tokens.typography.display.size": *font
+    "tokens.typography.display.weight": *font
+    "tokens.typography.display.lineHeight": *font
+    "tokens.typography.display.use": *font
+    "tokens.spacing.xs": *home
+    "tokens.spacing.sm": *brand
+    "tokens.spacing.md": *brand
+    "tokens.spacing.lg": *brand
+    "tokens.spacing.xl": *brand
+    "tokens.rounded.square": *brand
+    "tokens.rounded.media-tile": *home
+    "tokens.shadow.flat": *brand
+    "tokens.components.brand-current-link.type": *brand
+    "tokens.components.brand-current-link.fg": *brand
+    "tokens.components.brand-current-link.padding": *brand
+    "tokens.components.brand-current-link.font": *brand
+    "tokens.components.brand-current-link.use": *brand
+    "tokens.components.resource-download.type": *brand
+    "tokens.components.resource-download.bg": *brand
+    "tokens.components.resource-download.fg": *brand
+    "tokens.components.resource-download.border": *brand
+    "tokens.components.resource-download.radius": *brand
+    "tokens.components.resource-download.padding": *brand
+    "tokens.components.resource-download.font": *brand
+    "tokens.components.resource-download.use": *brand
+    "tokens.components.outline-title-link.type": *brand
+    "tokens.components.outline-title-link.bg": *brand
+    "tokens.components.outline-title-link.fg": *brand
+    "tokens.components.outline-title-link.border": *brand
+    "tokens.components.outline-title-link.radius": *brand
+    "tokens.components.outline-title-link.padding": *brand
+    "tokens.components.outline-title-link.height": *brand
+    "tokens.components.outline-title-link.font": *brand
+    "tokens.components.outline-title-link.use": *brand
+    "tokens.components.top-action.type": *home
+    "tokens.components.top-action.bg": *home
+    "tokens.components.top-action.fg": *home
+    "tokens.components.top-action.radius": *home
+    "tokens.components.top-action.padding": *home
+    "tokens.components.top-action.height": *home
+    "tokens.components.top-action.font": *home
+    "tokens.components.top-action.states": *home
+    "tokens.components.top-action.use": *home
+tokens:
+  source: live-extract
+  extracted: "2026-07-13"
+  note: "Only selector-backed values from the supplied SK텔레콤 home and brand page are tokens. Corporate/brand narrative, T brand renewal, font asset delivery, and unobserved interaction behavior remain separate evidence domains."
+  colors:
+    brand-link: "#3a46cd"
+    foreground: "#1a2232"
+    strong: "#3a404e"
+    muted: "#595e6b"
+    hairline: "#d0d1d3"
+    action-fill: "#727887"
+    on-action: "#ffffff"
+  typography:
+    family: { ui: "SKT Sans Text", display: "SKT Sans Display" }
+    body: { size: 15, weight: 600, lineHeight: 27, use: "Repeated public page body text" }
+    navigation: { size: 16, weight: 600, lineHeight: 20, use: "Brand-page navigation links" }
+    display: { size: 24, weight: 700, lineHeight: 38.4, use: "Observed SKT Sans Display body-heading treatment; not a complete type scale" }
+  spacing: { xs: 6, sm: 12, md: 16, lg: 24, xl: 40 }
+  rounded: { square: 0, media-tile: 16 }
+  shadow: { flat: "none" }
+  components:
+    brand-current-link: { type: listItem, fg: "#3a46cd", padding: "0px 12px", font: "16px / 600 / SKT Sans Text", use: "Static current-page link on the public brand navigation" }
+    resource-download: { type: listItem, bg: "transparent", fg: "#1a2232", border: "1px solid #727887", radius: 0, padding: "11px 24px", font: "13px / 600 / SKT Sans Text", use: "Public brand-page download link" }
+    outline-title-link: { type: listItem, bg: "transparent", fg: "#595e6b", border: "1px solid #d0d1d3", radius: 0, padding: "6px 12px 6px 16px", height: 34, font: "12px / 600 / SKT Sans Text", use: "Public footer/title link" }
+    top-action: { type: button, bg: "#727887", fg: "#ffffff", radius: 0, padding: "1px 6px", height: 58, font: "10px / 700 / SKT Sans Text", states: "default observed; interaction count 0, so no hover, focus, pressed, disabled, or error state is retained", use: "Public desktop/tablet top action" }
+  components_harvested: true
+---
+
+# Design System Inspiration of SK텔레콤
+
+## 1. Visual Theme & Atmosphere
+
+SK텔레콤 is a Korean connectivity and consumer-technology company whose public ecosystem joins telecommunications with AI services and infrastructure. Its current corporate expression is less about a single consumer-app shell than a clear transition from the legacy meaning of “Telecom” toward Technology, Tomorrow, and Together: the company’s 2022 T-brand renewal describes the T form as an open door to the future, while its AI Company vision frames technology and services around benefiting customers. On the two supplied public surfaces, that forward-looking story resolves into an orderly, typographic corporate interface: loaded SKT Sans families, white or transparent fields, square controls, cool charcoal neutrals, and a saturated blue current-link treatment. The current company facts describe a continuing move toward an AI-infrastructure and full-stack AI-provider role; that strategic evolution is brand context, not a license to turn AI campaign visuals into web tokens.
+
+**Key characteristics:**
+
+- Public brand navigation uses `#3A46CD` for the current-page treatment, with `#727887` as the observed filled top action.
+- SKT Sans Text and SKT Sans Display are both loaded first-family faces on the supplied public pages.
+- Captured actions are square (`0px` radius); 16px rounding is confined to observed media-tile links.
+- The retained values describe the public home and brand-information page only, not T world, A., native apps, advertising, or a general SK텔레콤 product design system.
+
+## 2. Color Palette & Roles
+
+| Role | Value | Usage and evidence boundary |
+| --- | --- | --- |
+| Brand current-link | `#3A46CD` | Current-page and focused public brand-navigation links; this is an observed public navigation treatment. |
+| Foreground | `#1A2232` | Public brand-page resource-download text only. |
+| Strong link text | `#3A404E` | Repeated stronger public link text on the supplied pages. |
+| Muted link text | `#595E6B` | Public footer/title link text. |
+| Hairline | `#D0D1D3` | 1px outline on the footer/title link. |
+| Action fill | `#727887` | Observed desktop/tablet top-action fill. |
+| On action | `#FFFFFF` | Text on that `#727887` top action. |
+
+T Blue and T Red are named in SK텔레콤’s 2022 renewal story as brand colors, but the supplied computed-style evidence does not establish their official palette values or product roles. This reference therefore does not manufacture a T Blue hex or use a corporate color story to overwrite the measured public-link values above.
+
+## 3. Typography Rules
+
+### Evidence classes
+
+| Evidence class | Family and boundary |
+| --- | --- |
+| Official product-use | No separate first-party announcement in the consulted material states that a named family applies to all SK텔레콤 apps or services. |
+| Live computed surface-use | `SKT Sans Text` is loaded with high confidence and is the visible first family in 291 supplied observations across text, buttons, badges, and list items. `SKT Sans Display` is loaded with high confidence and appears in seven supplied visible observations, including heading/body-heading roles. |
+| Official distributed brand asset | The supplied artifact records SK텔레콤-hosted WOFF/WOFF2 delivery URLs for SKT Sans Text weights and SKT Sans Display weights. This establishes delivery on the captured public pages, not a redistribution grant. |
+| Declared-only | `swiper-icons` has an `@font-face` declaration but no visible use in the supplied capture. It is not a brand typography token. |
+| Unresolved | No first-party public font licence or general re-use permission was found in the consulted sources. Do not treat the hosted files as permission to distribute the faces. |
+
+### Captured public hierarchy
+
+| Role | Family | Size | Weight | Line height | Evidence boundary |
+| --- | --- | ---: | ---: | ---: | --- |
+| Public body | SKT Sans Text | 15px | 600 | 27px | Repeated public-page body samples; not a complete body scale. |
+| Brand navigation | SKT Sans Text | 16px | 600 | 20px | Public brand-page navigation links. |
+| Display treatment | SKT Sans Display | 24px | 700 | 38.4px | Six visible public body-heading observations only. |
+| Larger display sample | SKT Sans Display | 48px | 700 | 48px | One `h3` observation only; not promoted to a global token. |
+
+## 4. Component Stylings
+
+### Brand navigation link
+
+**Current page**
+- Background: transparent
+- Text: `#3A46CD`
+- Border: none
+- Radius: 0px
+- Padding: 0px 12px
+- Font: 16px / 600 / SKT Sans Text
+- Use: `surface-2::[data-omd-capture="11"]`, static current-page brand navigation
+
+### Resource download link
+
+**Default**
+- Background: transparent
+- Text: `#1A2232`
+- Border: 1px solid `#727887`
+- Radius: 0px
+- Padding: 11px 24px
+- Font: 13px / 600 / SKT Sans Text
+- Use: `surface-2::[data-omd-capture="13"]` and `"14"`, public brand-page download links
+
+### Outline title link
+
+**Default**
+- Background: transparent
+- Text: `#595E6B`
+- Border: 1px solid `#D0D1D3`
+- Radius: 0px
+- Padding: 6px 12px 6px 16px
+- Height: 34px
+- Font: 12px / 600 / SKT Sans Text
+- Use: `home::[data-omd-capture="39"]` and `surface-2::[data-omd-capture="70"]`, public footer/title links
+
+### Top action
+
+**Desktop/tablet default**
+- Background: `#727887`
+- Text: `#FFFFFF`
+- Radius: 0px
+- Padding: 1px 6px
+- Height: 58px
+- Font: 10px / 700 / SKT Sans Text
+- Use: `home::[data-omd-capture="29"]` and `surface-2::[data-omd-capture="60"]`, public desktop/tablet top action
+
+The artifact retains static CSS snapshots with `state-hover`, `state-pressed`, and `state-focus` selector suffixes, but its top-level `interactions` array is empty and `interactionCount` is zero. They are recorded as raw proof only, not promoted to interaction-state tokens or a behavior contract.
+
+---
+**Verified:** 2026-07-13
+**Tier 1 sources:** https://www.sktelecom.com/ | https://www.sktelecom.com/view/introduce/brand.do
+**Tier 2 sources:** https://getdesign.md/sktelecom (attempted; no usable response) | https://styles.refero.design/?q=SK%20Telecom (attempted; no usable response)
+**Conflicts unresolved:** none
+
+## 5. Layout Principles
+
+The supplied desktop captures (1440×900) use spacing clusters of 6, 12, 16, 24, and 40px. On the brand page, 24px and 40px recur around content controls and information groups; they are measured spacing values, not proof of a complete modular grid. The current-page navigation uses compact 16px text with 12px inline padding, while resource links expand horizontally through 11px × 24px padding. Preserve this contrast between dense navigation and spacious resource actions rather than inventing a mobile grid or a universal card layout.
+
+## 6. Depth & Elevation
+
+All retained component representatives report `box-shadow: none`. That supports a flat treatment for these public brand-page links and top action. It does not establish that SK텔레콤 product, marketing, retail, native-app, or campaign interfaces never use shadow, gradients, imagery, or elevation.
+
+## 7. Do's and Don'ts
+
+### Do
+
+- Use SKT Sans Text or SKT Sans Display only when the supplied, SK텔레콤-hosted face is actually available and its deployment is permitted.
+- Keep the measured current-page blue `#3A46CD` in the brand-navigation context from which it was captured.
+- Retain the square, transparent outline treatment for the observed resource and footer/title links.
+- Treat the 16px media-tile rounding as local to the observed tile links, not as a global control radius.
+
+### Don't
+
+- Substitute a system font and label it SKT Sans.
+- Convert T Blue, T Red, AI campaign art, or brand-story language into a measured UI token without direct evidence.
+- Generalize the 58px desktop/tablet top action into a mobile primary button.
+- Invent responsive breakpoints, input states, dialogs, toast behavior, timing, easing, or component variants from static captures.
+
+## 8. Responsive Behavior
+
+The only supplied viewport is 1440×900. It establishes the listed desktop public-page values and does not establish a mobile type scale, breakpoints, stacking, touch target, or responsive component contract. Re-measure the actual target surface before assigning those values.
+
+## 9. Agent Prompt Guide
+
+For a public SK텔레콤 corporate-information composition, use the verified language narrowly: a typographic, flat, square-cornered frame; SKT Sans Text for available compact body/navigation copy; SKT Sans Display for the observed display treatment; dark charcoal links; and a saturated `#3A46CD` current-page navigation cue. Use transparent resource links with 1px neutral outlines and a `#727887`/white top action only in their measured desktop/tablet contexts. Keep the T-brand “open door” and AI Company material as narrative direction rather than color-token instructions. Do not present fallback fonts, unmeasured T Blue/T Red values, or unobserved app controls as SK텔레콤 facts.
+
+## 10. Voice & Tone
+
+Official material frames SK텔레콤’s current direction around technology and services that benefit customers, an “OPEN” motif, and a transition toward AI infrastructure and services. The usable voice is forward-looking, useful, and direct; it should explain a concrete benefit or next step rather than rely on empty futurism.
+
+| Do | Don't |
+| --- | --- |
+| Connect technology to a concrete customer or societal use. | Use “AI” as a standalone promise without explaining what changes. |
+| Use clear, open language for navigation and resource actions. | Turn an unmeasured visual pattern into a brand command. |
+| Keep corporate, service, and brand surfaces named when their evidence differs. | Collapse telecom, AI infrastructure, and every consumer service into one UI claim. |
+
+Illustrative tone samples (characterization, not source copy):
+
+- “Choose the service that helps you stay connected today.”
+- “Explore the technology and information behind the next step.”
+- “See how this service can make a customer task clearer.”
+
+## 11. Brand Narrative
+
+SK텔레콤’s current story begins with connectivity but is explicitly moving beyond a telecommunications-only frame. In its 2022 vision announcement, the company described its direction as becoming an AI Company that benefits customers through technology and services. The associated T/B brand renewal gives that turn a visible motif: “OPEN,” represented by an open-door form and a redefinition of T through Technology, Tomorrow, and Together.
+
+That shift remains active rather than historical. A 2026 official fact sheet describes SK텔레콤 as advancing toward an AI-infrastructure architect and full-stack AI provider, joining technology, infrastructure, and services while redesigning products around customers. The two captured public pages should be read as corporate and brand-information surfaces within that broader evolution; they do not document the UI systems of each consumer service.
+
+## 12. Principles
+
+1. **Make technology useful to customers.** SK텔레콤’s AI Company vision explicitly links technology and services with customer benefit.
+   *UI implication:* explain the user outcome beside a technical feature; do not let a technical label do all the work.
+
+2. **Keep the future open and legible.** The 2022 renewal uses “OPEN” and an open door as its design motif.
+   *UI implication:* use clear pathways and named actions, while treating this as narrative guidance rather than a measured layout rule.
+
+3. **Connect infrastructure, services, and society without conflating their surfaces.** The current fact sheet spans customer AI, national AI infrastructure, and continued internal transformation.
+   *UI implication:* preserve source-domain labels; a corporate infrastructure claim does not supply a consumer-product token.
+
+4. **Pair innovation with responsibility.** The current fact sheet places “DO THE GOOD AI” in SK텔레콤’s ESG context.
+   *UI implication:* when communicating AI, state the applicable benefit, boundary, or responsibility instead of using generic assurance language.
+
+## 13. Personas
+
+The following are stakeholder archetypes derived from official strategy descriptions, not research-backed individual personas or claims about a specific app’s users.
+
+### Connected customer
+
+Someone choosing or using SK텔레콤 services and looking for a clear benefit from connectivity or AI-enabled support. Use direct explanations and avoid making infrastructure terminology the only way to understand a task.
+
+### Enterprise or industry collaborator
+
+An organization evaluating AI infrastructure, transformation, or service capabilities. Keep product/service claims, architecture information, and partnership context distinct from consumer-interface guidance.
+
+### Korean AI ecosystem stakeholder
+
+A public, institutional, or industry participant concerned with the wider AI-infrastructure and sovereign-AI agenda described by SK텔레콤. Communicate scope and responsibility precisely; this is not evidence for a consumer-screen persona.
+
+## 14. States
+
+No component-state matrix is retained. The supplied evidence bundle has zero recorded interaction expansions and no selector-backed loading, empty, error, success, disabled, dialog, toast, or form-validation contract. Static state-like CSS snapshots remain documented in `.verification.md` but are not represented as usable product states.
+
+## 15. Motion & Easing
+
+No duration, easing, transition, or animation token is retained. The supplied public-page capture has no interaction records, so motion behavior is unresolved at the smallest group boundary rather than approximated with a generic corporate motion scale.

package/web/references/socar/DESIGN.md

@@ -4,11 +4,11 @@ name: SOCAR
 country: KR
 category: consumer-tech
 homepage: "https://www.socar.kr"
-primary_color: "#000000"
+primary_color: "#0078ff"
 logo:
   type: favicon
   slug: "https://www.google.com/s2/favicons?domain=socar.kr&sz=256"
-verified: "2026-05-15"
+verified: "2026-07-12"
 omd: "0.1"
 ds:
   name: SOCAR Design
@@ -16,41 +16,120 @@ ds:
   type: system
   description: SOCAR's design system hub — Space Frame, SOCAR Blue, Sandoll Gothic Neo2 + Avenir typography, and mobility-flow component patterns.
   og_image: "https://design.socar.kr/og.jpg"
+verification_v2:
+  schema: 2
+  checked: "2026-07-12"
+  surfaces:
+    - { id: home, kind: marketing-product, url: "https://www.socar.kr/", inspected: "2026-07-12" }
+    - { id: service, kind: product-directory, url: "https://www.socar.kr/service", inspected: "2026-07-12" }
+    - { id: guide, kind: product-guide, url: "https://www.socar.kr/guide", inspected: "2026-07-12" }
+    - { id: brand, kind: brand-center, url: "https://design.socar.kr/", inspected: "2026-07-12" }
+    - { id: fare, kind: product-guide, url: "https://www.socar.kr/fare", inspected: "2026-07-12" }
+  sources:
+    - { id: home-live, kind: product-surface, url: "https://www.socar.kr/", captured: "2026-07-12" }
+    - { id: service-live, kind: product-surface, url: "https://www.socar.kr/service", captured: "2026-07-12" }
+    - { id: guide-live, kind: product-surface, url: "https://www.socar.kr/guide", captured: "2026-07-12" }
+    - { id: brand-live, kind: brand-asset, url: "https://design.socar.kr/", captured: "2026-07-12" }
+    - { id: fare-live, kind: product-surface, url: "https://www.socar.kr/fare", captured: "2026-07-12" }
+  conflicts: []
+  claims:
+    "tokens.colors.primary": &guide_evidence { surface_id: guide, source_id: guide-live, method: live-inspect, captured: "2026-07-12" }
+    "tokens.colors.canvas": &home_evidence { surface_id: home, source_id: home-live, method: live-inspect, captured: "2026-07-12" }
+    "tokens.colors.foreground": *home_evidence
+    "tokens.colors.secondary": *home_evidence
+    "tokens.colors.muted": *home_evidence
+    "tokens.colors.on-primary": *guide_evidence
+    "tokens.colors.surface": *home_evidence
+    "tokens.colors.hairline": *home_evidence
+    "tokens.typography.family.product": *home_evidence
+    "tokens.typography.family.brand-center": &brand_evidence { surface_id: brand, source_id: brand-live, method: live-inspect, captured: "2026-07-12" }
+    "tokens.typography.h1.size": *home_evidence
+    "tokens.typography.h1.weight": *home_evidence
+    "tokens.typography.h1.lineHeight": *home_evidence
+    "tokens.typography.h1.use": *home_evidence
+    "tokens.typography.h2.size": *home_evidence
+    "tokens.typography.h2.weight": *home_evidence
+    "tokens.typography.h2.lineHeight": *home_evidence
+    "tokens.typography.h2.use": *home_evidence
+    "tokens.typography.body.size": *home_evidence
+    "tokens.typography.body.weight": *home_evidence
+    "tokens.typography.body.lineHeight": *home_evidence
+    "tokens.typography.body.use": *home_evidence
+    "tokens.typography.caption.size": *home_evidence
+    "tokens.typography.caption.weight": *home_evidence
+    "tokens.typography.caption.lineHeight": *home_evidence
+    "tokens.typography.caption.use": *home_evidence
+    "tokens.spacing.xs": *home_evidence
+    "tokens.spacing.sm": *home_evidence
+    "tokens.spacing.md": *home_evidence
+    "tokens.spacing.base": *home_evidence
+    "tokens.spacing.lg": *home_evidence
+    "tokens.rounded.sm": *home_evidence
+    "tokens.rounded.action": *guide_evidence
+    "tokens.rounded.card": *home_evidence
+    "tokens.rounded.full": *home_evidence
+    "tokens.shadow.flat": *home_evidence
+    "tokens.shadow.floating": *home_evidence
+    "tokens.components.primary-action.type": *guide_evidence
+    "tokens.components.primary-action.bg": *guide_evidence
+    "tokens.components.primary-action.fg": *guide_evidence
+    "tokens.components.primary-action.radius": *guide_evidence
+    "tokens.components.primary-action.padding": *guide_evidence
+    "tokens.components.primary-action.font": *guide_evidence
+    "tokens.components.primary-action.states": *guide_evidence
+    "tokens.components.primary-action.use": *guide_evidence
+    "tokens.components.search-action.type": *home_evidence
+    "tokens.components.search-action.bg": *home_evidence
+    "tokens.components.search-action.fg": *home_evidence
+    "tokens.components.search-action.radius": *home_evidence
+    "tokens.components.search-action.padding": *home_evidence
+    "tokens.components.search-action.font": *home_evidence
+    "tokens.components.search-action.states": *home_evidence
+    "tokens.components.search-action.use": *home_evidence
+    "tokens.components.region-list.type": *home_evidence
+    "tokens.components.region-list.bg": *home_evidence
+    "tokens.components.region-list.fg": *home_evidence
+    "tokens.components.region-list.radius": *home_evidence
+    "tokens.components.region-list.padding": *home_evidence
+    "tokens.components.region-list.use": *home_evidence
+    "tokens.components.floating-control.type": *home_evidence
+    "tokens.components.floating-control.bg": *home_evidence
+    "tokens.components.floating-control.fg": *home_evidence
+    "tokens.components.floating-control.radius": *home_evidence
+    "tokens.components.floating-control.padding": *home_evidence
+    "tokens.components.floating-control.font": *home_evidence
+    "tokens.components.floating-control.states": *home_evidence
+    "tokens.components.floating-control.use": *home_evidence
 tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
-  note: "SOCAR Blue brand hex unpublished; web chrome intentionally achromatic, so primary maps to ink #000000 / neutral scale"
+  source: reconciled
+  extracted: "2026-07-12"
+  note: "Five current first-party surfaces. Product web uses loaded Pretendard; the brand center separately loads IBM Plex Sans KR. swiper-icons is declared-only."
   colors:
-    primary: "#000000"
+    primary: "#0078ff"
     canvas: "#ffffff"
     foreground: "#354153"
-    body: "#354153"
+    secondary: "#697383"
     muted: "#b4bbcb"
     on-primary: "#ffffff"
     surface: "#f2f3f8"
-    surface-footer: "#f5f5f5"
     hairline: "#e5e8ef"
   typography:
-    family: { sans: "Pretendard", mono: "Pretendard" }
-    h1:     { size: 26, weight: 700, lineHeight: 1.38, use: "Single hero line" }
-    h2:     { size: 22, weight: 700, lineHeight: 1.36, use: "Section titles" }
-    h3:     { size: 16, weight: 600, lineHeight: 1.50, use: "City names, card headings" }
-    nav:    { size: 16, weight: 600, use: "Header navigation items" }
-    body:   { size: 16, weight: 400, use: "Card descriptions, copy" }
-    button: { size: 14, weight: 600, use: "Search CTA label" }
-  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 24, xl: 32 }
-  rounded: { sm: 12, md: 14, lg: 16, full: 9999 }
+    family: { product: "Pretendard", brand-center: "IBM Plex Sans KR" }
+    h1: { size: 26, weight: 700, lineHeight: 1.38, use: "Large current product heading" }
+    h2: { size: 22, weight: 700, lineHeight: 1.36, use: "Section heading" }
+    body: { size: 16, weight: 400, lineHeight: 1.5, use: "Product body and list text" }
+    caption: { size: 14, weight: 400, lineHeight: 1.57, use: "Supporting product copy" }
+  spacing: { xs: 4, sm: 10, md: 14, base: 16, lg: 20 }
+  rounded: { sm: 4, action: 14, card: 12, full: 48 }
   shadow:
-    card: "rgba(0,0,0,0.1) 0px 4px 8px 0px"
+    flat: "none"
+    floating: "rgba(38,47,60,0.04) 0px 0px 6px, rgba(38,47,60,0.04) 0px 3px 2px, rgba(38,47,60,0.08) 0px 2px 8px"
   components_harvested: true
   components:
-    button-primary: { type: button, fg: "#ffffff", radius: "12px", padding: "12px 18px", font: "14px / 600", use: "Primary booking CTA (SOCAR Blue in funnel)" }
-    button-search: { type: button, bg: "#f2f3f8", fg: "#b4bbcb", radius: "12px", padding: "12px 18px", font: "14px / 600", use: "Neutral search trigger, state-swaps when complete" }
-    link-nav: { type: button, bg: "transparent", fg: "#354153", font: "16px / 600", use: "Top nav text link, no underline/hover bg" }
-    card: { type: card, bg: "#ffffff", radius: "16px", shadow: "rgba(0,0,0,0.1) 0px 4px 8px 0px", use: "Article / promo tile" }
-    card-region: { type: card, bg: "#ffffff", border: "1px solid #e5e8ef", radius: "14px", padding: "20px", fg: "#354153", use: "Location/region booking entry tile" }
-    chip-timerange: { type: badge, bg: "#ffffff", border: "1px solid #e5e8ef", radius: "14px", padding: "0 12px", font: "16px / 400", use: "Date-time range selector chip" }
-    input: { type: input, bg: "#ffffff", fg: "#354153", border: "1px solid #e5e8ef", radius: "12px", padding: "0 13px", font: "16px / 400", use: "Search field; placeholder #b4bbcb" }
+    primary-action: { type: button, bg: "#0078ff", fg: "#ffffff", radius: "14px", padding: "16px 22px", font: "16px / 600", states: "default captured; no safe active expansion", use: "Prominent guide/product action" }
+    search-action: { type: button, bg: "#f2f3f8", fg: "#b4bbcb", radius: "12px", padding: "12px 18px", font: "14px / 600", states: "disabled appearance captured", use: "Home search action before required values are complete" }
+    region-list: { type: listItem, bg: "#f9f9fb", fg: "#354153", radius: "12px", padding: "24px 16px", use: "Home region or destination collection item" }
+    floating-control: { type: button, bg: "#ffffff", fg: "#354153", radius: "48px", padding: "11px", font: "14px / 600", states: "default and pressed snapshots observed", use: "Floating circular navigation/control button" }
 ---
 
 # Design System Inspiration of SOCAR
@@ -59,7 +138,7 @@ tokens:
 
 SOCAR (쏘카) is Korea's dominant car-sharing platform, and its web surface reads exactly like the product it sells: clean, calm, gently confident — a service that wants to disappear out of the user's way the moment a car has to be reserved. The site opens on pure white, runs body text in **Pretendard** (the de-facto Korean web sans), and keeps the entire chrome in a soft cool-grey palette anchored by `#354153` for body text and `#e5e8ef` for borders. Nothing about the home page asks for attention except the action you came for: pick a time, pick a location, see a car.
 
-The 2024 SOCAR rebrand is the explicit context. The company replaced its earlier playful identity with the **SOCAR Space Frame** — a trapezoidal symbol below the wordmark, intended to read as *"a vessel that carries new experiences"* — and shifted its primary color to **SOCAR Blue**, deliberately chosen *to convey gravity and seriousness* ([abocado.kr 리브랜딩 케이스](https://abocado.kr/brand_news/news_detail?no=52)). Web surfaces inherit that posture: an achromatic chrome that lets the blue do the brand-flagging work where it matters (CTAs, the symbol, the app store badges), and stays out of the way everywhere else.
+The current SOCAR brand center frames the company around flexible, clear-and-bold, and expanding mobility, with “Lifetime Mobility” extending the brand beyond a single car-sharing task. Product web surfaces translate that posture into a restrained cool-grey interface and a directly observed action blue `#0078ff`. The brand center is a separate evidence surface: it loaded IBM Plex Sans KR, while the main product web used Pretendard.
 
 What distinguishes SOCAR from other Korean transportation apps (Kakao Mobility's yellow, Tada's coral) is the **uniform 12–16px radius scale**. Search inputs round at 12px, search-row chips at 14px, content cards at 14–16px — a consistent, mid-rounded geometry that reads as friendly without tipping into consumer-app cuteness. Cards float on a single light shadow (`rgba(0,0,0,0.1) 0 4px 8px`), never the multi-layer chromatic stacks of fintech-grade UIs. The entire system feels like a thoughtful product page that has been quietly tuned for months.
 
@@ -79,14 +158,16 @@ What distinguishes SOCAR from other Korean transportation apps (Kakao Mobility's
 ## 2. Color Palette & Roles
 
 ### Primary (Brand)
-- **SOCAR Blue** (brand primary): The signature post-rebrand color. Used on the Space Frame symbol, app store badges, primary product CTAs in the booking flow. Public hex not published; widely read as a saturated mid-blue. ([abocado.kr](https://abocado.kr/brand_news/news_detail?no=52))
+- **SOCAR Blue / current action** (`#0078ff`): repeated live text/border color and filled guide action across current product surfaces.
 - **Pure White** (`#ffffff`): Page background, card surface, header background.
 
 ### Neutral Scale (verified live)
 - **Text Default** (`#354153` / `rgb(53, 65, 83)`): All body text, all heading text, all nav links. Not black. A cool blue-grey that does the work black would do in another system.
+- **Text Secondary** (`#697383` / `rgb(105, 115, 131)`): repeated supporting copy across home, service, guide, and fare.
 - **Footer Grey** (`#f5f5f5`): Footer background — the only sustained off-white on the page.
 - **Border Default** (`#e5e8ef` / `rgb(229, 232, 239)`): Card and tile borders.
 - **Input Fill** (`#f2f3f8` / `rgb(242, 243, 248)`): Search button / filled input background.
+- **Region Surface** (`#f9f9fb`): observed background for home destination/region collection items.
 - **Placeholder / Disabled Text** (`#b4bbcb` / `rgb(180, 187, 203)`): Search-button label, placeholder states.
 
 ### Supporting (post-rebrand brand system)
@@ -98,9 +179,21 @@ What distinguishes SOCAR from other Korean transportation apps (Kakao Mobility's
 
 ## 3. Typography Rules
 
+### Font evidence boundary
+
+| Evidence class | Resolution |
+|---|---|
+| Official product-use | Current brand-center and product surfaces are kept as separate typography domains. |
+| Live surface-use | Product web visibly used loaded Pretendard on 569 elements; the brand center loaded IBM Plex Sans KR. |
+| Official distributed asset | The brand center served IBM Plex Sans KR webfont assets from `design.socar.kr`. |
+| Declared-only | `swiper-icons` was declared with zero visible text usage. |
+| Unresolved | Native app typography remains unresolved until directly inspected. |
+
+Specimen availability is evaluated independently for brand and live web surfaces.
+
 ### Font Family
-- **Primary (web)**: `Pretendard, PretendardVariable, "PretendardVariable Fallback"`. Inspected live on socar.kr ([live, 2026-05-13](https://www.socar.kr/)). The full SOCAR brand standard names **산돌고딕네오2 (Sandoll Gothic Neo2)** for Korean and **Avenir** for Latin in official brand documents ([abocado.kr](https://abocado.kr/brand_news/news_detail?no=52)); on the public site these are substituted with Pretendard, the open-licensed Korean web variant that pairs naturally with Avenir-style Latin glyphs.
-- **No custom typeface on web** — unlike SOCAR's print/brand materials.
+- **Product web**: `Pretendard`, loaded/high confidence on home, service, guide, and fare.
+- **Brand center**: `IBM Plex Sans KR`, loaded from official brand-center assets. It is not substituted into product web roles.
 
 ### Hierarchy (verified computed values)
 
@@ -214,8 +307,8 @@ What distinguishes SOCAR from other Korean transportation apps (Kakao Mobility's
 
 ---
 
-**Verified:** 2026-05-13
-**Tier 1 sources:**
+**Verified:** 2026-07-12 (omd:migrate)
+**Tier 1 sources:** https://www.socar.kr/ ; https://www.socar.kr/service ; https://www.socar.kr/guide ; https://design.socar.kr/ ; https://www.socar.kr/fare
 - `https://www.socar.kr/` — live computed-style inspect (Pretendard family, `#354153` body, `#e5e8ef` borders, `#f2f3f8` input fill, `#b4bbcb` placeholder, 12/14/16px radii, `rgba(0,0,0,0.1) 0 4px 8px` card shadow, footer `#f5f5f5`, H1 26/700, H2 22/700, H3 16/600, nav 16/600)
 - `https://design.socar.kr/` — SOCAR Brand Center, navigated (SPA shell only via static fetch; live inspect of the booking flow's primary CTA could not be completed in this session because a shared browser session bounced between unrelated tabs after the first inspection)
 
@@ -227,7 +320,7 @@ What distinguishes SOCAR from other Korean transportation apps (Kakao Mobility's
 - `https://tech.socarcorp.kr/design/2020/06/23/socar-design-system-01.html` — SOCAR FRAME series #1 (process narrative; no hex specifics)
 - `https://tech.socarcorp.kr/fe/2026/02/23/socar-frame2-web.html` — SOCAR FRAME 2.0 web rollout (system architecture; no token table)
 
-**Conflicts unresolved:**
+**Conflicts unresolved:** none
 - Brand-document typefaces (Sandoll Gothic Neo2 / Avenir) vs. actual web fonts (Pretendard / PretendardVariable). Treated as intentional: brand print system uses the licensed faces; the public web substitutes Pretendard. Documented in §3.
 - Exact SOCAR Blue hex not publicly published. §1–§2 reference the color by its brand name; §9 lists it as "SOCAR Blue (brand-published hex pending — use Brand Center reference)" rather than guess.
 - SOCAR FRAME 2.0 component-level tokens (button height variants, dark-mode palette) live behind the internal SOCAR Frame docs and were not extracted in this run.