zugzbot 1.3.0 → 1.4.0

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

@@ -1,141 +0,0 @@
-# Wise — Verification Notes (2026-05-08)
-
-Pipeline: `spec/verification-pipeline.md` · Skill: `omd:migrate`
-
-## Tier 1 — live DOM (playwright getComputedStyle)
-
-### Surfaces inspected (G3 ≥2)
-- `wise.com/` (corporate home — "The international account · Money without borders")
-- `wise.com/pricing` (kr/pricing — fees & pricing)
-
-### Raw observations
-
-**Open an account / Try demo / Get Started / Sign up today — Hero Primary (Wise Green Pill)**
-- bg `rgb(159, 232, 112)` = **`#9fe870`** Wise Green (lime — fresh nature-inspired fintech accent)
-- color `rgb(22, 51, 0)` = **`#163300`** Dark Green (deep forest text)
-- radius **9999px** (full pill)
-- padding 11×24
-- 48px / 16px·**600**
-- Use: hero CTA + pricing tier CTA — canonical Primary
-
-**Sign up — Header utility (Compact Pill)**
-- bg `#9fe870` / color `#163300`
-- radius 9999px
-- padding 8×12
-- 32px / 16px·600
-- Use: header utility (compact)
-
-**Skip to content — A11y (Large Pill)**
-- bg `#9fe870` / color `#163300`
-- radius 9999px
-- padding 19×24
-- **72px** / 20px·600
-- Use: keyboard skip-to-content (deliberately oversized for a11y focus)
-
-**Top nav pills — Personal / Business / Platform**
-- bg transparent
-- color `#163300`
-- radius 9999px
-- padding 8×12
-- 32px / 18px·600
-
-**Submenu pills — Send money / Multi-currency accounts / etc.**
-- bg transparent
-- color `#163300`
-- radius **18.7693px** (subpixel — rem-based design tokens at non-100% root)
-- padding 8×12
-- 40px / 18px·600
-
-### Single-system: 9999px Wise Green Pill + 18.7693px subpixel submenu
-
-Wise uses **a tiered pill system anchored on `#9fe870` Wise Green**:
-- **Hero Primary**: 9999px / 48px / 11×24 / 16px·600
-- **Header utility**: 9999px / 32px / 8×12 / 16px·600 (compact)
-- **A11y skip-nav**: 9999px / 72px / 19×24 / 20px·600 (oversized for keyboard focus)
-- **Top nav**: transparent 9999px / 32px / 18px·600
-- **Submenu**: 18.7693px subpixel (rem-based) / 40px / 18px·600
-- Dark Green `#163300` text on green / forest text on transparent
-- Weight **600** uniformly — confident reading weight (Inter Semibold default)
-- **Hover = scale(1.05)** physical growth (no color change) — distinctive interaction signature
-
-### Subpixel notes
-- 18.7693px radius on submenu pills indicates rem-based design tokens at non-100% root font-size (similar to together.ai's 3.33px). Treat 18.7693px ≈ rem-based ~1.17rem.
-
----
-
-## Tier 2a — getdesign.md
-- `getdesign.md/wise` — directory only
-
-## Tier 2b — styles.refero.design
-- `?q=Wise` — no record
-
-**Tier 2 status: unavailable.** Tier 1 (wise.com home + /pricing) treated as authoritative.
-
----
-
-## Conflict Matrix
-
-| Field | Tier 1 home | Tier 1 /pricing | refero/getdesign | Resolution |
-|---|---|---|---|---|
-| Primary bg | `#9fe870` Wise Green | `#9fe870` ✓ | n/a | ✓ canonical |
-| Primary text | `#163300` Dark Green | `#163300` ✓ | n/a | ✓ |
-| Primary radius | 9999px pill | 9999px ✓ | n/a | ✓ |
-| Primary padding | 11×24 | 11×24 ✓ | n/a | ✓ |
-| Primary height | 48px | 48px ✓ | n/a | ✓ |
-| Primary font | 16px·600 | 16px·600 ✓ | n/a | ✓ |
-| A11y skip-nav | 9999px / 72px / 20px·600 | n/a | n/a | ✓ a11y over-size |
-| Submenu radius | 18.7693px (rem) | n/a | n/a | ✓ subpixel rem |
-| Hover | scale(1.05) | n/a | n/a | ✓ physical growth |
-
-### Unresolved
-- **None.** Single-system canonical with documented tiered pill scale + 18.7693px rem-based submenu subpixel.
-
-### Earlier mistakes reverted
-- Prior footer (`Skip-to-content 19×24 / 72px / 20px·600`) was the a11y variant. Canonical Primary is **`#9fe870` 9999px / 48px / 11×24 / 16px·600** (Open an account / Get Started — actual hero CTA geometry).
-
----
-
-## Components in §4
-
-§4 (prior B11 batch) — needs:
-1. **Primary `#9fe870` Wise Green + `#163300` text** 9999px / 48px / 11×24 / 16px·600 (canonical hero CTA)
-2. **Header utility** 9999px / 32px / 8×12 / 16px·600 (compact)
-3. **A11y skip-nav** 9999px / 72px / 19×24 / 20px·600 (oversized)
-4. **Submenu pills** 18.7693px (rem-based subpixel) / 40px / 18px·600
-5. **Hover scale(1.05)** physical-growth interaction signature
-
----
-
-## Philosophy sources (G6)
-
-### Founder/founding facts
-- **Wise founded January 2011 in London** (originally TransferWise; renamed July 2012; rebranded Wise February 2021)
-  - Source: [Wise (company) — Wikipedia](https://en.wikipedia.org/wiki/Wise_(company))
-- **Co-founders**: **Kristo Käärmann** (ex-Deloitte management consultant) + **Taavet Hinrikus** (Skype's first employee) — both Estonian, both moved to London ~2006
-- **Origin story**: ~5% bank FX markups on EUR↔GBP transfers → peer-to-peer workaround between the two co-founders → productized
-  - Source: [Bloomberg — Wise Founders Turn Bank Fee Frustration into $3B Fortune (2021-07-07)](https://www.bloomberg.com/news/articles/2021-07-07/wise-founders-turn-bank-fee-frustration-into-3-billion-fortune)
-  - Source: [ERR — Wise founders' story](https://news.err.ee/1608273048/daily-wise-founders-story-contained-plenty-of-twists-and-turns)
-- **Unicorn 2016**
-- **2021-07-07 LSE direct listing (LSE:WISE)** at **~$11B valuation** — no new shares issued — Käärmann + Hinrikus became **Estonia's first two billionaires**
-  - Source: [Fortune — Taavet Hinrikus on his next act (2021-11-24)](https://fortune.com/2021/11/24/wise-taavet-hinrikus-venture-capital-tech-startup-investing/)
-
-### Voice samples (live-verified)
-- *"Open an account"* — hero Primary <!-- verified: wise.com 2026-05 -->
-- *"Try demo"* — hero secondary Primary <!-- verified: wise.com -->
-- *"Get Started"* — section CTAs <!-- verified: wise.com -->
-- *"Sign up"* — header utility <!-- verified: wise.com -->
-- *"Sign up today"* — pricing CTA <!-- verified: wise.com/pricing -->
-- *"Skip to content"* — a11y <!-- verified: wise.com -->
-- *"Personal / Business / Platform"* — top nav <!-- verified: wise.com -->
-
-### Existing §10-15 retained from prior augmentation (B11 batch)
-- Voice & Tone — transparent fintech register
-- §11 narrative — Käärmann + Hinrikus Estonian-origin + 2021 LSE direct listing
-- §15 Standard cubic-bezier; no bounce; scale(1.05) hover
-
----
-
-**Verified-against:**
-- Tier 1: wise.com/, wise.com/pricing (live DOM via playwright)
-- Tier 2: refero/getdesign — no record
-- Founders/funding: Wikipedia (Wise company), Bloomberg 2021-07-07, ERR.ee, Fortune 2021-11-24

package/.opencode/oh-my-design/design-md/wise/DESIGN.md

@@ -1,317 +0,0 @@
----
-id: wise
-name: Wise
-country: UK
-category: fintech
-homepage: "https://wise.com"
-primary_color: "#9fe870"
-logo:
-  type: simpleicons
-  slug: wise
-verified: "2026-05-15"
-omd: "0.1"
-ds:
-  name: Wise Design
-  url: "https://wise.design"
-  type: system
-  description: Wise's design system covering foundations, components, patterns, and tone of voice.
-tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
-  colors:
-    ink: "#0e0f0c"
-    primary: "#9fe870"
-    dark-green: "#163300"
-    light-mint: "#e2f6d5"
-    pastel-green: "#cdffad"
-    positive: "#054d28"
-    danger: "#d03238"
-    warning: "#ffd11a"
-    bright-orange: "#ffc091"
-    warm-dark: "#454745"
-    gray: "#868685"
-    light-surface: "#e8ebe6"
-    canvas: "#ffffff"
-  typography:
-    family: { sans: "Inter", mono: "Inter" }
-    display-mega:  { size: 126, weight: 900, lineHeight: 0.85, use: "Wise Sans, max display" }
-    display-hero:  { size: 96, weight: 900, lineHeight: 0.85, use: "Wise Sans, hero" }
-    section:       { size: 64, weight: 900, lineHeight: 0.85, use: "Wise Sans, section heading" }
-    subheading:    { size: 40, weight: 900, lineHeight: 0.85, use: "Wise Sans, sub-heading" }
-    card-title:    { size: 26, weight: 600, lineHeight: 1.23, tracking: -0.39, use: "Inter, card title" }
-    feature-title: { size: 22, weight: 600, lineHeight: 1.25, tracking: -0.4, use: "Inter, feature title" }
-    body:          { size: 18, weight: 400, lineHeight: 1.44, tracking: 0.18, use: "Inter, body" }
-    body-semibold: { size: 18, weight: 600, lineHeight: 1.44, tracking: -0.11, use: "Inter, body default" }
-    button:        { size: 18, weight: 600, lineHeight: 1.0, tracking: -0.11, use: "Inter, button" }
-    caption:       { size: 14, weight: 400, lineHeight: 1.5, tracking: -0.08, use: "Inter, caption" }
-    small:         { size: 12, weight: 400, lineHeight: 1.0, tracking: -0.08, use: "Inter, small" }
-  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 20, xl: 24 }
-  rounded: { sm: 16, md: 30, lg: 40, full: 9999 }
-  shadow:
-    ring: "rgba(14,15,12,0.12) 0px 0px 0px 1px"
-    inset: "rgb(134,134,133) 0px 0px 0px 1px inset"
-  components:
-    button-primary: { type: button, bg: "#9fe870", fg: "#163300", radius: 9999, padding: "5px 16px", use: "Primary green pill, hover scale 1.05" }
-    button-secondary: { type: button, fg: "#0e0f0c", radius: 9999, padding: "8px 12px 8px 16px", use: "Subtle pill, dark green 8% bg" }
-    card: { type: card, radius: 30, use: "Card, 1px rgba(14,15,12,0.12) border, ring shadow" }
-    badge-mint: { type: badge, bg: "#e2f6d5", fg: "#163300", radius: 16, use: "Soft green badge surface" }
-  components_harvested: true
----
-
-# Design System Inspiration of Wise
-
-## 1. Visual Theme & Atmosphere
-
-Wise's website is a bold, confident fintech platform that communicates "money without borders" through massive typography and a distinctive lime-green accent. The design operates on a warm off-white canvas with near-black text (`#0e0f0c`) and a signature Wise Green (`#9fe870`) — a fresh, lime-bright color that feels alive and optimistic, unlike the corporate blues of traditional banking.
-
-The typography uses Wise Sans — a proprietary font used at extreme weight 900 (black) for display headings with a remarkably tight line-height of 0.85 and OpenType `"calt"` (contextual alternates). At 126px, the text is so dense it feels like a protest sign — bold, urgent, and impossible to ignore. Inter serves as the body font with weight 600 as the default for emphasis, creating a consistently confident voice.
-
-What distinguishes Wise is its green-on-white-on-black material palette. Lime Green (`#9fe870`) appears on buttons with dark green text (`#163300`), creating a nature-inspired CTA that feels fresh. Hover states use `scale(1.05)` expansion rather than color changes — buttons physically grow on interaction. The border-radius system uses 9999px for buttons (pill), 30px–40px for cards, and the shadow system is minimal — just `rgba(14,15,12,0.12) 0px 0px 0px 1px` ring shadows.
-
-**Key Characteristics:**
-- Wise Sans at weight 900, 0.85 line-height — billboard-scale bold headlines
-- Lime Green (`#9fe870`) accent with dark green text (`#163300`) — nature-inspired fintech
-- Inter body at weight 600 as default — confident, not light
-- Near-black (`#0e0f0c`) primary with warm green undertone
-- Scale(1.05) hover animations — buttons physically grow
-- OpenType `"calt"` on all text
-- Pill buttons (9999px) and large rounded cards (30px–40px)
-- Semantic color system with comprehensive state management
-
-## 2. Color Palette & Roles
-
-### Primary Brand
-- **Near Black** (`#0e0f0c`): Primary text, background for dark sections
-- **Wise Green** (`#9fe870`): Primary CTA button, brand accent
-- **Dark Green** (`#163300`): Button text on green, deep green accent
-- **Light Mint** (`#e2f6d5`): Soft green surface, badge backgrounds
-- **Pastel Green** (`#cdffad`): `--color-interactive-contrast-hover`, hover accent
-
-### Semantic
-- **Positive Green** (`#054d28`): `--color-sentiment-positive-primary`, success
-- **Danger Red** (`#d03238`): `--color-interactive-negative-hover`, error/destructive
-- **Warning Yellow** (`#ffd11a`): `--color-sentiment-warning-hover`, warnings
-- **Background Cyan** (`rgba(56,200,255,0.10)`): `--color-background-accent`, info tint
-- **Bright Orange** (`#ffc091`): `--color-bright-orange`, warm accent
-
-### Neutral
-- **Warm Dark** (`#454745`): Secondary text, borders
-- **Gray** (`#868685`): Muted text, tertiary
-- **Light Surface** (`#e8ebe6`): Subtle green-tinted light surface
-
-## 3. Typography Rules
-
-### Font Families
-- **Display**: `Wise Sans`, fallback: `Inter` — OpenType `"calt"` on all text
-- **Body / UI**: `Inter`, fallbacks: `Helvetica, Arial`
-
-### Hierarchy
-
-| Role | Font | Size | Weight | Line Height | Letter Spacing | Notes |
-|------|------|------|--------|-------------|----------------|-------|
-| Display Mega | Wise Sans | 126px (7.88rem) | 900 | 0.85 (ultra-tight) | normal | `"calt"` |
-| Display Hero | Wise Sans | 96px (6.00rem) | 900 | 0.85 | normal | `"calt"` |
-| Section Heading | Wise Sans | 64px (4.00rem) | 900 | 0.85 | normal | `"calt"` |
-| Sub-heading | Wise Sans | 40px (2.50rem) | 900 | 0.85 | normal | `"calt"` |
-| Alt Heading | Inter | 78px (4.88rem) | 600 | 1.10 (tight) | -2.34px | `"calt"` |
-| Card Title | Inter | 26px (1.62rem) | 600 | 1.23 (tight) | -0.39px | `"calt"` |
-| Feature Title | Inter | 22px (1.38rem) | 600 | 1.25 (tight) | -0.396px | `"calt"` |
-| Body | Inter | 18px (1.13rem) | 400 | 1.44 | 0.18px | `"calt"` |
-| Body Semibold | Inter | 18px (1.13rem) | 600 | 1.44 | -0.108px | `"calt"` |
-| Button | Inter | 18px–22px | 600 | 1.00–1.44 | -0.108px | `"calt"` |
-| Caption | Inter | 14px (0.88rem) | 400–600 | 1.50–1.86 | -0.084px to -0.108px | `"calt"` |
-| Small | Inter | 12px (0.75rem) | 400–600 | 1.00–2.17 | -0.084px to -0.108px | `"calt"` |
-
-### Principles
-- **Weight 900 as identity**: Wise Sans Black (900) is used exclusively for display — the heaviest weight in any analyzed system. It creates text that feels stamped, pressed, physical.
-- **0.85 line-height**: The tightest display line-height analyzed. Letters overlap vertically, creating dense, billboard-like text blocks.
-- **"calt" everywhere**: Contextual alternates enabled on ALL text — both Wise Sans and Inter.
-- **Weight 600 as body default**: Inter Semibold is the standard reading weight — confident, not light.
-
-## 4. Component Stylings
-
-### Buttons
-
-**Primary Green Pill**
-- Background: `#9fe870` (Wise Green)
-- Text: `#163300` (Dark Green)
-- Padding: 5px 16px
-- Radius: 9999px
-- Hover: scale(1.05) — button physically grows
-- Active: scale(0.95) — button compresses
-- Focus: inset ring + outline
-
-**Secondary Subtle Pill**
-- Background: `rgba(22, 51, 0, 0.08)` (dark green at 8% opacity)
-- Text: `#0e0f0c`
-- Padding: 8px 12px 8px 16px
-- Radius: 9999px
-- Same scale hover/active behavior
-
-### Cards & Containers
-- Radius: 16px (small), 30px (medium), 40px (large cards/tables)
-- Border: `1px solid rgba(14,15,12,0.12)` or `1px solid #9fe870` (green accent)
-- Shadow: `rgba(14,15,12,0.12) 0px 0px 0px 1px` (ring shadow)
-
-### Navigation
-- Green-tinted navigation hover: `rgba(211,242,192,0.4)`
-- Clean header with Wise wordmark
-- Pill CTAs right-aligned
-
-## 5. Layout Principles
-
-### Spacing System
-- Base unit: 8px
-- Scale: 1px, 2px, 3px, 4px, 5px, 8px, 10px, 11px, 12px, 16px, 18px, 19px, 20px, 22px, 24px
-
-### Border Radius Scale
-- Minimal (2px): Links, inputs
-- Standard (10px): Comboboxes, inputs
-- Card (16px): Small cards, buttons, radio
-- Medium (20px): Links, medium cards
-- Large (30px): Feature cards
-- Section (40px): Tables, large cards
-- Mega (1000px): Presentation elements
-- Pill (9999px): All buttons, images
-- Circle (50%): Icons, badges
-
-## 6. Depth & Elevation
-
-| Level | Treatment | Use |
-|-------|-----------|-----|
-| Flat (Level 0) | No shadow | Default |
-| Ring (Level 1) | `rgba(14,15,12,0.12) 0px 0px 0px 1px` | Card borders |
-| Inset (Level 2) | `rgb(134,134,133) 0px 0px 0px 1px inset` | Input focus |
-
-**Shadow Philosophy**: Wise uses minimal shadows — ring shadows only. Depth comes from the bold green accent against the neutral canvas.
-
-## 7. Do's and Don'ts
-
-### Do
-- Use Wise Sans weight 900 for display — the extreme boldness IS the brand
-- Apply line-height 0.85 on Wise Sans display — ultra-tight is intentional
-- Use Lime Green (#9fe870) for primary CTAs with Dark Green (#163300) text
-- Apply scale(1.05) hover and scale(0.95) active on buttons
-- Enable "calt" on all text
-- Use Inter weight 600 as the body default
-
-### Don't
-- Don't use light font weights for Wise Sans — only 900
-- Don't relax the 0.85 line-height on display — the density is the identity
-- Don't use the Wise Green as background for large surfaces — it's for buttons and accents
-- Don't skip the scale animation on buttons
-- Don't use traditional shadows — ring shadows only
-
-## 8. Responsive Behavior
-
-### Breakpoints
-| Name | Width | Key Changes |
-|------|-------|-------------|
-| Mobile | <576px | Single column |
-| Tablet | 576–992px | 2-column |
-| Desktop | 992–1440px | Full layout |
-| Large | >1440px | Expanded |
-
-## 9. Agent Prompt Guide
-
-### Quick Color Reference
-- Text: Near Black (`#0e0f0c`)
-- Background: White (`#ffffff` / off-white)
-- Accent: Wise Green (`#9fe870`)
-- Button text: Dark Green (`#163300`)
-- Secondary: Gray (`#868685`)
-
-### Example Component Prompts
-- "Create hero: white background. Headline at 96px Wise Sans weight 900, line-height 0.85, 'calt' enabled, #0e0f0c text. Green pill CTA (#9fe870, 9999px radius, 5px 16px padding, #163300 text). Hover: scale(1.05)."
-- "Build a card: 30px radius, 1px solid rgba(14,15,12,0.12). Title at 22px Inter weight 600, body at 18px weight 400."
-
-### Iteration Guide
-1. Wise Sans 900 at 0.85 line-height — the extreme weight IS the brand
-2. Lime Green for buttons only — dark green text on green background
-3. Scale animations (1.05 hover, 0.95 active) on all interactive elements
-4. "calt" on everything — contextual alternates are mandatory
-5. Inter 600 for body — confident reading weight
-
-## 10. Voice & Tone
-
-Wise's voice is **fintech-clear and money-honest.** "The international account / Money without borders" — capability-driven, no marketing fluff. Lime green primary `#9fe870` signals "modern fintech, not bank corporate." Wise has been famously transparent about exchange rate markups since founding.
-
-| Context | Tone |
-|---|---|
-| CTA | Verb. "Get started", "Sign up", "Open an account" |
-| Marketing | Comparison-honest. Real exchange rate vs banks shown |
-| Documentation | Plain English KYC explanations |
-| Error | Specific. "Recipient details invalid. Check IBAN format." |
-
-**Voice samples**
-- Marketing tagline: *"Money without borders"* <!-- verified: wise.com homepage 2026-05 -->
-
-**Forbidden phrases.** "Revolutionary fintech". Hidden fees framing.
-
-## 11. Brand Narrative
-
-Wise was **founded January 2011 in London** as **TransferWise** (renamed July 2012 → rebranded **Wise** February 2021) by **Kristo Käärmann** (ex-Deloitte management consultant) and **Taavet Hinrikus** (Skype's first employee). Both Estonian, both moved to London ~2006, both frustrated by ~5% bank FX markups on EUR↔GBP transfers — they devised a peer-to-peer workaround between themselves that became the business concept. **Reached unicorn status in 2016.** On **7 July 2021**, Wise went public via **direct listing on the London Stock Exchange (LSE:WISE)** at an **~$11B valuation** — no new shares issued, making Käärmann + Hinrikus **Estonia's first two billionaires**. The brand voice — transparent, honest, lime green `#9fe870` primary, Wise Sans 900 display, Inter 600 body — reflects "money without borders" for international citizens. <!-- citations: Wikipedia (Wise company); Bloomberg 2021-07-07; ERR.ee; Fortune 2021-11-24 -->
-
-**Sources:**
-- [Wise (company) — Wikipedia](https://en.wikipedia.org/wiki/Wise_(company))
-- [Bloomberg — Wise Founders Turn Bank Fee Frustration into $3B Fortune (2021-07-07)](https://www.bloomberg.com/news/articles/2021-07-07/wise-founders-turn-bank-fee-frustration-into-3-billion-fortune)
-- [ERR — Wise founders' story contained plenty of twists and turns](https://news.err.ee/1608273048/daily-wise-founders-story-contained-plenty-of-twists-and-turns)
-- [Fortune — Taavet Hinrikus on his next act (2021-11-24)](https://fortune.com/2021/11/24/wise-taavet-hinrikus-venture-capital-tech-startup-investing/)
-
-## 12. Principles
-
-1. **Real exchange rate is the product.** *UI implication:* always show interbank rate; markups visible.
-2. **Multi-currency native.** *UI implication:* nav supports 50+ currency selection.
-3. **Lime green `#9fe870` for primary.** *UI implication:* preserve lime; don't substitute corporate blue.
-4. **Inter 600 body.** *UI implication:* confident reading weight; don't lighten to 400.
-5. **`calt` OpenType.** Contextual alternates mandatory. *UI implication:* preserve OpenType features.
-
-## 13. Personas
-
-*Personas are fictional archetypes informed by Wise user segments (international workers, freelancers with multi-currency income, expats), not individual people.*
-
-**Sergey Volkov, 33, Berlin.** Russian-origin engineer working remotely for US company. Wise multi-currency account.
-
-**Sofia Russo, 31, Milan.** Freelancer with EUR/USD/GBP income. Wise Business for invoicing.
-
-**Henrik Sondergaard, 38, Singapore.** Expat with Danish family. Wise for sending money home + multi-currency debit card.
-
-## 14. States
-
-| State | Treatment |
-|---|---|
-| **Empty (no transfers)** | "Send your first transfer" CTA |
-| **Empty (no accounts)** | "Open an account" CTA |
-| **Loading (rate fetch)** | Real-time rate update with timestamp |
-| **Loading (KYC)** | Persistent badge with progress |
-| **Error (recipient)** | Specific field-level message |
-| **Error (compliance)** | Plain English explanation + remediation |
-| **Success (transfer)** | Receipt with rate / fee / arrival time |
-| **Success (KYC)** | Confirmation + account active |
-| **Skeleton (transaction list)** | Lime-tinted placeholders |
-| **Disabled (insufficient funds)** | Top up 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 FX rate update |
-
-Standard cubic-bezier; no bounce — fintech register. `prefers-reduced-motion: reduce` removes rate pulse.
-
----
-
-**Verified:** 2026-05-08 (Apple-tier full migration)
-**Tier 1 sources:** wise.com/, wise.com/pricing (live DOM via playwright)
-- **Primary `#9fe870` Wise Green + `#163300` Dark Green text** 9999px / 48px / 11×24 / 16px·600 (Open an account / Try demo / Get Started / Sign up today — canonical hero/pricing CTA)
-- **Sign up — Header utility** `#9fe870` 9999px / 32px / 8×12 / 16px·600 (compact variant)
-- **Skip-to-content** `#9fe870` 9999px / 72px / 19×24 / 20px·600 (a11y, larger geometry)
-- **Top nav pills** transparent / `#163300` text / 9999px / 32px / 8×12 / 18px·600
-- **Submenu pills** transparent / `#163300` / 18.7693px / 40px / 8×12 / 18px·600 (subpixel — rem-based design tokens)
-**Tier 2 sources:** styles.refero.design / getdesign.md — no record.
-**Tier 1 (Philosophy):** Wikipedia (Wise company), Bloomberg 2021-07-07, ERR.ee, Fortune 2021-11-24.
-**Style ref:** `stripe`. **Conflicts unresolved:** none.

package/.opencode/oh-my-design/design-md/wise/README.md

@@ -1,23 +0,0 @@
-# Wise Inspired Design System
-
-[DESIGN.md](https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/wise/DESIGN.md) extracted from the public [Wise](https://wise.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/wise/DESIGN.md) to use as a reference for AI agents (Claude, Cursor, Stitch) to generate UI that looks like the Wise 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
-![Wise Design System — Dark Mode](https://pub-2e4ecbcbc9b24e7b93f1a6ab5b2bc71f.r2.dev/designs/wise/preview-dark-screenshot.png)
-
-### Light Mode
-![Wise Design System — Light Mode](https://pub-2e4ecbcbc9b24e7b93f1a6ab5b2bc71f.r2.dev/designs/wise/preview-screenshot.png)