oh-my-design-cli 1.8.6 → 1.9.0

package/web/references/thsr/DESIGN.md

@@ -0,0 +1,284 @@
+---
+id: thsr
+name: Taiwan High Speed Rail
+display_name_kr: 台灣高鐵
+country: TW
+category: consumer-tech
+homepage: "https://www.thsrc.com.tw/"
+primary_color: "#ca4f0f"
+logo:
+  type: favicon
+  slug: "https://www.google.com/s2/favicons?domain=thsrc.com.tw&sz=128"
+verified: "2026-07-13"
+omd: "0.1"
+verification_v2:
+  schema: 2
+  checked: "2026-07-13"
+  surfaces:
+    - { id: home, kind: public-product-web, url: "https://www.thsrc.com.tw/", inspected: "2026-07-13" }
+    - { id: article-46de4c5f, kind: public-product-web, url: "https://www.thsrc.com.tw/ArticleContent/46de4c5f-7c2e-4583-bd4c-0f5d67fbb9b8", inspected: "2026-07-13" }
+    - { id: article-743c51ac, kind: public-product-web, url: "https://www.thsrc.com.tw/ArticleContent/743c51ac-124d-4b1a-a57b-1fd820848032", inspected: "2026-07-13" }
+  sources:
+    - { id: product-home, kind: product-surface, url: "https://www.thsrc.com.tw/", captured: "2026-07-13" }
+    - { id: product-article-46de4c5f, kind: product-surface, url: "https://www.thsrc.com.tw/ArticleContent/46de4c5f-7c2e-4583-bd4c-0f5d67fbb9b8", captured: "2026-07-13" }
+    - { id: product-article-743c51ac, kind: product-surface, url: "https://www.thsrc.com.tw/ArticleContent/743c51ac-124d-4b1a-a57b-1fd820848032", captured: "2026-07-13" }
+    - { id: corporate-identity, kind: brand-asset, url: "https://www.thsrc.com.tw/ArticleContent/605d1cb2-2d98-4d73-9586-7e8363ee44e3", captured: "2026-07-13" }
+    - { id: sustainability-mission, kind: official-doc, url: "https://www.thsrc.com.tw/corp/9012aea2-04b9-45f4-b3a4-8bcb6782f735", captured: "2026-07-13" }
+    - { id: annual-report, kind: official-doc, url: "https://www.thsrc.com.tw/Corp/e5d9a893-ea05-4ff7-80e6-cc71c46d2fb4/assets/d3d47001-95a2-457e-aeef-22b2e1cb45cd.pdf", captured: "2026-07-13" }
+  conflicts: []
+  claims:
+    "tokens.colors.primary": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.canvas": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.foreground": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.body": { surface_id: article-743c51ac, source_id: product-article-743c51ac, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.on-primary": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.family.ui": { surface_id: home, source_id: product-home, method: computed-style-and-FontFaceSet, captured: "2026-07-13" }
+    "tokens.typography.body.size": { surface_id: article-743c51ac, source_id: product-article-743c51ac, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.weight": { surface_id: article-743c51ac, source_id: product-article-743c51ac, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.lineHeight": { surface_id: article-743c51ac, source_id: product-article-743c51ac, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.use": { surface_id: article-743c51ac, source_id: product-article-743c51ac, method: selector-provenance, captured: "2026-07-13" }
+    "tokens.typography.section-heading.size": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.section-heading.weight": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.section-heading.lineHeight": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.section-heading.tracking": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.section-heading.use": { surface_id: home, source_id: product-home, method: selector-provenance, captured: "2026-07-13" }
+    "tokens.spacing.control-vertical": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.spacing.control-horizontal": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.spacing.dialog-inset": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.rounded.square": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.rounded.action": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.rounded.dialog": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.shadow.none": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.type": { surface_id: home, source_id: product-home, method: selector-provenance, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.bg": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.fg": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.radius": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.padding": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.height": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.font": { surface_id: home, source_id: product-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.states": { surface_id: home, source_id: product-home, method: collector-interaction-summary, captured: "2026-07-13" }
+    "tokens.components.public-booking-action.use": { surface_id: home, source_id: product-home, method: selector-provenance, captured: "2026-07-13" }
+tokens:
+  source: reconciled
+  extracted: "2026-07-13"
+  note: "Machine tokens are selector-backed observations from the supplied three-route public THSR capture. Corporate identity, mission, and declared-only fonts are retained as separate context or asset evidence; no unobserved state or fallback face is promoted."
+  colors:
+    primary: "#ca4f0f"
+    canvas: "#ffffff"
+    foreground: "#333333"
+    body: "#666666"
+    on-primary: "#ffffff"
+  typography:
+    family: { ui: "Noto Sans TC" }
+    body: { size: 16, weight: 400, lineHeight: "24px", use: "Observed on supplied public article list items; do not generalize to the T-EX app or unobserved purchase flows." }
+    section-heading: { size: 28, weight: 700, lineHeight: "42px", tracking: "5px", use: "Observed on the supplied public home heading only." }
+  spacing:
+    control-vertical: 12
+    control-horizontal: 20
+    dialog-inset: 20
+  rounded:
+    square: 0
+    action: 3
+    dialog: 5
+  shadow:
+    none: "none"
+  components_harvested: true
+  components:
+    public-booking-action: { type: button, bg: "#ca4f0f", fg: "#ffffff", radius: "3px", padding: "12px 20px", height: "53px", font: "16px / 400 / Noto Sans TC", states: "Default only; the supplied capture contains zero interaction records, so no hover, focus, pressed, disabled, or transition value is observed.", use: "Public home booking control at home::[data-omd-capture=\"46\"]; static geometry only." }
+---
+
+# Taiwan High Speed Rail — Design Reference
+
+## 1. Visual Theme & Atmosphere
+
+Taiwan High Speed Rail (THSR, 台灣高鐵) operates Taiwan’s north–south high-speed rail service and frames itself as more than transport: a life-service platform built around safer, faster, more comfortable travel. Its official history places incorporation in 1998, full Taipei–Zuoying operation in 2007, and a corporate-identity update in 2006. That long public-infrastructure role gives the brand a particular balance: the official flying-flag mark represents speed and advanced technology, while its flowing lines and orange-plus-gray palette are intended to carry care, optimism, and depth. The current corporate narrative keeps evolving from rail operation toward service, sustainability, local connection, and technology through its 4T framework—Transportation, Technology, Taiwan, and Touch. The supplied public-web capture expresses that intent in a restrained, flat interface: orange action fills punctuate a mostly white, charcoal, and gray reading environment. These product tokens describe only the three captured public web routes, not the T-EX app, ticketing completion, account, or station systems.
+
+**Key characteristics:**
+
+- Official brand meaning joins a flying-flag / “T” mark, orange optimism, gray depth, speed, and service detail.
+- Supplied public routes use `#CA4F0F` as a measured orange action fill against a white canvas with `#333333` and `#666666` text.
+- Noto Sans TC is the only loaded, high-confidence visible text family in the supplied capture.
+- The public controls observed here are flat and predominantly square; the 3px booking control and 5px dialog are bounded local exceptions.
+
+## 2. Layout & Grid
+
+- The evidence packet covers the public home route plus two official article routes at the collector viewport. It does not establish a breakpoint system, mobile layout, authenticated account layout, T-EX app layout, station kiosk, or purchase-completion layout.
+- The home capture includes a 53px orange booking control with `12px 20px` padding; the article routes include a 64px orange back-to-top control. Those are local component measurements, not a universal action scale.
+- Static list-item samples span 24px, 30px, and 82px heights across navigation and article content. They are preserved as observed reading/navigation geometry only, rather than promoted into a generic row system.
+
+## 3. Color & Typography
+
+### Color tokens
+
+- `#CA4F0F` — computed orange fill of the selector-backed public booking action and other supplied public action samples. THSR’s official identity describes orange as the mark color for a bright future and optimism, but it does not provide this exact hexadecimal token.
+- `#FFFFFF` — observed public canvas and orange-action label color.
+- `#333333` — observed structural text and list/menu color.
+- `#666666` — observed body/list text and public outline color.
+
+The official identity also describes two levels of gray in the logo, but neither those logo colors nor a broader brand palette is promoted as a product token without a measured public-web value.
+
+### Typography evidence classes
+
+- **Official product-use:** no first-party source reviewed names a text family as the THSR product or app typeface.
+- **Live computed surface-use:** Noto Sans TC is `loaded` with high confidence, 308 observed uses, and Google Fonts WOFF2 source records across the supplied public home, article, dialog, button, tab, and list samples. It is the sole UI-family token because both visible computed use and loaded-font evidence are present.
+- **Live system use:** Arial appears in 13 visible button/tab samples and Helvetica in six input samples. They are operating-system stack evidence, not THSR brand fonts and not substitutes for Noto Sans TC.
+- **Official distributed brand asset:** no separately distributed THSR text-font asset was located in the first-party material reviewed.
+- **Declared-only:** FontAwesome, kyicon, Open Sans, slick, and weathericons have `@font-face` records but zero observed visible uses in this packet. They are not UI-family tokens.
+- **Unresolved license boundary:** the packet identifies third-party Google Fonts delivery for the loaded Noto Sans TC files, but the reviewed first-party THSR material does not state a THSR font license or rehosting permission. Do not infer either from runtime availability.
+
+| Role | Size | Weight | Line height | Boundary |
+|---|---:|---:|---:|---|
+| Public article body/list | 16px | 400 | 24px | Supplied article samples; Noto Sans TC loaded |
+| Public home section heading | 28px | 700 | 42px | Home only; 5px tracking observed |
+| Booking action | 16px | 400 | 24px | Selector-backed home button; Noto Sans TC |
+
+## 4. Components
+
+### Public booking action
+
+**Default**
+- Background: `#CA4F0F`
+- Text: `#FFFFFF`
+- Radius: `3px`
+- Padding: `12px 20px`
+- Height: `53px`
+- Font: `16px / 400 / Noto Sans TC`
+- States: Default only; the supplied capture reports zero interaction records, so hover, focus, pressed, disabled, and transition values are unobserved.
+- Use: `home::[data-omd-capture="46"]`; a public-home booking control, not a universal THSR CTA or a ticket-purchase-flow contract.
+
+### Public selected navigation tab
+
+**Selected**
+- Background: `#CA4F0F`
+- Text: `#FFFFFF`
+- Radius: `0px`
+- Padding: `12px 0px`
+- Height: `48px`
+- Font: `16px / 400 / Noto Sans TC`
+- States: A selected element is observed through `aria-selected="true"`; no tab-change interaction, hover, focus, pressed, or disabled value was captured.
+- Use: `home::[data-omd-capture="60"]`; this is a public home navigation sample only.
+
+### Public date field
+
+**Default**
+- Background: `#FFFFFF`
+- Text: `#000000`
+- Radius: `0px`
+- Padding: `6px 20px 6px 5px`
+- Height: `35px`
+- Font: `18.4px / 400 / Helvetica`
+- States: Default only; no focus, error, disabled, or interaction value was captured.
+- Use: `home::[data-omd-capture="43"]`; system-font field evidence, not a THSR brand-type claim.
+
+The structured token component above deliberately promotes only the selector-backed booking action. The tab and field remain useful measured prose siblings but are not additional machine component tokens. `interactionCount: 0`, `interactionKinds: 0`, and an empty interaction array remove only unobserved interactive claims; they do not erase the default geometry recorded here.
+
+---
+**Verified:** 2026-07-13
+**Tier 1 sources:** `https://www.thsrc.com.tw/`, `https://www.thsrc.com.tw/ArticleContent/46de4c5f-7c2e-4583-bd4c-0f5d67fbb9b8`, `https://www.thsrc.com.tw/ArticleContent/743c51ac-124d-4b1a-a57b-1fd820848032`, `https://www.thsrc.com.tw/ArticleContent/605d1cb2-2d98-4d73-9586-7e8363ee44e3`, `https://www.thsrc.com.tw/corp/9012aea2-04b9-45f4-b3a4-8bcb6782f735`, and `https://www.thsrc.com.tw/Corp/e5d9a893-ea05-4ff7-80e6-cc71c46d2fb4/assets/d3d47001-95a2-457e-aeef-22b2e1cb45cd.pdf`
+**Tier 2 sources:** `https://getdesign.md/thsr` and `https://styles.refero.design/?q=Taiwan%20High%20Speed%20Rail` were both attempted with built-in web open and returned internal errors; no values were used.
+**Conflicts unresolved:** none
+
+## 5. Elevation
+
+The selector-backed booking action and the supplied dialog samples report `box-shadow: none`. This is a flatness observation for those public routes, not a global elevation scale for carriages, the T-EX app, ticketing, or unobserved overlays.
+
+## 6. Spacing & Shape
+
+- The captured public booking action is 53px high with `12px 20px` padding and a 3px radius.
+- The public selected tab is square at 48px high with `12px 0px` padding; its selected state is an element observation only.
+- The captured SweetAlert dialog has 20px padding and a 5px radius. It appears as a static DOM sample; no dialog-opening interaction was captured.
+- The evidence packet also records 1px, 2px, 3px, 5px, 6px, 8px, 10px, 11px, 12px, 14px, 15px, 16px, 18px, 20px, 23px, 25px, 30px, 34px, 35px, 40px, and 47px spacing values. No global scale is inferred from those occurrence clusters.
+
+## 7. Iconography & Imagery
+
+THSR’s official corporate-identity page defines the flying-flag mark and its “T” reading; the mark is an identity asset rather than a captured application icon system. Orange, two gray levels, and the flag’s light yet tense line work carry the official speed/technology and human-care message. The supplied capture also declares FontAwesome, kyicon, slick, and weathericons, but none has visible use evidence; their declarations must not be rendered as a verified THSR icon library. No captured SVG set, illustration ratio, image-treatment rule, or favicon source establishes a reusable product asset specification.
+
+### Do
+
+- Keep the official flying-flag mark and the measured public orange action treatment in their respective brand-asset and public-surface boundaries.
+- Use Noto Sans TC only where the supplied public-web evidence applies; retain system faces as system evidence.
+- Preserve the flat, square public geometry when reproducing the specific captured controls.
+
+### Don't
+
+- Treat logo-orange meaning as permission to invent an unmeasured app, kiosk, or transaction palette.
+- Substitute Arial, Helvetica, or a declared-but-unused icon face as a THSR brand typeface or component system.
+- Invent hover, focus, pressed, disabled, error, success, responsive, or animation behavior from the static capture.
+
+## 8. Accessibility
+
+- The captured booking action pairs `#FFFFFF` text with `#CA4F0F`. This reference records its computed colors; it is not a contrast, keyboard, semantic-label, or flow accessibility audit.
+- No focus-visible, keyboard, disabled, validation, form-error, toast, or interaction expansion was captured. Any implementation needs those states designed and verified on its actual public or transaction flow.
+- The official identity’s logo-background guidance is brand-asset context. It is not evidence for control contrast, accessible names, landmark structure, or responsive behavior.
+
+## 9. Content & Voice
+
+THSR’s first-party material consistently joins operational assurance—safe, fast, punctual, comfortable travel—with a broader invitation to modern life, local connection, and sustainable progress. Its corporate language names “Go Extra Mile” as a commitment to improve service quality and uses the 4T framework to explain the company’s development direction. Public travel content can therefore be direct and practical, while service, safety, eligibility, or disruption communication should remain specific rather than borrowing promotional warmth as a substitute for operating detail.
+
+## 10. Voice & Tone
+
+- **Assured and operational:** safety, speed, punctuality, and comfortable travel are recurring first-party commitments.
+- **Progressive and civic-minded:** the company frames itself as a platform for advancement and enjoyment, not only a transport operator.
+- **Warmly service-oriented:** the identity language joins modern technology with care in the details of service.
+
+### Do
+
+- State travel information and service conditions plainly before adding brand warmth.
+- Connect progress or technology claims to a concrete traveler or community benefit.
+- Keep safety, access, disruption, and transaction information precise.
+
+### Don't
+
+- Invent executive quotations, passenger testimonials, or unobserved emergency copy.
+- Treat the 4T framework as evidence for interface behavior or a product design system.
+- Use optimistic marketing language to obscure eligibility, timing, or service constraints.
+
+## 11. Brand Narrative
+
+Taiwan High Speed Rail was incorporated in 1998 and began full Taipei–Zuoying service in 2007. The company’s own history positions high-speed rail as a way to close distance and support a different daily life across Taiwan, while its current framing extends from transportation into a life-service platform.
+
+Its corporate identity makes that movement visible through a flying-flag mark whose lines also suggest the letter T. THSR says the orange-and-gray mark combines a sense of bright optimism, technological quality, and human attention to service detail. The same source connects the letterform to Transportation, Technology, Taiwan, and Touch.
+
+The company’s current sustainability material anchors that expression in five values—discipline, integrity, efficiency, innovation, and sensibility—and its “Go Extra Mile” commitment. Those official facts inform the narrative and the principles below; they do not convert into uncaptured UI tokens or interaction states.
+
+## 12. Principles
+
+1. **Put safe, reliable movement first.** THSR’s mission material repeatedly centers safe, fast, punctual, and comfortable travel.
+   *UI implication:* communicate essential trip and service information before promotional additions.
+2. **Make progress tangible.** The company frames its vision as advancement and better life through transportation, technology, local connection, and care.
+   *UI implication:* explain a feature’s traveler or community outcome, not only its technical mechanism.
+3. **Practice Go Extra Mile with precision.** First-party sustainability material presents continuous improvement as service quality and thoughtful attention to needs.
+   *UI implication:* use clear next steps and operationally specific help; do not invent delight states where evidence is absent.
+4. **Balance technology with humanity.** The official identity combines speed and advanced transport with attention to service detail.
+   *UI implication:* avoid treating technical efficiency and accessible, considerate language as opposing goals.
+5. **Keep public trust legible.** Discipline, integrity, and sensibility are listed corporate values.
+   *UI implication:* make important conditions, disruptions, and accessibility choices explicit and reviewable.
+
+## 13. Personas
+
+These are source-grounded stakeholder groups, not fictional research personas.
+
+- **Intercity traveler:** THSR’s public mission addresses people seeking safe, fast, punctual, and comfortable movement between cities; no authenticated booking-profile behavior was captured.
+- **Passenger planning a journey:** the public web surfaces include travel-information and booking-control context, but no completed purchase or account journey.
+- **Local community and partner:** THSR’s 4T and sustainability material name local connection, transport-industry collaboration, and social value as part of its operating direction.
+- **Employee and operator:** safety, service quality, discipline, and professional capability are central to first-party corporate material; internal systems were not captured.
+
+## 14. States
+
+| Category | Evidence boundary |
+|---|---|
+| Empty | [FILL IN — no public empty state captured] |
+| Loading | [FILL IN — no loading state captured] |
+| Error: form validation | [FILL IN — no validation state captured] |
+| Error: service disruption | [FILL IN — no operational-error state captured] |
+| Success | [FILL IN — no success state captured] |
+| Skeleton | [FILL IN — no skeleton state captured] |
+| Disabled | [FILL IN — no disabled control captured] |
+| Focus | [FILL IN — no focus-visible state captured] |
+| Pressed | [FILL IN — no pressed state captured] |
+| Hover | [FILL IN — no hover state captured] |
+| Selected tab | Public home `aria-selected="true"` element only; no selection-change interaction captured. |
+
+## 15. Motion & Easing
+
+The supplied raw evidence contains no interaction records, interaction kinds, motion values, transition values, or easing values. Motion tokens and behavioral rules remain `[FILL IN]`; the selected tab and static SweetAlert dialog DOM samples are not proof of transitions, opening behavior, or easing.

package/web/references/thumbtack/DESIGN.md

@@ -0,0 +1,302 @@
+---
+id: thumbtack
+name: Thumbtack Thumbprint
+country: US
+category: consumer-tech
+homepage: "https://thumbprint.design/"
+primary_color: "#009fd9"
+logo:
+  type: favicon
+  slug: "https://www.google.com/s2/favicons?domain=thumbprint.design&sz=128"
+verified: "2026-07-13"
+omd: "0.1"
+ds:
+  name: Thumbprint
+  url: "https://thumbprint.design/"
+  type: system
+  description: Thumbtack's public design-system documentation.
+verification_v2:
+  schema: 2
+  checked: "2026-07-13"
+  surfaces:
+    - { id: home, kind: design-system-home, url: "https://thumbprint.design/", inspected: "2026-07-13" }
+    - { id: button-doc, kind: design-system-component-doc, url: "https://thumbprint.design/components/button/v2/react", inspected: "2026-07-13" }
+    - { id: token-doc, kind: design-system-token-doc, url: "https://thumbprint.design/tokens", inspected: "2026-07-13" }
+  sources:
+    - { id: thumbprint-home, kind: product-surface, url: "https://thumbprint.design/", captured: "2026-07-13" }
+    - { id: thumbprint-button-doc, kind: official-doc, url: "https://thumbprint.design/components/button/v2/react", captured: "2026-07-13" }
+    - { id: thumbprint-token-doc, kind: product-surface, url: "https://thumbprint.design/tokens", captured: "2026-07-13" }
+    - { id: thumbprint-type-guide, kind: official-doc, url: "https://thumbprint.thumbtack.com/guidelines/typography", captured: "2026-07-13" }
+    - { id: thumbprint-product-design, kind: official-doc, url: "https://thumbprint.thumbtack.com/overview/product-design", captured: "2026-07-13" }
+    - { id: rise-webfont, kind: brand-asset, url: "https://fonts.thumbtack.com/thumbtack-rise/v10/ThumbtackRiseVF.woff2", captured: "2026-07-13" }
+    - { id: ai-home-care, kind: official-doc, url: "https://press.thumbtack.com/announcements/thumbtack-introduces-ai-powered-experience-to-reinvent-how-homeowners-care-for-their-homes/", captured: "2026-07-13" }
+  conflicts: []
+  claims:
+    "tokens.colors.primary": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.canvas": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.foreground": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.muted": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.colors.hairline": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.family.ui": { surface_id: home, source_id: rise-webfont, method: font-face-and-computed-style, captured: "2026-07-13" }
+    "tokens.typography.display.size": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.display.weight": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.display.lineHeight": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.display.use": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.heading.size": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.heading.weight": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.heading.lineHeight": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.heading.use": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.size": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.weight": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.lineHeight": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.body.use": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.label.size": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.label.weight": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.label.lineHeight": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.typography.label.use": { surface_id: home, source_id: thumbprint-home, method: computed-style, captured: "2026-07-13" }
+    "tokens.spacing.xs": { surface_id: home, source_id: thumbprint-home, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.spacing.sm": { surface_id: home, source_id: thumbprint-home, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.spacing.md": { surface_id: home, source_id: thumbprint-home, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.spacing.lg": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.spacing.xl": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.rounded.square": { surface_id: home, source_id: thumbprint-home, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.rounded.control": { surface_id: home, source_id: thumbprint-home, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.rounded.pill": { surface_id: button-doc, source_id: thumbprint-button-doc, method: computed-style-cluster, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.type": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.bg": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.fg": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.border": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.radius": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.padding": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.height": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.font": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.states": { surface_id: button-doc, source_id: thumbprint-button-doc, method: static-state-observation, captured: "2026-07-13" }
+    "tokens.components.docs-primary-button.use": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.type": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.bg": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.fg": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.radius": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.padding": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.height": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.font": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.global-search.states": { surface_id: home, source_id: thumbprint-home, method: static-state-observation, captured: "2026-07-13" }
+    "tokens.components.global-search.use": { surface_id: home, source_id: thumbprint-home, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.documentation-list-item.type": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.documentation-list-item.fg": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.documentation-list-item.border": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.documentation-list-item.padding": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.documentation-list-item.font": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+    "tokens.components.documentation-list-item.use": { surface_id: button-doc, source_id: thumbprint-button-doc, method: selector-backed-computed-style, captured: "2026-07-13" }
+tokens:
+  source: reconciled
+  extracted: "2026-07-13"
+  note: "Only selector-backed values from the supplied public Thumbprint capture are machine tokens. Corporate, marketplace, and narrative sources remain separate domains."
+  colors:
+    primary: "#009fd9"
+    canvas: "#ffffff"
+    foreground: "#2f3033"
+    muted: "#676d73"
+    hairline: "#e9eced"
+  typography:
+    family: { ui: "Rise" }
+    display: { size: 40, weight: 700, lineHeight: 1.1, use: "Observed h1 on the public button documentation route" }
+    heading: { size: 24, weight: 700, lineHeight: 1.333, use: "Observed h2 on the public button documentation route" }
+    body: { size: 16, weight: 400, lineHeight: 1.6, use: "Repeated body and documentation list content on the supplied public surfaces" }
+    label: { size: 14, weight: 400, lineHeight: 1.4, use: "Repeated navigation, list, and search-input text on the supplied public surfaces" }
+  spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 32 }
+  rounded: { square: 0, control: 4, pill: 9999 }
+  components:
+    docs-primary-button: { type: button, bg: "#07344a", fg: "#7cdcfd", border: "1px solid transparent", radius: "9999px", padding: "0px 24px", height: "48px", font: "16px / 700 Rise", states: "Default and a separate disabled specimen were captured; no hover, focus, pressed, or interaction transition was captured.", use: "Public Button v2 documentation primary example; selector surface-2::[data-omd-capture=63]" }
+    global-search: { type: input, bg: "transparent", fg: "#2f3033", radius: "4px", padding: "9px 16px 9px 12px", height: "38px", font: "14px / 400 Rise", states: "Default only; no focus, error, disabled, or input interaction was captured.", use: "Public Thumbprint navigation search combobox; selector home::[data-omd-capture=1]" }
+    documentation-list-item: { type: listItem, fg: "#2f3033", border: "1px solid #e9eced (top only)", padding: "24px 0px", font: "16px / 400 Rise", use: "Public component-documentation content row; selector surface-2::li" }
+  components_harvested: true
+---
+
+# Design System Inspiration of Thumbtack Thumbprint
+
+## 1. Visual Theme & Atmosphere
+
+Thumbtack helps homeowners identify, plan, and complete home projects with local professionals; its current public framing is a continuing relationship with the home rather than a one-time directory search. That practical, confidence-building premise comes through in Thumbprint, the public design-system surface captured here: a white documentation canvas, near-black readable text, a lively cyan call-to-action color, and a custom Rise typeface used in a deliberately compact hierarchy. The supplied routes are the Thumbprint home, Button v2 documentation, and tokens documentation—not the consumer marketplace, a homeowner account, or a pro workflow—so this reference records the design-system public surface only. Current company messaging describes an AI-guided experience that lets a homeowner start with a problem in text, photos, or voice and then receive guidance toward the right professional. That evolution reinforces the system’s direct, reassuring expression without converting marketplace or press language into CSS facts.
+
+**Key characteristics:**
+
+- White documentation surfaces anchored by #2f3033 text and #e9eced separators.
+- #009fd9 is a selector-backed public Thumbprint CTA color, not a universal marketplace-product claim.
+- Rise is loaded from Thumbtack’s font host and carries the observed public UI hierarchy.
+- Fully rounded, dark-blue documentation buttons provide the strongest observed component geometry.
+- No hover, focus, pressed, menu, dialog, toast, or form-error interaction was captured.
+
+## 2. Color Palette & Roles
+
+### Observed public-surface values
+
+- **Thumbprint cyan** (#009fd9): public home CTA background and the reference primary color.
+- **Canvas** (#ffffff): observed solid public button and page surface.
+- **Foreground** (#2f3033): repeated home, documentation, list, input, and button text.
+- **Muted text** (#676d73): repeated secondary public text.
+- **Hairline** (#e9eced): observed one-pixel top border on component-documentation list rows.
+
+### Boundary
+
+The Button v2 documentation also contains a dark #07344a / light #7cdcfd button recipe. It remains a component-local docs specimen; it is not promoted to a global product color role. The packet supplies no selector-backed focus-ring, success, warning, or general error token, so those roles are absent.
+
+## 3. Typography Rules
+
+### Evidence classes
+
+| Evidence class | Family and boundary |
+|---|---|
+| Official product-use | Thumbprint’s official Product Design page says Thumbtack Rise is its primary font and is used across its product; its Typography guide identifies 400 and 700 weights. This is product/design-system context, separate from the three captured routes. |
+| Live computed surface-use | Rise is the visible computed family on 358 sampled body, heading, button, input, list, and text observations. The supplied packet reports it as loaded/high with Thumbtack-hosted WOFF and WOFF2 sources. |
+| Official distributed brand asset | `ThumbtackRiseVF.woff2` is served from `fonts.thumbtack.com` on the captured public surface. This verifies browser delivery for this reference, not a right to redistribute the file. |
+| Declared-only | Source Code Pro and Source Code Pro Fallback have declared `@font-face` records but zero visible computed uses. They are not UI typography tokens. |
+| System / unresolved | A two-use system-ui occurrence is system evidence only. It is not a Rise substitute or a Thumbtack brand-family claim. No standalone public font license was located in this pass. |
+
+### Captured hierarchy
+
+| Role | Family | Size | Weight | Line height | Evidence boundary |
+|---|---|---:|---:|---:|---|
+| Public h1 | Rise | 40px | 700 | 44px | one Button v2 documentation heading |
+| Public h2 | Rise | 24px | 700 | 32px | repeated Button v2 documentation headings |
+| Public h3 | Rise | 18px | 700 | 24px | repeated Button v2 documentation headings |
+| Body | Rise | 16px | 400 | 25.6px | public body and documentation content |
+| Label/search | Rise | 14px | 400 | 19.6–20px | navigation, lists, and search input |
+
+## 4. Component Stylings
+
+### Documentation primary button
+
+**Default large**
+- Background: #07344a
+- Text: #7cdcfd
+- Border: 1px solid transparent
+- Radius: 9999px
+- Padding: 0px 24px
+- Height: 48px
+- Font: 16px / 700 / Rise
+- Disabled: Separate static specimen observed with #f5f6f6 background and #b9bbbf text; no transition is claimed.
+- Use: Public Button v2 primary example; selector surface-2::[data-omd-capture="63"]
+
+### Global search input
+
+**Small default**
+- Background: transparent
+- Text: #2f3033
+- Radius: 4px
+- Padding: 9px 16px 9px 12px
+- Height: 38px
+- Font: 14px / 400 / Rise
+- Use: Public Thumbprint navigation search combobox; selector home::[data-omd-capture="1"]
+
+### Documentation content row
+
+**Separated list item**
+- Text: #2f3033
+- Border: 1px solid #e9eced (top only)
+- Padding: 24px 0px
+- Font: 16px / 400 / Rise
+- Use: Public component-documentation list row; selector surface-2::li
+
+No hover, focus, pressed, error, selected, menu, dialog, toast, or input-validation state is added: the capture reports zero interactions. The default button, input, and list geometry remains measured static evidence.
+
+## 5. Layout Principles
+
+The supplied public documentation capture clusters 4px, 8px, 16px, 24px, and 32px spacing values. The global search uses asymmetric 9px 16px 9px 12px padding, while the captured documentation primary button uses horizontal 24px padding. Documentation list rows use 24px vertical padding with a top divider. These are observed route measurements, not a claim that Thumbtack marketplace or native product screens use the same layout scale.
+
+## 6. Depth & Elevation
+
+The representative default button, search input, and documentation list rows have no observed box shadow. No shadow token is emitted. A lack of a sampled shadow does not imply that all Thumbtack product overlays or cards are flat.
+
+## 7. Do's and Don'ts
+
+### Do
+
+- Use Rise only where the exact Thumbtack-hosted face is licensed and available.
+- Preserve the observed distinction between the cyan home CTA and the dark Button v2 documentation specimen.
+- Use 9999px radius only for the measured documentation button recipe; retain the 4px search-input control radius.
+- Keep a 24px vertically padded documentation row tied to its divider-led content context.
+
+### Don't
+
+- Do not render system-ui or Source Code Pro while labeling it Rise.
+- Do not treat #07344a and #7cdcfd as global marketplace color roles.
+- Do not invent hover, focus, pressed, selected, validation, menu, dialog, toast, or loading component states.
+- Do not generalize public Thumbprint documentation measurements to signed-in homeowner, pro, checkout, or mobile-app surfaces.
+
+## 8. Responsive Behavior
+
+All supplied surfaces were captured at 1440x900. The packet gives desktop computed values only. No smaller viewport, collapsed navigation, touch target, reflow, or responsive Button v2 state was captured, so those behaviors remain unclaimed.
+
+## 9. Agent Prompt Guide
+
+- For a public Thumbprint documentation primary action, use #07344a background, #7cdcfd text, 9999px radius, 0px 24px padding, 48px height, and 16px / 700 Rise; keep the default and disabled specimen distinction factual.
+- For the observed public navigation search field, use transparent background, #2f3033 text, 4px radius, 9px 16px 9px 12px padding, 38px height, and 14px / 400 Rise.
+- Use #009fd9 as the observed public Thumbprint home CTA color, not as a guarantee for consumer marketplace flows.
+- Keep Source Code Pro declared-only and system-ui system-only; neither may stand in for Rise.
+
+## 10. Voice & Tone
+
+Official Thumbtack language is practical, confidence-building, and homeowner-centered. Its current AI announcement favors describing a home problem naturally, clarifying the work, and choosing an appropriate pro; the company’s career messaging frames the work around peace of mind for homeowners and growth for local businesses. These are narrative and voice sources, not component-token evidence.
+
+| Context | Evidence-backed direction |
+|---|---|
+| Project start | Begin with the homeowner’s real problem, question, or goal. |
+| Guidance | Explain what happens next in direct, confidence-building terms. |
+| Pro relationship | Describe fit through expertise, availability, and practical project needs. |
+| Home care | Prefer ongoing-care language to a one-off transaction metaphor. |
+
+**Public samples**
+
+- “the one app for your home” (official 2024 fact sheet).
+- “helping millions of people confidently care for and improve their homes” (official 2026 announcement).
+- “help homeowners and home professionals accomplish more” (official 2026 announcement).
+
+## 11. Brand Narrative
+
+Thumbtack was founded in 2008 to connect customers with local professionals and help service businesses grow. Its public history explains the original tension simply: people need skilled local help but can struggle to find the right professional, while professionals need dependable ways to reach customers. The marketplace’s early framing centered on answering questions, receiving quotes, comparing options, and hiring with confidence.
+
+The company’s more recent public story shifts from finding a pro for a discrete task to continuously caring for a home. The 2026 AI-powered experience describes a guided starting point—text, photos, or voice—that interprets a homeowner’s issue, gathers the information needed to clarify scope, and recommends a curated set of relevant professionals. That evolution is documented company/product context; it does not add unobserved UI states to the Thumbprint capture.
+
+## 12. Principles
+
+1. **Start with the problem a homeowner can describe.** *UI implication:* let a first step be clear and plain-language rather than assuming category expertise.
+2. **Build confidence through useful guidance.** *UI implication:* explain why a next step or recommendation is relevant without inventing unsupported feedback states.
+3. **Match work to qualified local expertise.** *UI implication:* make practical selection criteria legible when evidence for a particular product flow exists.
+4. **Treat home care as ongoing.** *UI implication:* connect recurring care information without forcing every screen into a one-time checkout metaphor.
+5. **Help local businesses grow.** *UI implication:* preserve clear boundaries between homeowner and professional contexts instead of blending their requirements.
+
+## 13. Personas
+
+The following are role archetypes inferred from Thumbtack’s first-party homeowner and local-professional positioning; they are not surveyed personas or synthetic-test findings.
+
+- **Homeowner starting with an unclear issue.** Wants to describe what is happening in ordinary language and understand a sensible next step before choosing a professional.
+- **Homeowner managing ongoing care.** Needs timely guidance about maintenance, repairs, and improvements across a changing home context.
+- **Local service professional.** Needs a marketplace relationship that can connect relevant project demand with a sustainable business.
+
+## 14. States
+
+These are content guidelines derived from the documented service context, not observed Thumbprint component state tokens.
+
+| Category | Guidance |
+|---|---|
+| Empty — no project yet | Invite the homeowner to describe a problem or goal. |
+| Empty — no matching pro | State the availability boundary plainly and offer a next search or timing choice when supported. |
+| Loading — project understanding | Explain that the system is clarifying the project, not that a match is guaranteed. |
+| Loading — pro options | Keep progress language practical and avoid unobserved animated treatments. |
+| Error — incomplete description | Ask only for the missing project detail needed to continue. |
+| Error — unavailable match | Explain the constraint without implying a hidden retry result. |
+| Error — service interruption | State the interruption and a safe retry path in direct language. |
+| Success — project clarified | Confirm what was understood and present the verified next step. |
+| Success — pro connection | Confirm the connection without overpromising project completion. |
+| Skeleton | Use only if a measured product surface establishes a skeleton treatment; none is captured here. |
+| Disabled | The Button v2 docs contain a separate static disabled specimen; do not infer timing or hover behavior. |
+
+## 15. Motion & Easing
+
+No motion timing, easing curve, or interaction transition was captured in the supplied packet. Do not promote a motion token. If an implementation needs motion, keep it functional and brief, and respect `prefers-reduced-motion: reduce` by removing nonessential motion; this is an accessibility implementation rule, not a Thumbprint-measured easing specification.
+
+---
+**Verified:** 2026-07-13
+**Tier 1 sources:** https://thumbprint.design/ , https://thumbprint.design/components/button/v2/react , https://thumbprint.design/tokens
+**Tier 2 sources:** https://getdesign.md/thumbtack (attempted; no parsed result), https://styles.refero.design/?q=thumbtack (attempted; no parsed result)
+**Conflicts unresolved:** none