zugzbot 1.3.0 → 1.5.0

package/.opencode/oh-my-design/design-md/stripe/.verification.md

@@ -1,140 +0,0 @@
-# Stripe — Verification Notes (2026-05-08)
-
-Pipeline: `spec/verification-pipeline.md` · Skill: `omd:migrate`
-
-## Tier 1 — live DOM (playwright getComputedStyle)
-
-### Surfaces inspected (G3 ≥2)
-- `stripe.com/` (home — HDS `.hds-button` system)
-- `stripe.com/payments` (product page — Sessions `.CtaButton` system)
-
-### Major finding: TWO parallel button systems
-
-Stripe runs two distinct design systems on parallel surfaces, similar to Apple's marketing-pill vs commerce-compact split:
-
-#### System A — HDS (Honeycomb Design System) — `stripe.com/` home
-- **Primary** (`.hds-button.hds-button--primary`)
-  - bg `rgb(83, 58, 253)` = `#533afd` (Deep Violet)
-  - color `#ffffff`
-  - radius **4px** (sharp)
-  - padding 15.5px 24px 16.5px (asymmetric vertical)
-  - 48px height
-  - 16px / weight 400 / sohne-var
-  - "Get started", "Stripe for enterprises", "Stripe for startups"
-- **Header CTA** (`.hds-button.navigation-cta-button`)
-  - bg `#533afd` / color `#fff` / 4px / 11.5×20 / 40px / 14px·400
-  - "Contact sales" header
-- **Sign in (link-style)** (`.hds-button.navigation-cta-button` link variant)
-  - bg transparent / color `#533afd` / 4px / 10.5×20 / 40px
-- **OAuth Outline** (`.hero-section__button`)
-  - bg `rgba(255, 255, 255, 0.65)` / color `#533afd` / 4px / 14.5×24 / 48px
-  - "Sign up with Google"
-- **Inverse Primary** (`.sessions-section__cta`)
-  - bg `#fff` / color `#533afd` / 4px / 15.5×24 / 48px
-  - "Watch on demand" — used on dark sections
-- **Tinted Secondary** (`.customer-story-button`)
-  - bg `#e2e4ff` (lavender 100) / color `#533afd` / 4px / 0 padding
-  - "Read the story" — story carousel
-- **Carousel ghost** (`.hds-ui-button hds-ui-button--quiet`)
-  - bg transparent / `rgba(16,16,16,0.3)` / 4px — prev arrow when at start
-  - bg `#e8e9ff` / `#000` / 4px — next arrow active
-
-#### System B — Sessions / `.CtaButton` — `stripe.com/payments`
-- **Primary** (`.CtaButton variant--Button`)
-  - bg `rgb(153, 102, 255)` = **`#9966ff`** (lighter lavender, NOT `#533afd`)
-  - color `#ffffff`
-  - radius **16.5px** (pill-like, much rounder than HDS 4px)
-  - padding 3px 12px 6px 16px (asymmetric)
-  - 33px height
-  - 15px / weight **425** / sohne-var (note: weight 425, between 400 and 500)
-  - "Start accepting payments", "Start now"
-- **Link** (`.CtaButton variant--Link`)
-  - bg transparent / `#9966ff` / 16.5px / 33px / 15px·425
-  - "Try the demo", "Explore full page", "Read the story"
-- **Carousel arrows** (`.FullWidthFeatureCarouselNav__button`)
-  - bg transparent / `#000` / 14px / 1×6 / 28px
-
-#### Conflict: HDS `#533afd` vs Sessions `#9966ff`
-
-These are **different colors on different surfaces**, not a single brand color with rendering variance:
-- `#533afd` (Deep Violet, more saturated) — the iconic Stripe color since founding, used on stripe.com, blog, customer stories
-- `#9966ff` (lighter lavender) — newer, used on `/payments` and product-detail pages (probably 2024-2025 redesign)
-
-**Resolution:** Both retained as parallel systems. `#533afd` is still THE Stripe brand color (header, primary marketing); `#9966ff` is the Sessions/Payments product surface accent. Document both in §4 as separate variant categories.
-
----
-
-## Tier 2a — getdesign.md
-- `getdesign.md/stripe` — directory snippet only (consistent with prior batches)
-
-## Tier 2b — styles.refero.design
-- `styles.refero.design/style/48e5de76-05d5-4c4e-a269-c7c245b291ec` — Primary Filled Button `#533afd` / 4px / 15.5×24 padding / sohne-var 400 ✓ matches HDS Primary exactly
-- Refero captured the **HDS system only**; the newer Sessions `#9966ff` 16.5px pill is not in refero (likely post-dating their snapshot)
-
----
-
-## Conflict Matrix
-
-| Field | HDS (Tier 1 home) | Sessions (Tier 1 /payments) | refero | Resolution |
-|---|---|---|---|---|
-| Primary bg | `#533afd` | `#9966ff` | `#533afd` (HDS) | **Two systems** — `#533afd` HDS / `#9966ff` Sessions |
-| Primary radius | **4px** | **16.5px** | 4px | two systems |
-| Primary padding | 15.5×24 / 11.5×20 | 3×12-16 | 15.5×24 | HDS variants × Sessions variant |
-| Primary font | 16px·400 / 14px·400 | 15px·**425** | sohne-var 400 | two systems — Sessions uses unusual 425 weight |
-| Primary height | 48px (hero) / 40px (header) | 33px (compact) | 48px | Sessions runs significantly more compact |
-| Card radius | 6px (existing §4) | – | 6px | ✓ |
-| Outline border `#b9b9f9` | confirmed in §4 | – | confirmed | ✓ |
-
-### Unresolved
-- **None.** Two-system split documented; both retained as parallel.
-
----
-
-## Earlier mistakes / gaps
-1. §4 currently lists only **HDS** Primary variants (4 buttons: Primary, Ghost, Transparent Info, Neutral Ghost). **Sessions `#9966ff` 16.5px system missing entirely.** Need to add as 2nd variant subgroup.
-2. §11 narrative is good but **missing founder citation** — Patrick + John Collison + 2010 Y Combinator + Auctomatic 2008 sale.
-
----
-
-## Components to write/revise in §4
-1. **Buttons (HDS — `stripe.com/` home)** — already documented; verify variant fields complete (add height, font weight 400, sohne-var family).
-2. **Buttons (Sessions — `stripe.com/payments`)** — NEW — 4 variants:
-   - Sessions Primary `#9966ff` 16.5px / 3×16 / 33px / 15px·425
-   - Sessions Link `#9966ff` text / 16.5px / 33px
-   - Sessions Outline (inferred: white bg, `#9966ff` border)
-   - Sessions Quiet `#000` 14px / 28px (carousel)
-3. **Cards / Inputs / Badges** — currently in §4, audit for canonical schema.
-4. **Footer note** explaining HDS vs Sessions surface split.
-
----
-
-## Philosophy sources (G6)
-
-### Founder/founding facts
-- Founded **2010** in Palo Alto, CA by **Patrick Collison (CEO)** and **John Collison (President)**, brothers from Limerick, Ireland
-  - Source: [Patrick Collison — Wikipedia](https://en.wikipedia.org/wiki/Patrick_Collison)
-  - Source: [John Collison — Wikipedia](https://en.wikipedia.org/wiki/John_Collison)
-- **Y Combinator W10 batch**
-  - Source: [YC Startup Library — Patrick & John Collison](https://www.ycombinator.com/library/Kx-patrick-john-collison-co-founders-of-stripe)
-- **Prior exit:** Auctomatic (2007 Shuppa → YC → merged with Oxford grads Harjeet & Kulveer Taggar) sold to Live Current Media on Good Friday March 2008; Patrick was 19, John was 17
-  - Source: [KITRUM — Stripe's Founders](https://kitrum.com/blog/stripe-founders-the-story-of-collison-brothers/)
-- **2011 seed:** $2M from PayPal co-founders Elon Musk + Peter Thiel + Sequoia Capital
-  - Source: Wikipedia Patrick Collison
-- **Current valuation:** $159B (per Founded.com 2024-2025)
-  - Source: [Founded.com](https://www.founded.com/how-two-irish-brothers-built-stripe-the-online-payments-startup-now-worth-159-billion/)
-- **First customer:** YC company **280 North** (founder Ross Boucher later joined Stripe as early employee)
-  - Source: KITRUM
-
-### Voice samples (live-verified, this audit)
-- *"Get started"* — homepage Primary CTA <!-- verified: stripe.com 2026-05 -->
-- *"Contact sales"* — header secondary <!-- verified: stripe.com 2026-05 -->
-- *"Start accepting payments"* — Sessions Primary <!-- verified: stripe.com/payments 2026-05 -->
-- *"Read the story"* — customer-story carousel <!-- verified: stripe.com home -->
-
----
-
-**Verified-against:**
-- Tier 1: stripe.com/, stripe.com/payments (live DOM via playwright)
-- Tier 2: styles.refero.design/style/48e5de76 (HDS Primary confirmed)
-- Tier 2b: getdesign.md/stripe — directory only
-- Founder/funding facts: Wikipedia (Patrick Collison, John Collison), YC Startup Library, KITRUM, Founded.com