zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/references/revolut/.verification.md

@@ -1,140 +0,0 @@
-# Revolut — Verification Notes (2026-05-08)
-
-Pipeline: `spec/verification-pipeline.md` · Skill: `omd:migrate`
-
-## Tier 1 — live DOM (playwright getComputedStyle)
-
-### Surfaces inspected (G3 ≥2)
-- `revolut.com/en-US/` (consumer US — "Change the way you money")
-- `revolut.com/en-US/business/` (Revolut Business — separate product line)
-
-### Raw observations
-
-**Sign up / Download the app / Move your salary — Hero Primary (Charcoal Pill)**
-- bg `rgb(25, 28, 31)` = **`#191c1f`** (Revolut Charcoal — warm-cast near-black)
-- color `#ffffff`
-- radius **9999px** (full pill)
-- padding 10×24
-- 42px / 16px·**500**
-- Use: hero Primary on consumer home
-
-**Get your card / Physical cards / Explore savings / Adventure — Light Surface Pill**
-- bg `rgb(244, 244, 244)` = **`#f4f4f4`** (Revolut Light Surface)
-- color `rgb(0, 0, 0)` = `#000`
-- radius 9999px
-- padding 10×24-26
-- 42px / 16px·500
-- Use: feature card CTA + Inverse Primary on dark hero sections
-
-**Virtual cards — Translucent Variant**
-- bg `rgba(244, 244, 244, 0.1)` (10% Light Surface tint)
-- color `#f4f4f4`
-- radius 9999px
-- padding 10×24
-- 42px / 16px·500
-- Use: card-on-card hover/active state
-
-**Sign up / Get started / Open an account — Business Primary (inverse on dark canvas)**
-- bg `#f4f4f4` Light Surface
-- color `#000`
-- radius 9999px
-- padding 10×24
-- 42-46px / 16px·500
-- Use: Revolut Business Primary CTAs (the canvas-inverted variant; Business uses dark canvas, so Primary is light-on-dark)
-
-### Single-system: 9999px Pill + Charcoal/Light-Surface canvas-aware
-
-Revolut uses an **all-pill 42px chrome** with disciplined canvas-awareness:
-- **Charcoal `#191c1f` Primary** (consumer light canvas) — warm-cast near-black
-- **Light Surface `#f4f4f4` Primary** (Business dark canvas / consumer feature cards) — barely-tinted off-white
-- **Translucent `rgba(244,244,244,0.10)`** on-dark hover state
-- All radii **9999px** full-pill (no exceptions)
-- All heights **42px** (consistent — no compact variant on inspected surfaces; 46px appears on some Open-an-account buttons)
-- All weight **500** (medium) — never bold; pill geometry carries weight
-- Padding **10×24** standard (10×26 occasional on longer labels)
-
-This is one of the most disciplined single-shape canonical chromes in the corpus — every CTA is 9999px / 42px / 16px·500, only the canvas-pair color flips. Confirms the §11 "fintech super-app, multi-segment, flat" register.
-
-This refines the prior footer's claim of "segment nav 9999px / 8×10 / 38px / 16px·500" — accurate for the segment-nav variant but missed:
-1. **Charcoal `#191c1f` Primary** (the consumer-canvas brand color)
-2. **Light Surface `#f4f4f4`** Inverse / feature-card CTA
-3. **Translucent on-dark** variant
-4. Canonical Primary geometry is **42px / 10×24** (slightly larger than segment-nav)
-
----
-
-## Tier 2a — getdesign.md
-- `getdesign.md/revolut` — directory only
-
-## Tier 2b — styles.refero.design
-- `?q=Revolut` — no record
-
-**Tier 2 status: unavailable.** Tier 1 (revolut.com en-US + en-US/business) treated as authoritative.
-
----
-
-## Conflict Matrix
-
-| Field | Tier 1 consumer | Tier 1 business | refero/getdesign | Resolution |
-|---|---|---|---|---|
-| Primary bg | `#191c1f` Charcoal | `#f4f4f4` Light (canvas-inverted) | n/a | ✓ canvas-aware |
-| Primary radius | 9999px | 9999px ✓ | n/a | ✓ all-pill |
-| Primary padding | 10×24 | 10×24 ✓ | n/a | ✓ |
-| Primary height | 42px | 42-46px ✓ | n/a | ✓ |
-| Primary font | 16px·500 | 16px·500 ✓ | n/a | ✓ |
-| Translucent variant | `rgba(244,244,244,0.10)` | n/a | n/a | ✓ |
-
-### Unresolved
-- **None.** All-pill canonical with documented canvas-aware Charcoal/Light Surface pair.
-
-### Earlier mistakes reverted
-- Prior footer captured a smaller-segment-nav variant (38px). The canonical Primary CTA is **42px** with **`#191c1f` Charcoal** (consumer) or **`#f4f4f4` Light Surface** (Business inverse). §4 needs both fills documented.
-
----
-
-## Components in §4
-
-§4 (prior B7 batch) — needs:
-1. **Primary `#191c1f` Charcoal** (consumer light canvas) 9999px / 42px / 10×24 / 16px·500
-2. **Inverse Primary `#f4f4f4` Light Surface** (Business dark canvas / feature cards) 9999px / 42-46px
-3. **Translucent variant `rgba(244,244,244,0.10)`** for on-dark hover state
-4. **Segment nav** smaller variant 38px / 8×10 / 16px·500 (existing prior-footer claim, retained as separate component)
-
----
-
-## Philosophy sources (G6)
-
-### Founder/founding facts
-- **Revolut Ltd incorporated December 2013** by **Nik Storonsky**
-  - Source: [Revolut — Wikipedia](https://en.wikipedia.org/wiki/Revolut)
-  - Source: [Nik Storonsky — Wikipedia](https://en.wikipedia.org/wiki/Nik_Storonsky)
-- **Consumer launch 2015** at **Level39 fintech accelerator, Canary Wharf, London**
-- Founders: **Nik Storonsky (CEO)** + **Vlad Yatsenko (CTO)**
-- **Storonsky was the company's first investor**: contributed **£300,000 of his own savings**
-- **Yatsenko**: graduated with honors → **Comarch programmer (Krakow)** → **UBS senior software developer (London 2010)** → Deutsche Bank → Credit Suisse (until 2014)
-  - Source: [Huxley — Vlad Yatsenko Ukrainian billionaire](https://huxley.media/en/ukrainian-billionaire-vlad-yatsenko-and-his-revolut-project/)
-- **Both founders are immigrants** (key narrative thread)
-  - Source: [The Vertical — immigrant founders Revolut $45B](https://thevertical.la/development/who-are-the-immigrant-founders-behind-revolut-the-45-billion-neobank-eyeing-u-s-expansion/)
-- **Valuation**: $45B secondary share sale 2024 → **$75B November 2025**
-  - Source: [City AM — Revolut $75B](https://www.cityam.com/revolut-inside-nik-storonskys-75bn-fintech-empire-still-hunting-for-its-crown/)
-- **IPO**: per Bloomberg April 20 2026 interview, ~**2 years from IPO**, U.S. listing preferred
-  - Source: [MoneyWeek — Storonsky cashes in](https://moneyweek.com/economy/people/revolut-nik-storonsky)
-
-### Voice samples (live-verified)
-- *"Sign up"* — header/Business Primary <!-- verified: revolut.com 2026-05 -->
-- *"Download the app"* — hero Primary (consumer) <!-- verified: revolut.com/en-US -->
-- *"Move your salary"* / *"Get your card"* — hero CTAs <!-- verified: revolut.com -->
-- *"Physical cards"* / *"Virtual cards"* — feature CTAs <!-- verified: revolut.com -->
-- *"Get started"* / *"Open an account"* / *"Explore expense tools"* — Business CTAs <!-- verified: revolut.com/en-US/business -->
-
-### Existing §10-15 retained from prior augmentation (B7 batch)
-- Voice & Tone — bold, multi-segment, flat-design fintech
-- §11 narrative — Storonsky+Yatsenko, single-card→super-app trajectory
-- §15 Standard cubic-bezier; price-pulse on tick
-
----
-
-**Verified-against:**
-- Tier 1: revolut.com/en-US/, revolut.com/en-US/business/ (live DOM via playwright)
-- Tier 2: refero/getdesign — no record
-- Founders/valuation/IPO: Wikipedia (Revolut + Nik Storonsky), Huxley (Yatsenko biography), The Vertical (immigrant founders), City AM ($75B), MoneyWeek (Storonsky cashes in), Bloomberg Billionaires Index, FinTech Magazine

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

@@ -1,319 +0,0 @@
----
-id: revolut
-name: Revolut
-country: UK
-category: fintech
-homepage: "https://www.revolut.com"
-primary_color: "#0075eb"
-logo:
-  type: simpleicons
-  slug: revolut
-verified: "2026-05-15"
-omd: "0.1"
-tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
-  colors:
-    dark: "#191c1f"
-    white: "#ffffff"
-    light-surface: "#f4f4f4"
-    black: "#000000"
-    blue: "#494fdf"
-    action-blue: "#4f55f1"
-    blue-text: "#376cd5"
-    danger: "#e23b4a"
-    deep-pink: "#e61e49"
-    warning: "#ec7e00"
-    yellow: "#b09000"
-    teal: "#00a87e"
-    light-green: "#428619"
-    green-text: "#006400"
-    light-blue: "#007bc2"
-    brown: "#936d62"
-    red-text: "#8b0000"
-    mid-slate: "#505a63"
-    cool-gray: "#8d969e"
-    gray-tone: "#c9c9cd"
-  typography:
-    family: { sans: "Inter", mono: "Inter" }
-    display-mega: { size: 136, weight: 500, lineHeight: 1.00, tracking: -2.72, use: "Stadium-scale hero (Aeonik Pro)" }
-    display-hero: { size: 80, weight: 500, lineHeight: 1.00, tracking: -0.8, use: "Primary hero (Aeonik Pro)" }
-    section:      { size: 48, weight: 500, lineHeight: 1.21, tracking: -0.48, use: "Feature sections (Aeonik Pro)" }
-    card-title:   { size: 32, weight: 500, lineHeight: 1.19, tracking: -0.32, use: "Card headings (Aeonik Pro)" }
-    nav:          { size: 20, weight: 500, lineHeight: 1.40, use: "Navigation, buttons (Aeonik Pro)" }
-    body-lg:      { size: 18, weight: 400, lineHeight: 1.56, tracking: -0.09, use: "Introductions (Inter)" }
-    body:         { size: 16, weight: 400, lineHeight: 1.50, tracking: 0.24, use: "Standard reading (Inter)" }
-    body-semibold: { size: 16, weight: 600, lineHeight: 1.50, tracking: 0.16, use: "Emphasized body (Inter)" }
-  spacing: { xs: 4, sm: 8, md: 14, base: 16, lg: 24, xl: 32, xxl: 48, section: 80 }
-  rounded: { sm: 12, md: 20, lg: 20, full: 9999 }
-  shadow:
-    none: "none"
-  components:
-    button-primary: { type: button, bg: "#191c1f", fg: "#ffffff", radius: 9999, padding: "14px 32px", use: "Primary dark pill, hover opacity 0.85" }
-    button-secondary: { type: button, bg: "#f4f4f4", fg: "#000000", radius: 9999, padding: "14px 34px", use: "Secondary light pill" }
-    button-outlined: { type: button, bg: "transparent", fg: "#191c1f", radius: 9999, padding: "14px 32px", use: "Outlined pill, 2px solid #191c1f border" }
-    button-ghost: { type: button, bg: "rgba(244,244,244,0.1)", fg: "#f4f4f4", radius: 9999, padding: "14px 32px", use: "Ghost on dark, 2px solid #f4f4f4 border" }
-    card: { type: card, radius: 20, use: "Feature card, flat, no shadow, dark/light alternation" }
-    nav-top: { type: tab, fg: "#191c1f", font: "20/500", use: "Clean header, pill CTAs right-aligned" }
-  components_harvested: true
----
-
-# Design System Inspiration of Revolut
-
-## 1. Visual Theme & Atmosphere
-
-Revolut's website is fintech confidence distilled into pixels — a design system that communicates "your money is in capable hands" through massive typography, generous whitespace, and a disciplined neutral palette. The visual language is built on Aeonik Pro, a geometric grotesque that creates billboard-scale headlines at 136px with weight 500 and aggressive negative tracking (-2.72px). This isn't subtle branding; it's fintech at stadium scale.
-
-The color system is built on a comprehensive `--rui-*` (Revolut UI) token architecture with semantic naming for every state: danger (`#e23b4a`), warning (`#ec7e00`), teal (`#00a87e`), blue (`#494fdf`), deep-pink (`#e61e49`), and more. But the marketing surface itself is remarkably restrained — near-black (`#191c1f`) and pure white (`#ffffff`) dominate, with the colorful semantic tokens reserved for the product interface, not the marketing page.
-
-What distinguishes Revolut is its pill-everything button system. Every button uses 9999px radius — primary dark (`#191c1f`), secondary light (`#f4f4f4`), outlined (`transparent + 2px solid`), and ghost on dark (`rgba(244,244,244,0.1) + 2px solid`). The padding is generous (14px 32px–34px), creating large, confident touch targets. Combined with Inter for body text at various weights and positive letter-spacing (0.16px–0.24px), the result is a design that feels both premium and accessible — banking for the modern era.
-
-**Key Characteristics:**
-- Aeonik Pro display at 136px weight 500 — billboard-scale fintech headlines
-- Near-black (`#191c1f`) + white binary with comprehensive `--rui-*` semantic tokens
-- Universal pill buttons (9999px radius) with generous padding (14px 32px)
-- Inter for body text with positive letter-spacing (0.16px–0.24px)
-- Rich semantic color system: blue, teal, pink, yellow, green, brown, danger, warning
-- Zero shadows detected — depth through color contrast only
-- Tight display line-heights (1.00) with relaxed body (1.50–1.56)
-
-## 2. Color Palette & Roles
-
-### Primary
-- **Revolut Dark** (`#191c1f`): Primary dark surface, button background, near-black text
-- **Pure White** (`#ffffff`): `--rui-color-action-label`, primary light surface
-- **Light Surface** (`#f4f4f4`): Secondary button background, subtle surface
-
-### Brand / Interactive
-- **Revolut Blue** (`#494fdf`): `--rui-color-blue`, primary brand blue
-- **Action Blue** (`#4f55f1`): `--rui-color-action-photo-header-text`, header accent
-- **Blue Text** (`#376cd5`): `--website-color-blue-text`, link blue
-
-### Semantic
-- **Danger Red** (`#e23b4a`): `--rui-color-danger`, error/destructive
-- **Deep Pink** (`#e61e49`): `--rui-color-deep-pink`, critical accent
-- **Warning Orange** (`#ec7e00`): `--rui-color-warning`, warning states
-- **Yellow** (`#b09000`): `--rui-color-yellow`, attention
-- **Teal** (`#00a87e`): `--rui-color-teal`, success/positive
-- **Light Green** (`#428619`): `--rui-color-light-green`, secondary success
-- **Green Text** (`#006400`): `--website-color-green-text`, green text
-- **Light Blue** (`#007bc2`): `--rui-color-light-blue`, informational
-- **Brown** (`#936d62`): `--rui-color-brown`, warm neutral accent
-- **Red Text** (`#8b0000`): `--website-color-red-text`, dark red text
-
-### Neutral Scale
-- **Mid Slate** (`#505a63`): Secondary text
-- **Cool Gray** (`#8d969e`): Muted text, tertiary
-- **Gray Tone** (`#c9c9cd`): `--rui-color-grey-tone-20`, borders/dividers
-
-## 3. Typography Rules
-
-### Font Families
-- **Display**: `Aeonik Pro` — geometric grotesque, no detected fallbacks
-- **Body / UI**: `Inter` — standard system sans
-- **Fallback**: `Arial` for specific button contexts
-
-### Hierarchy
-
-| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |
-|------|------|------|--------|-------------|----------------|-------|
-| Display Mega | Aeonik Pro | 136px (8.50rem) | 500 | 1.00 (tight) | -2.72px | Stadium-scale hero |
-| Display Hero | Aeonik Pro | 80px (5.00rem) | 500 | 1.00 (tight) | -0.8px | Primary hero |
-| Section Heading | Aeonik Pro | 48px (3.00rem) | 500 | 1.21 (tight) | -0.48px | Feature sections |
-| Sub-heading | Aeonik Pro | 40px (2.50rem) | 500 | 1.20 (tight) | -0.4px | Sub-sections |
-| Card Title | Aeonik Pro | 32px (2.00rem) | 500 | 1.19 (tight) | -0.32px | Card headings |
-| Feature Title | Aeonik Pro | 24px (1.50rem) | 400 | 1.33 | normal | Light headings |
-| Nav / UI | Aeonik Pro | 20px (1.25rem) | 500 | 1.40 | normal | Navigation, buttons |
-| Body Large | Inter | 18px (1.13rem) | 400 | 1.56 | -0.09px | Introductions |
-| Body | Inter | 16px (1.00rem) | 400 | 1.50 | 0.24px | Standard reading |
-| Body Semibold | Inter | 16px (1.00rem) | 600 | 1.50 | 0.16px | Emphasized body |
-| Body Bold Link | Inter | 16px (1.00rem) | 700 | 1.50 | 0.24px | Bold links |
-
-### Principles
-- **Weight 500 as display default**: Aeonik Pro uses medium (500) for ALL headings — no bold. This creates authority through size and tracking, not weight.
-- **Billboard tracking**: -2.72px at 136px is extremely compressed — text designed to be read at a glance, like airport signage.
-- **Positive tracking on body**: Inter uses +0.16px to +0.24px, creating airy, well-spaced reading text that contrasts with the compressed headings.
-
-## 4. Component Stylings
-
-### Buttons
-
-**Primary Dark Pill**
-- Background: `#191c1f`
-- Text: `#ffffff`
-- Padding: 14px 32px
-- Radius: 9999px (full pill)
-- Hover: opacity 0.85
-- Focus: `0 0 0 0.125rem` ring
-
-**Secondary Light Pill**
-- Background: `#f4f4f4`
-- Text: `#000000`
-- Padding: 14px 34px
-- Radius: 9999px
-- Hover: opacity 0.85
-
-**Outlined Pill**
-- Background: transparent
-- Text: `#191c1f`
-- Border: `2px solid #191c1f`
-- Padding: 14px 32px
-- Radius: 9999px
-
-**Ghost on Dark**
-- Background: `rgba(244, 244, 244, 0.1)`
-- Text: `#f4f4f4`
-- Border: `2px solid #f4f4f4`
-- Padding: 14px 32px
-- Radius: 9999px
-
-### Cards & Containers
-- Radius: 12px (small), 20px (cards)
-- No shadows — flat surfaces with color contrast
-- Dark and light section alternation
-
-### Navigation
-- Aeonik Pro 20px weight 500
-- Clean header, hamburger toggle at 12px radius
-- Pill CTAs right-aligned
-
-## 5. Layout Principles
-
-### Spacing System
-- Base unit: 8px
-- Scale: 4px, 6px, 8px, 14px, 16px, 20px, 24px, 32px, 40px, 48px, 80px, 88px, 120px
-- Large section spacing: 80px–120px
-
-### Border Radius Scale
-- Standard (12px): Navigation, small buttons
-- Card (20px): Feature cards
-- Pill (9999px): All buttons
-
-## 6. Depth & Elevation
-
-| Level | Treatment | Use |
-|-------|-----------|-----|
-| Flat (Level 0) | No shadow | Everything — Revolut uses zero shadows |
-| Focus | `0 0 0 0.125rem` ring | Accessibility focus |
-
-**Shadow Philosophy**: Revolut uses ZERO shadows. Depth comes entirely from the dark/light section contrast and the generous whitespace between elements.
-
-## 7. Do's and Don'ts
-
-### Do
-- Use Aeonik Pro weight 500 for all display headings
-- Apply 9999px radius to all buttons — pill shape is universal
-- Use generous button padding (14px 32px)
-- Keep the palette to near-black + white for marketing surfaces
-- Apply positive letter-spacing on Inter body text
-
-### Don't
-- Don't use shadows — Revolut is flat by design
-- Don't use bold (700) for Aeonik Pro headings — 500 is the weight
-- Don't use small buttons — the generous padding is intentional
-- Don't apply semantic colors to marketing surfaces — they're for the product
-
-## 8. Responsive Behavior
-
-### Breakpoints
-| Name | Width | Key Changes |
-|------|-------|-------------|
-| Mobile Small | <400px | Compact, single column |
-| Mobile | 400–720px | Standard mobile |
-| Tablet | 720–1024px | 2-column layouts |
-| Desktop | 1024–1280px | Standard desktop |
-| Large | 1280–1920px | Full layout |
-
-## 9. Agent Prompt Guide
-
-### Quick Color Reference
-- Dark: Revolut Dark (`#191c1f`)
-- Light: White (`#ffffff`)
-- Surface: Light (`#f4f4f4`)
-- Blue: Revolut Blue (`#494fdf`)
-- Danger: Red (`#e23b4a`)
-- Success: Teal (`#00a87e`)
-
-### Example Component Prompts
-- "Create a hero: white background. Headline at 136px Aeonik Pro weight 500, line-height 1.00, letter-spacing -2.72px, #191c1f text. Dark pill CTA (#191c1f, 9999px, 14px 32px). Outlined pill secondary (transparent, 2px solid #191c1f)."
-- "Build a pill button: #191c1f background, white text, 9999px radius, 14px 32px padding, 20px Aeonik Pro weight 500. Hover: opacity 0.85."
-
-### Iteration Guide
-1. Aeonik Pro 500 for headings — never bold
-2. All buttons are pills (9999px) with generous padding
-3. Zero shadows — flat is the Revolut identity
-4. Near-black + white for marketing, semantic colors for product
-
-## 10. Voice & Tone
-
-Revolut's voice is **fintech-bold and segment-aware.** "Banking & Beyond" — confident, multi-segment positioning (Personal / Business / Kids & Teens). Pill chrome (9999px) signals "modern fintech" while flat-no-shadow design signals "no-nonsense banking."
-
-| Context | Tone |
-|---|---|
-| CTA | Verb. "Get started", "Try Revolut", "Sign up" |
-| Marketing | Segment-targeted. Personal vs Business vs Teens copy distinct |
-| Onboarding | KYC-aware. Plain-language compliance |
-| Error | Specific. "Insufficient funds. Top up via bank transfer." |
-
-**Voice samples**
-- Tagline: *"Banking & Beyond"* <!-- verified: revolut.com homepage 2026-05 -->
-- Segment nav: *"Personal / Business / Kids & Teens"* <!-- verified: revolut.com homepage -->
-
-**Forbidden phrases.** "Revolutionary fintech". Aggressive crypto-bro framing.
-
-## 11. Brand Narrative
-
-**Revolut Ltd was incorporated December 2013** by **Nikolay "Nik" Storonsky (CEO)** with **Vlad Yatsenko (CTO)** joining shortly after; the consumer product **launched 2015** at **Level39 fintech accelerator, Canary Wharf, London** ([Revolut — Wikipedia](https://en.wikipedia.org/wiki/Revolut), [Nik Storonsky — Wikipedia](https://en.wikipedia.org/wiki/Nik_Storonsky)). Storonsky was **the company's first investor (£300,000 of his own savings)**. **Yatsenko**: graduated with honors, worked at **Comarch (Krakow programmer)** → **UBS (London senior software developer 2010)** → brief stints at **Deutsche Bank + Credit Suisse** through 2014. Storonsky and Yatsenko are **both immigrants** ([The Vertical — immigrant founders Revolut](https://thevertical.la/development/who-are-the-immigrant-founders-behind-revolut-the-45-billion-neobank-eyeing-u-s-expansion/)). Originally a multi-currency travel card → expanded to full neobank with stocks, crypto, lending, insurance. **Valuation timeline**: $45B secondary share sale 2024 → **$75B November 2025** ([City AM — Revolut $75B](https://www.cityam.com/revolut-inside-nik-storonskys-75bn-fintech-empire-still-hunting-for-its-crown/)). **IPO timeline**: per Bloomberg April 20 2026 interview, Storonsky stated **~2 years from IPO with U.S. listing preferred**. The brand voice — bold, multi-segment, flat-design — tracks the product's evolution from single-card to financial super-app.
-
-## 12. Principles
-
-1. **Multi-segment first-class.** Personal / Business / Kids & Teens. *UI implication:* segment nav at top level.
-2. **Pill chrome 16px+.** *UI implication:* primary actions and nav use 16px pill.
-3. **Zero shadows.** *UI implication:* depth via background contrast, never shadow.
-4. **Near-black `#0e1318` + white marketing.** *UI implication:* marketing chrome stays achromatic.
-5. **Semantic colors only in product.** *UI implication:* charts + status use semantic; marketing stays neutral.
-
-## 13. Personas
-
-*Personas are fictional archetypes informed by Revolut user segments (multi-currency travelers, freelancers, EU SMB, Gen Z), not individual people.*
-
-**Catherine Liu, 32, London.** UK-based consultant traveling EU monthly. Multi-currency wallet + travel insurance.
-
-**Marcus Müller, 38, Berlin.** Freelancer with EUR/USD income streams. Revolut Business for invoicing.
-
-**Sofia Park, 18, Seoul.** Teens account holder traveling for university applications.
-
-## 14. States
-
-| State | Treatment |
-|---|---|
-| **Empty (no transactions)** | "Top up to start" CTA |
-| **Empty (no investments)** | "Browse stocks/crypto" link |
-| **Loading (price feed)** | Last cached + stale indicator |
-| **Loading (KYC)** | Persistent badge with progress |
-| **Error (KYC)** | Specific reason + remediation |
-| **Error (payment)** | Receipt-style failure + retry |
-| **Success (transaction)** | Receipt with full details + emoji-free confirmation |
-| **Success (deposit)** | Confirmation + when funds available |
-| **Skeleton (account list)** | Pill placeholders |
-| **Disabled (no funds)** | Top up inline link |
-| **Loading (long action)** | Multi-step progress |
-
-## 15. Motion & Easing
-
-| Token | Value | Use |
-|---|---|---|
-| `motion-instant` | 0ms | Toggle |
-| `motion-fast` | 150ms | Hover |
-| `motion-standard` | 250ms | Modal, panel |
-| `motion-pulse` | continuous | Live price update |
-
-Standard cubic-bezier; no bounce — fintech register. `prefers-reduced-motion: reduce` disables price pulse.
-
----
-
-**Verified:** 2026-05-08 (omd:migrate run 51 — Apple-tier)
-**Tier 1 sources:** revolut.com/en-US home + /en-US/business (live DOM via playwright — **all-pill 9999px** chrome with canvas-aware Charcoal/Light pair: **Charcoal `#191c1f`** Primary (consumer light canvas) + **Light Surface `#f4f4f4`** Inverse (Business dark canvas + feature cards) + Translucent `rgba(244,244,244,0.10)` on-dark hover, all 9999px / 42px / 10×24 / 16px·**500**).
-**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
-**Tier 2 (Philosophy/founders/valuation/IPO):** Wikipedia (Revolut + Nik Storonsky), Huxley (Yatsenko Ukrainian billionaire bio), The Vertical (immigrant founders narrative), City AM ($75B Nov 2025), MoneyWeek, Bloomberg Billionaires, FinTech Magazine.
-**Style ref:** `stripe`. **Conflicts unresolved:** none. **Earlier addition:** Charcoal `#191c1f` Primary + Light Surface `#f4f4f4` Inverse + canvas-aware pair + translucent variant missed by prior pass (which captured 38px segment-nav only — canonical is 42px Primary).

package/.opencode/oh-my-design/web/references/revolut/README.md

@@ -1,23 +0,0 @@
-# Revolut Inspired Design System
-
-[DESIGN.md](https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/revolut/DESIGN.md) extracted from the public [Revolut](https://revolut.com/) website. This is not the official design system. Colors, fonts, and spacing may not be 100% accurate. But it's a good starting point for building something similar.
-
-## Files
-
-| File | Description |
-|------|-------------|
-| `DESIGN.md` | Complete design system documentation (9 sections) |
-| `preview.html` | Interactive design token catalog (light) |
-| `preview-dark.html` | Interactive design token catalog (dark) |
-
-Use [DESIGN.md](https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/revolut/DESIGN.md) to use as a reference for AI agents (Claude, Cursor, Stitch) to generate UI that looks like the Revolut design language.
-
-## Preview
-
-A sample landing page built with DESIGN.md. It shows the actual colors, typography, buttons, cards, spacing, and elevation, all in one page.
-
-### Dark Mode
-![Revolut Design System — Dark Mode](https://pub-2e4ecbcbc9b24e7b93f1a6ab5b2bc71f.r2.dev/designs/revolut/preview-dark-screenshot.png)
-
-### Light Mode
-![Revolut Design System — Light Mode](https://pub-2e4ecbcbc9b24e7b93f1a6ab5b2bc71f.r2.dev/designs/revolut/preview-screenshot.png)