zugzbot 1.0.21 → 1.0.22

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

@@ -1,18 +0,0 @@
-# Karrot (당근) Inspired Design System
-
-DESIGN.md crafted from Karrot's open-source [Seed Design System](https://github.com/daangn/seed-design) and [seed-design.io](https://seed-design.io). This references the Seed Design token system, component library, and publicly available design documentation. Colors, fonts, and spacing are based on the actual open-source tokens.
-
-## Files
-
-| File | Description |
-|------|-------------|
-| `DESIGN.md` | Complete design system documentation (9 sections) |
-
-Use DESIGN.md as a reference for AI agents (Claude, Cursor, Stitch) to generate UI that looks like the Karrot design language.
-
-## Sources
-
-- [Seed Design GitHub](https://github.com/daangn/seed-design) — Open-source design tokens and components
-- [Seed Design Docs](https://seed-design.io) — Official documentation
-- [Seed Icon](https://github.com/daangn/seed-icon) — Icon management
-- [Stackflow](https://github.com/daangn/stackflow) — Navigation library

package/.opencode/oh-my-design/web/references/karrot/_research.md

@@ -1,57 +0,0 @@
-# Research Sources for Karrot (당근, daangn)
-
-Reference: `web/references/karrot/DESIGN.md`
-
-## Philosophy Layer — added 2026-04-20
-
-Sources (all retrieved 2026-04-20 via WebFetch / WebSearch):
-
-| # | URL | Used for | Confidence |
-|---|---|---|---|
-| 1 | https://www.karrotmarket.com | §10 voice samples (verified English microcopy: "Buy and sell for free with locals", "Welcome to your new neighborhood buy & sell", "It's easier in the apps", "Download the Karrot app"), category taxonomy, footer IA | High — live public surface |
-| 2 | https://about.daangn.com | §10 voice samples (Korean mission taglines `동네를 여는 문, 당근` / `로컬의 모든 것을 연결해, 동네의 숨은 가치를 깨워요`), §11 brand-narrative numerical claims (40M+ registered, 20M+ MAU, 1,400+ regions, 227B KRW funding, Jan-2025 cutoff) | High for direct quotes; Medium for metrics (retrieval-date snapshot, not re-verified against filings) |
-| 3 | https://medium.com/daangn | §11 tech-mission variant (`로컬의 모든 것을 연결해 동네의 숨은 가치를 기술로 깨우는`), engineering-culture framing | High — official company publication |
-| 4 | https://www.crunchbase.com/organization/daangn-market | §11 founding year (2015), co-founders (Kim Yong-hyun, Kim Jae-hyun), Kakao spinout context | Medium — tertiary database |
-| 5 | https://www.kedglobal.com/korean-startups/newsView/ked202407040005 | §11 hyperlocal radius history (initial 6 km → 10 km KR/JP, 50 km US/CA), Canada expansion 2024 | Medium — trade-press reporting |
-
-Style reference: `web/references/toss/DESIGN.md` (auto-picked per skill Phase 10-2 — 🇰🇷 KR region peer, matches target density/format).
-
-### Confidence per section
-
-- **§10 Voice & Tone** — High. 5 of 7 voice samples are `verified:` against live Karrot surfaces; 2 are marked `illustrative:` (hyperlocal meet-up and search-pattern), using placeholder variables (`<neighborhood>`, `<product>`) so no brand-specific fake copy is asserted.
-- **§11 Brand Narrative** — High for founding facts (multiple press sources), founders, and hyperlocal radius history. Medium for the 40M/20M/1,400/227B metrics (single-source snapshot from about.daangn.com, flagged for re-verification in the DESIGN.md footer).
-- **§12 Principles** — Medium. Principles P1, P2, P5, P6, P7 derive directly from the base DESIGN.md sections 1–7 (explicit token/grid/theming rules in Seed Design). P3 (proximity surfacing) and P4 (trust from calm) are editorial readings of the hyperlocal product posture — flagged as such in the DESIGN.md footer.
-- **§13 Personas** — Low/illustrative by construction. All four are fictional archetypes with explicit disclaimer at section top. Segmentation informed by: KR urban young-adult marketplace use, KR secondary-city student patterns, North American expat adoption (ref: karrotmarket.com global expansion), KR retiree 동네생활 community usage.
-- **§14 States** — Medium/High. Empty/error/success/skeleton/disabled taxonomy follows Seed Design and the toss style reference. Brand-authentic row (neighborhood-switch cross-fade) derives from §15 motion decision and the proximity-first principle.
-- **§15 Motion & Easing** — Medium. Duration scale and easing curves follow the OMD canonical vocabulary (toss/line parallel). Spring-forbidden stance is an editorial interpretation of Karrot's calm/trust brand posture, justified inline in §15 and disclosed in the DESIGN.md footer as interpretive.
-
-### Gaps / flags
-
-1. **Hyperlocal radius is a moving target.** The 6 → 10 → 50 km progression is reported widely but current product-level values may differ by market. Don't quote as a design constraint without re-verification.
-2. **Metrics are a dated snapshot.** 40M/20M/1,400/227B figures carry a Jan-2025 effective date per the about.daangn.com page as retrieved; Karrot has an IPO track in motion (per 2025 press) which may shift the canonical numbers on the corporate page.
-3. **Seed Design repository was not inspected in this pass.** Token names and shadow opacities in the base DESIGN.md §1–9 are taken as authoritative (they were extracted in the CREATE-mode pass). Philosophy layer did not re-verify these against the GitHub repo.
-4. **No brand-guideline document located.** Karrot does not publish a public voice/tone guideline analogous to LINE's Creative Lab or Mercari's brand page. §10 verification relies on live surface microcopy rather than a formal guideline — acceptable per rubric D4 ("≥1 verified" bar met) but noted.
-
----
-
-## Philosophy Layer QA (2026-04-20) — Diagnostic Rubric
-
-Applied per `research/2026-04-20_philosophy-layer-diagnostic.md` (D1–D11). Style reference: toss.
-
-| # | Dimension | Score | Notes |
-|---|---|---|---|
-| D1 | §10 intro standalone, 3–5 lines, voice qualifiers | 🟢 | Standalone opener — no comparison to other OMD brands. 5 lines. Voice qualifiers: *warm, plain-spoken, low-friction, allergic to corporate marketing*. Category contrast ("Buy and sell for free with locals" vs "Discover premium local marketplace experiences") is a generic category contrast, not an OMD-peer comparison. |
-| D2 | §10 tone table 7–10 rows with brand-surface | 🟢 | 8 rows. Includes CTAs, Empty, Error, Success, Onboarding, plus three brand-surface rows (Community guidelines, Trust & safety, Local/hyperlocal copy — the last is uniquely Karrot). |
-| D3 | §10 forbidden phrases with brand-specific items | 🟢 | Generic bans (`혁신적인`, `amazing deals`, `best-in-class`, `revolutionary`, `world-class`) + brand/locale-specific (`불편을 드려 죄송합니다`, `데이터가 없습니다`, `오류가 발생했습니다`, `We apologize for the inconvenience`) + category-specific emoji-in-errors ban. |
-| D4 | §10 voice samples ≥3 with verification tier markers | 🟢 | 7 samples. 5 `verified:` with live URLs (karrotmarket.com × 3, about.daangn.com × 1) + 1 `cited:` (about.daangn.com mission page). 2 `illustrative:` samples use placeholder variables, no fake-specific brand copy. Exceeds "≥1 verified" bar. |
-| D5 | §11 narrative with inline citations + footer manifest | 🟢 | Inline markdown citations in the narrative: [Crunchbase], [KED Global], [about.daangn.com], [medium.com/daangn]. Numerical claim (40M/20M/1,400/227B) carries inline `<!-- source: ... -->` re-verification marker. Footer HTML comment contains full tiered source manifest. |
-| D6 | §12 principles with explicit UI implication | 🟢 | All 8 principles use explicit `*UI implication:*` label followed by a concrete UI rule (single-orange-per-viewport, 4px grid snap, neighborhood metadata visibility, etc.). |
-| D7 | §12 count 5–10 (target 7–9) | 🟢 | 8. Within target 7–9 window. |
-| D8 | §13 personas ≤3 sentences, behavior-first, disclaimer | 🟢 | 4 archetypes, each 3 sentences. Disclaimer present at top. Content is ≥80% behavior (opens-frequency, distance willingness, chat vs call, scroll patterns, 동네생활 usage) with minimal background. |
-| D9 | §14 states 10–12, core types covered, no UI-pattern pollution | 🟢 | 12 rows. Covers Empty (× 3 variants), Loading (× 3), Error (× 3), Success (× 2), Disabled. No UI-patterns mis-counted as states. Brand-authentic row: "Loading (refresh) → carrot-glyph pull-to-refresh indicator". |
-| D10 | §15 spring stance explicit + rationale | 🟢 | Explicit: *"Spring and overshoot easings are forbidden across Karrot surfaces."* Rationale given (marketplace trust between strangers, calm neutrality, no celebratory bounce on money). Licensed exception (native pull-to-refresh inherits OS spring) is narrow-scoped with justification. |
-| D11 | §15 reduce-motion rule present | 🟢 | Present in §15 signature-motions list item 4: *"Under `prefers-reduced-motion: reduce`, all `motion-*` tokens collapse to `motion-instant`. No exceptions."* |
-
-**Result**: 11 🟢 / 0 🟡 / 0 🔴. **PASS.**
-
-Pass threshold (≥9 green, no red, ≤2 yellow) exceeded.

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

@@ -1,252 +0,0 @@
----
-id: kbank
-name: K bank
-country: KR
-category: fintech
-homepage: "https://www.kbanknow.com"
-primary_color: "#0046ff"
-logo:
-  type: favicon
-  slug: "https://www.google.com/s2/favicons?domain=kbanknow.com&sz=256"
-verified: "2026-05-14"
-omd: "0.1"
-tokens:
-  source: prose-derived
-  extracted: "2026-06-09"
-  note: "primary = signature K bank Navy #0114a7 (sole brand primary); lime #b6f23d is the sparing energetic accent"
-  colors:
-    primary: "#0114a7"
-    brand: "#0114a7"
-    accent-lime: "#b6f23d"
-    accent-sell: "#047af1"
-    canvas: "#ffffff"
-    foreground: "#020616"
-    muted: "#67748e"
-    on-primary: "#ffffff"
-    surface: "#f7f9fd"
-    surface-strong: "#edf1f7"
-    hairline: "#e0e6f1"
-    body: "#252b37"
-    info: "#066ae5"
-    action: "#2539e9"
-    error: "#e23a32"
-    warning: "#e46f00"
-    success: "#69a305"
-  typography:
-    family: { sans: "Pretendard K Edition", mono: "SF Mono" }
-    body:    { size: 14, weight: 400, lineHeight: "normal", use: "Standard body text" }
-    cta:     { size: 18, weight: 500, use: "Button label, medium weight not bold" }
-  spacing: { xs: 4, sm: 8, md: 12, base: 16, lg: 20, xl: 24, xxl: 32 }
-  rounded: { sm: 0, md: 0, lg: 12, full: 9999 }
-  shadow:
-    none: "Elevation conveyed through 1px borders and g200/g300 fills, not Z-axis"
-  components_harvested: true
-  components:
-    button-primary: { type: button, bg: "#0114a7", fg: "#ffffff", radius: "12px", height: "56px", font: "18px / 500", use: "Primary CTA, medium weight on navy fill" }
-    listItem-link: { type: listItem, fg: "#020616", use: "Nav/body links, underline on hover, dense 14px" }
-    card-tile: { type: card, bg: "#ffffff", border: "1px solid #e0e6f1", radius: "0px", shadow: "none", use: "Square-cornered product tiles separated by 1px borders" }
-    badge-info: { type: badge, bg: "#d1ecff", fg: "#066ae5", use: "Informational banner state" }
-    badge-action: { type: badge, bg: "#e6ebff", fg: "#2539e9", use: "Promo / opportunity callout" }
-    badge-neutral: { type: badge, bg: "#edf1f7", fg: "#4d596f", use: "Quiet badge / chip" }
-    badge-error: { type: badge, bg: "#ffe5e0", fg: "#e23a32", use: "Failure / fraud alert" }
----
-
-# K bank — Design Reference
-
-> 케이뱅크 — Korea's first internet-only bank (launched 2017). State-licensed digital-only commercial bank; sibling category to Toss Bank and Kakao Bank, but with the most "traditional bank" posture of the three: navy-led, document-forward, partnership-driven (KT, Woori, Bain, MBK).
-
-K bank reads as a **regulated bank that happens to be app-native**, not a fintech wearing a bank licence. The visual signal is conservative, the IA is product-catalog-first, and the language defaults to formal `~합니다` rather than the colloquial `~해요` of Toss. The interesting tension: an otherwise austere navy palette is paired with one shockingly bright lime (`#B6F23D`) reserved as the energetic accent — a calculated rule-breaker.
-
----
-
-## 1. Visual Theme & Atmosphere
-
-**K bank** is South Korea's first internet-only bank (launched 2017, KT-led consortium → 2021 KT Strategic Investment recap → 2024 IPO preparation). The product surface reads as a neobank that refuses both fintech-startup playfulness and legacy-bank gravitas: a near-white canvas anchored by a single signature **K bank Navy `#0114A7`**, an energetic **Lime `#B6F23D`** accent used sparingly on activation states, and a tight Pretendard type ladder. Skip-link primary, body 16px / 400 #1A1A1A on white, fixed 1280px desktop canvas — the chrome is sober, mobile-first-translated-to-desktop, and image-replacement H1 (font-size:0) is still in use, which surfaces concrete a11y debt (`a11y_landmark_violation` documented in §8). Where the prior batch's Toss leans warm-trust and KakaoBank leans playful-yellow, K bank leans **executive-restraint**: the brand is the navy, the navy is the trust, and chrome elsewhere stays out of the way.
-
-## 1.1 Foundation tokens (live-captured)
-
-
-All values pulled from `getComputedStyle(document.documentElement)` on `https://www.kbanknow.com` — see `assets/_reference/tokens.json` for the full machine-readable set and `assets/_reference/.live-inspect-proof.json` for raw samples.
-
-### Color — brand
-| Token | Value | Role |
-|---|---|---|
-| `--color-navy` | `#0114A7` | Signature K bank navy. Sole brand-positive primary. Used on skip-link, CTAs, key labels. |
-| `--color-lime` | `#B6F23D` | Energetic accent. Sparingly applied — never on body text, never on form chrome. |
-| `--txt-pri-sell` | `#047AF1` | "Sell" / promo blue — used for product-detail callouts adjacent to navy primary. |
-
-### Color — neutral ramp (11 stops, dual-emitted as `--color-g*` and `--txt-g*`)
-`g1000 #020616` → `g900 #252B37` → `g800 #3B4659` → `g700 #4D596F` → `g600 #67748E` → `g500 #8694B1` → `g400 #C8D2E4` → `g300 #E0E6F1` → `g200 #EDF1F7` → `g100 #F7F9FD` → `w100 #FFFFFF`. Cool-leaning grayscale (blue-tinted, not neutral) — keeps the ramp coherent with the navy primary.
-
-### Color — semantic state
-| State | Bg | Txt | Use |
-|---|---|---|---|
-| info | `#D1ECFF` | `#066AE5` | informational banner |
-| action | `#E6EBFF` | `#2539E9` | promo / opportunity callout |
-| neutral | `#EDF1F7` | `#4D596F` | quiet badge / chip |
-| error | `#FFE5E0` | `#E23A32` | failure / fraud alert |
-
-### Color — extended palette
-`bu800 #066AE5` · `re700 #E23A32` · `og600 #E46F00` · `yl600 #B78F01` · `lm600 #69A305` · `in700 #4262FF`. Six muted hues, each kept dark/saturated enough to pass AA against `#FFFFFF`.
-
-### Typography
-- **Primary**: `Pretendard K Edition` — the Korean-optimised cut of the open-source Pretendard family. Single global family; no serif/display split.
-- **Stack**: `Pretendard K Edition, -apple-system, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, sans-serif`.
-- **Body**: 14px / 400 / line-height `normal`.
-- **CTA**: 18px / 500 (medium, not bold) / 56px height / 12px radius. This is the only widely-rounded surface — see §3.
-
-### Radius
-- CTA only: `12px`.
-- Everything else observed: `0px`. **Sharp orthogonal blocks dominate.** This is a deliberate, conservative-bank signal.
-
-### Shadow
-- Not used on the marketing root. Elevation conveyed through 1px borders and `--color-g200/g300` background fills, not Z-axis.
-
----
-
-## 2. Layout & grid
-
-- **Fixed 1280px desktop canvas.** No fluid breakpoint observed on the marketing surface; mobile app is the primary product channel, web is the catalog/regulatory mirror.
-- Body width measured live at `1280px`, height `1126px` above-the-fold for the landing surface.
-- Three vertical bands: top utility row → primary nav → product-tile grid → 새소식/공지 list → footer-equivalent block.
-- No `<header>` / `<nav>` / `<footer>` / `<main>` landmarks — all chrome is `<div class="…">`. Logged as a11y debt in §11.
-
----
-
-## 3. Component DNA
-
-**Buttons**: 56px tall × 12px radius × 18px / 500 type × navy (`#0114A7`) fill + white text. Medium weight, not bold — a small but distinctive choice; most KR finance peers default to 600/700.
-
-**Skip-link**: Renders visibly when focused as `padding: 10px 20px; background: #0114A7; color: #fff;` — a rare bank that ships a working "본문 바로가기" affordance.
-
-**Links**: Default to `g1000 #020616` body color, underline on hover (not inline-styled — relies on Pretendard's tight optical settings to keep dense 14px nav legible).
-
-**Cards / product tiles**: Square-cornered (`0px`), separated by 1px borders in `--color-g300 #E0E6F1`, internal padding generous. No drop-shadow.
-
-**Form chrome**: `<input>` elements observed but kept off-DOM until interaction (`display:none` on landing) — the marketing surface is read-only, transactional flows live in the app.
-
-**Logo treatment**: `<h1 class="logo">` with `font-size: 0` (image-replacement) — text content `개인 / 기업` is the persona switcher, the visible logo is an inline SVG.
-
----
-
-## 4. Iconography & illustration
-
-- Minimal illustration on the marketing root (8 `<img>` total). The brand leans on type + flat color blocks for hierarchy, not custom artwork.
-- No icon system surfaced in `:root` tokens — icons are inlined or asset-based, not tokenised.
-
----
-
-## 5. Motion
-
-- No CSS transitions/animations declared at `:root` level (no `--motion-*` or `--duration-*` tokens). The marketing surface is static; in-app motion is out-of-scope for web inspection.
-
----
-
-## 6. Information architecture
-
-Four-tab primary nav: `개인 · 기업 · 은행소개 · 상품안내 · 고객센터 · 혜택`. Catalog-first IA, not task-first.
-
-| Group | Children |
-|---|---|
-| 은행소개 | 케이뱅크 · 투자정보 · 인재채용 · 새소식 |
-| 상품안내 | 예적금 · 대출 · 카드 · 투자 · 서비스 |
-| 고객센터 | 이용안내 · 소비자보호 · 금융사기대응 · 자료실 · 증명서 · 인증서 |
-| 혜택 | (single landing) |
-
-136 anchors on the landing surface. This is a **directory-style bank site**, not a product funnel. Compare Toss, which collapses everything into a single product narrative.
-
----
-
-## 7. Content patterns
-
-- **Notice-led hero**: top of the marketing root surfaces the most recent 공지사항 (e.g. K-패스 캐시백 지연 안내, 2026.05.06) — regulatory transparency placed above promotion.
-- **Date stamps everywhere**: every notice carries `YYYY.MM.DD` prefix. Provenance > excitement.
-- **Product naming**: short, formal nouns (`예적금 / 대출 / 카드 / 투자`) rather than benefit-led marketing names. Trust signal.
-
----
-
-## 8. Accessibility posture
-
-- ✓ Skip-link present and styled for focus visibility.
-- ✓ `lang="ko-KR"` declared.
-- ✓ Semantic heading outline H1→H2→H3 is logical.
-- ✗ No landmark elements (`<header>`, `<nav>`, `<main>`, `<footer>`).
-- ✗ `font-size: 0` logo pattern requires explicit `aria-label` — not verified on this pass.
-- ✗ Fixed 1280px canvas blocks responsive zoom on small viewports.
-
-Overall: meaningful effort on focus order and language tagging; structural semantics behind 2026 norms.
-
----
-
-## 9. Voice (fresh paraphrase — NOT verbatim)
-
-- Formal Korean, `~합니다` register throughout. K bank does not use Toss-style colloquial `~해요`.
-- Headlines are nouns or noun-phrases, not promises. "예적금" not "돈을 모아보세요".
-- Notices lead with the consequence and the date, then the explanation. Apology language is reserved and short.
-
-**Don't write**: chatty contractions, emoji, second-person imperatives.
-**Do write**: dated, dispassionate, action-noun headers with a single supporting sentence.
-
----
-
-## 10. What to steal (and what not to)
-
-**Steal**
-1. The dual-emitted token system (`--color-g*` and `--txt-g*` pointing at the same values) — lets product teams reason about role separately from value.
-2. The single navy + single lime accent. Disciplined two-color brand.
-3. Notice-above-promotion landing pattern. Trust-first IA.
-4. Cool-tinted neutral ramp — keeps grays from clashing with the navy primary.
-
-**Don't steal**
-1. The 0px radius everywhere except CTA — reads dated in 2026 unless you're deliberately signalling "regulated institution".
-2. Fixed 1280px canvas. Not viable for any modern surface.
-3. `<div>`-only chrome. Use real landmarks.
-4. `font-size: 0` image-replacement on H1 logo. Use SVG + `aria-label`.
-
----
-
-## 11. Open questions / gaps
-
-- **Tier 1 official DS lookup — negative result documented.** K bank does **not** publish a public design system site (no `design.kbanknow.com`, no Figma community kit, no GitHub `kbank-design` org as of 2026-05-14). The `:root` token system shipped in production CSS is the closest public artifact. Compared to Toss (Toss Design System site) or Kakao (Kakao Design site), K bank has chosen not to externalise its system.
-- Mobile-app token parity unknown — web tokens may diverge from in-app values.
-- Motion / animation tokens not exposed to web; would need APK inspection to confirm.
-
----
-
-## 12. Sources & verification
-
-- **Tier 1 — Live inspect (production)**: `https://www.kbanknow.com/ib20/mnu/PBKMAN000000` via CDP `:9222` / `Runtime.evaluate` / `getComputedStyle`. 6 raw element samples + 43 CSS variables + 7 observed color frequencies captured. See `assets/_reference/.live-inspect-proof.json`.
-- **Tier 1 — Official DS site**: **No public design system found.** Searched: `design.kbanknow.com` (no DNS), GitHub `kbanknow` / `kbank` orgs (no design-system repo), Figma Community (no official K bank kit). Negative result documented here as authoritative.
-- **Tier 2 — Third-party indexes**: `getdesign.md/kbank` empty; `styles.refero.design/?q=kbank` and `?q=케이뱅크` both empty. Consistent with the systemic finding logged in `2026-05-13-kr10.md` (Korean coverage is weak on English-tooling-oriented directories).
-- **Tier 2 — Press / corp**: `kbanknow.com/ib20/mnu/PBKINT000000` (은행소개), DART filings (regulated bank, public disclosures).
-- **Tier 3 — Reconciliation**: All §1-§3 tokens are Tier 1 live-captured. §6 IA is Tier 1 DOM-derived. §9 voice is Tier 1 observed (notices/headings on production), paraphrased only — no verbatim copy reused. §10-§11 are analyst interpretation.
-
-**Conflicts unresolved**: none — Tier 1 live capture is the single source of truth on this pass, with negative Tier 1 official-DS result explicitly documented.
-
-**Verified**: 2026-05-14.
-
----
-
-## 13. IP & guardrails
-
-- Brand assets (logo, name, navy `#0114A7`) referenced for inspiration only — not redistributed.
-- No verbatim taglines or copy lifted from kbanknow.com. §9 voice paragraph is a fresh analyst paraphrase of register and structure, not transcription.
-- Token values are facts (CSS custom property values) and not protectable expression; they are reproduced here for engineering reference under fair-use analytical purpose.
-
-## 14. Do's and Don'ts
-
-### Do
-- Anchor the brand on the single signature navy #0114A7 as the sole positive primary across skip-link, CTAs, and key labels
-- Reserve the lime accent #B6F23D for sparing energetic activation states only, keeping it off body text and form chrome
-- Keep surfaces sharp and orthogonal at 0px radius and apply the 12px radius exclusively to the 56px CTA
-- Set CTAs in Pretendard K Edition at 18px / 500 medium weight with white text on navy fill, not the 600/700 most KR finance peers default to
-- Convey elevation through 1px borders and cool-tinted g200/g300 fills instead of drop-shadows, using the blue-leaning neutral ramp to stay coherent with the navy
-- Lead the page with dated notices (YYYY.MM.DD) above promotion and write formal ~합니다 noun-phrase headers with one supporting sentence
-
-### Don't
-- Spread the lime #B6F23D accent across large areas or place it on body text and form chrome
-- Round corners broadly the way K bank reads dated with 0px everywhere except CTA — adopt the sharpness only when deliberately signalling a regulated institution
-- Lock layouts to the fixed 1280px canvas, which blocks responsive zoom and is not viable for modern surfaces
-- Build chrome out of bare <div> elements — use real <header>, <nav>, <main>, and <footer> landmarks
-- Hide the logo with the font-size: 0 image-replacement trick on the H1 — use inline SVG with an explicit aria-label
-- Write chatty contractions, emoji, or second-person imperatives, or swap the formal ~합니다 register for colloquial ~해요

package/.opencode/oh-my-design/web/references/kbank/assets/_reference/.live-inspect-proof.json

@@ -1,215 +0,0 @@
-{
-  "source_url": "https://www.kbanknow.com/ib20/mnu/PBKMAN000000",
-  "captured_at": "2026-05-14T10:56:33.197Z",
-  "method": "Chrome DevTools Protocol :9222 → Runtime.evaluate → getComputedStyle",
-  "operator": "omd:add-reference / browser-harness",
-  "raw_samples": [
-    {
-      "label": "body",
-      "selector": "body",
-      "tag": "BODY",
-      "classes": "",
-      "text_excerpt": "본문 바로가기\n주메뉴 바로가기\n \n개인\n기업\n은행소개\n상품안내\n고객센터\n혜택\n메인\n공지사항\n2026.05.06\n\nK-패스(모두의카드) 캐시백 지",
-      "rect": {
-        "w": 1280,
-        "h": 1126
-      },
-      "computed": {
-        "color": "rgb(2, 6, 22)",
-        "background-color": "rgb(255, 255, 255)",
-        "background": "rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box",
-        "font-family": "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
-        "font-size": "14px",
-        "font-weight": "400",
-        "line-height": "normal",
-        "letter-spacing": "normal",
-        "border-radius": "0px",
-        "border": "0px none rgb(2, 6, 22)",
-        "box-shadow": "none",
-        "padding": "0px",
-        "margin": "0px",
-        "width": "1280px",
-        "height": "1125.59px",
-        "display": "block"
-      }
-    },
-    {
-      "label": "headline",
-      "selector": "h1, h2, .tit, [class*=\"title\"], [class*=\"Tit\"]",
-      "tag": "H1",
-      "classes": "logo",
-      "text_excerpt": " \n개인\n기업",
-      "rect": {
-        "w": 168,
-        "h": 25
-      },
-      "computed": {
-        "color": "rgb(2, 6, 22)",
-        "background-color": "rgba(0, 0, 0, 0)",
-        "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
-        "font-family": "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
-        "font-size": "0px",
-        "font-weight": "700",
-        "line-height": "normal",
-        "letter-spacing": "normal",
-        "border-radius": "0px",
-        "border": "0px none rgb(2, 6, 22)",
-        "box-shadow": "none",
-        "padding": "0px",
-        "margin": "0px",
-        "width": "168px",
-        "height": "25px",
-        "display": "block"
-      }
-    },
-    {
-      "label": "body_text",
-      "selector": "p, .desc, [class*=\"desc\"], [class*=\"text\"]",
-      "tag": "P",
-      "classes": "",
-      "text_excerpt": "K-패스(모두의카드) 캐시백 지급 일정 지연 안내",
-      "rect": {
-        "w": 250,
-        "h": 20
-      },
-      "computed": {
-        "color": "rgb(2, 6, 22)",
-        "background-color": "rgba(0, 0, 0, 0)",
-        "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
-        "font-family": "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
-        "font-size": "13px",
-        "font-weight": "400",
-        "line-height": "normal",
-        "letter-spacing": "normal",
-        "border-radius": "0px",
-        "border": "0px none rgb(2, 6, 22)",
-        "box-shadow": "none",
-        "padding": "0px",
-        "margin": "0px",
-        "width": "250px",
-        "height": "19.8984px",
-        "display": "block"
-      }
-    },
-    {
-      "label": "input",
-      "selector": "input, .input, [class*=\"input\"]",
-      "tag": "INPUT",
-      "classes": "",
-      "text_excerpt": "",
-      "rect": {
-        "w": 0,
-        "h": 0
-      },
-      "computed": {
-        "color": "rgb(0, 0, 0)",
-        "background-color": "rgba(0, 0, 0, 0)",
-        "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
-        "font-family": "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
-        "font-size": "14px",
-        "font-weight": "400",
-        "line-height": "normal",
-        "letter-spacing": "normal",
-        "border-radius": "0px",
-        "border": "0px none rgb(0, 0, 0)",
-        "box-shadow": "none",
-        "padding": "0px",
-        "margin": "0px",
-        "width": "auto",
-        "height": "auto",
-        "display": "none"
-      }
-    },
-    {
-      "label": "logo",
-      "selector": ".logo, [class*=\"logo\"] img, header img",
-      "tag": "H1",
-      "classes": "logo",
-      "text_excerpt": " \n개인\n기업",
-      "rect": {
-        "w": 168,
-        "h": 25
-      },
-      "computed": {
-        "color": "rgb(2, 6, 22)",
-        "background-color": "rgba(0, 0, 0, 0)",
-        "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box",
-        "font-family": "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
-        "font-size": "0px",
-        "font-weight": "700",
-        "line-height": "normal",
-        "letter-spacing": "normal",
-        "border-radius": "0px",
-        "border": "0px none rgb(2, 6, 22)",
-        "box-shadow": "none",
-        "padding": "0px",
-        "margin": "0px",
-        "width": "168px",
-        "height": "25px",
-        "display": "block"
-      }
-    },
-    {
-      "label": "link",
-      "selector": "a",
-      "tag": "A",
-      "classes": "skip",
-      "text_excerpt": "본문 바로가기",
-      "rect": {
-        "w": 116,
-        "h": 38
-      },
-      "computed": {
-        "color": "rgb(255, 255, 255)",
-        "background-color": "rgb(1, 20, 167)",
-        "background": "rgb(1, 20, 167) none repeat scroll 0% 0% / auto padding-box border-box",
-        "font-family": "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif",
-        "font-size": "14px",
-        "font-weight": "700",
-        "line-height": "18.2px",
-        "letter-spacing": "normal",
-        "border-radius": "0px",
-        "border": "0px none rgb(255, 255, 255)",
-        "box-shadow": "none",
-        "padding": "10px 20px",
-        "margin": "0px",
-        "width": "75.8281px",
-        "height": "18.1953px",
-        "display": "block"
-      }
-    }
-  ],
-  "raw_sample_count": 6,
-  "css_variables_captured": 43,
-  "fonts_observed": 1,
-  "top_observed_colors": [
-    [
-      "rgb(2, 6, 22)",
-      355
-    ],
-    [
-      "rgb(77, 89, 111)",
-      38
-    ],
-    [
-      "rgb(255, 255, 255)",
-      37
-    ],
-    [
-      "rgb(1, 20, 167)",
-      4
-    ],
-    [
-      "rgb(237, 241, 247)",
-      1
-    ],
-    [
-      "rgb(243, 243, 240)",
-      1
-    ],
-    [
-      "rgb(60, 79, 96)",
-      1
-    ]
-  ]
-}

package/.opencode/oh-my-design/web/references/kbank/assets/_reference/.live-inspect-raw.json

@@ -1 +0,0 @@
-{"meta":{"title":"케이뱅크","url":"https://www.kbanknow.com/ib20/mnu/PBKMAN000000","lang":"ko-KR","charset":"UTF-8","viewport":"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0","description":"케이뱅크는 예적금, 대출, 카드, 투자, 해외 송금 등 폭넓은 금융 상품 및 서비스를 제공합니다. 다양한 연령과 라이프 스타일을 반영한 혜택을 제공하며, 일상 속에서 금융을 보다 편리하고, 신뢰감 있게 경험할 수 있습니다."},"samples":[{"label":"body","selector":"body","found":true,"text":"본문 바로가기\n주메뉴 바로가기\n \n개인\n기업\n은행소개\n상품안내\n고객센터\n혜택\n메인\n공지사항\n2026.05.06\n\nK-패스(모두의카드) 캐시백 지","tag":"BODY","classes":"","rect":{"w":1280,"h":1126},"styles":{"color":"rgb(2, 6, 22)","background-color":"rgb(255, 255, 255)","background":"rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box","font-family":"\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif","font-size":"14px","font-weight":"400","line-height":"normal","letter-spacing":"normal","border-radius":"0px","border":"0px none rgb(2, 6, 22)","box-shadow":"none","padding":"0px","margin":"0px","width":"1280px","height":"1125.59px","display":"block"}},{"label":"header_top","selector":"header","found":false},{"label":"primary_nav","selector":"nav","found":false},{"label":"primary_button","selector":"a[class*=\"btn\"], button, .btn, .button","found":false},{"label":"headline","selector":"h1, h2, .tit, [class*=\"title\"], [class*=\"Tit\"]","found":true,"text":" \n개인\n기업","tag":"H1","classes":"logo","rect":{"w":168,"h":25},"styles":{"color":"rgb(2, 6, 22)","background-color":"rgba(0, 0, 0, 0)","background":"rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box","font-family":"\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif","font-size":"0px","font-weight":"700","line-height":"normal","letter-spacing":"normal","border-radius":"0px","border":"0px none rgb(2, 6, 22)","box-shadow":"none","padding":"0px","margin":"0px","width":"168px","height":"25px","display":"block"}},{"label":"body_text","selector":"p, .desc, [class*=\"desc\"], [class*=\"text\"]","found":true,"text":"K-패스(모두의카드) 캐시백 지급 일정 지연 안내","tag":"P","classes":"","rect":{"w":250,"h":20},"styles":{"color":"rgb(2, 6, 22)","background-color":"rgba(0, 0, 0, 0)","background":"rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box","font-family":"\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif","font-size":"13px","font-weight":"400","line-height":"normal","letter-spacing":"normal","border-radius":"0px","border":"0px none rgb(2, 6, 22)","box-shadow":"none","padding":"0px","margin":"0px","width":"250px","height":"19.8984px","display":"block"}},{"label":"footer","selector":"footer","found":false},{"label":"input","selector":"input, .input, [class*=\"input\"]","found":true,"text":"","tag":"INPUT","classes":"","rect":{"w":0,"h":0},"styles":{"color":"rgb(0, 0, 0)","background-color":"rgba(0, 0, 0, 0)","background":"rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box","font-family":"\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif","font-size":"14px","font-weight":"400","line-height":"normal","letter-spacing":"normal","border-radius":"0px","border":"0px none rgb(0, 0, 0)","box-shadow":"none","padding":"0px","margin":"0px","width":"auto","height":"auto","display":"none"}},{"label":"card","selector":"[class*=\"card\"], .card, section .box","found":false},{"label":"logo","selector":".logo, [class*=\"logo\"] img, header img","found":true,"text":" \n개인\n기업","tag":"H1","classes":"logo","rect":{"w":168,"h":25},"styles":{"color":"rgb(2, 6, 22)","background-color":"rgba(0, 0, 0, 0)","background":"rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box","font-family":"\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif","font-size":"0px","font-weight":"700","line-height":"normal","letter-spacing":"normal","border-radius":"0px","border":"0px none rgb(2, 6, 22)","box-shadow":"none","padding":"0px","margin":"0px","width":"168px","height":"25px","display":"block"}},{"label":"link","selector":"a","found":true,"text":"본문 바로가기","tag":"A","classes":"skip","rect":{"w":116,"h":38},"styles":{"color":"rgb(255, 255, 255)","background-color":"rgb(1, 20, 167)","background":"rgb(1, 20, 167) none repeat scroll 0% 0% / auto padding-box border-box","font-family":"\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif","font-size":"14px","font-weight":"700","line-height":"18.2px","letter-spacing":"normal","border-radius":"0px","border":"0px none rgb(255, 255, 255)","box-shadow":"none","padding":"10px 20px","margin":"0px","width":"75.8281px","height":"18.1953px","display":"block"}}],"vars":{"--txt-g600":"#67748E","--txt-g800":"#3B4659","--state01-bg":"#EDF1F7","--color-navy":"#0114A7","--txt-g300":"#E0E6F1","--cta-fontSize":"18px","--txt-g1000":"#020616","--state04-txt":"#E23A32","--color-g200":"#EDF1F7","--color-re700":"#E23A32","--state04-bg":"#FFE5E0","--txt-pri-sell":"#047AF1","--color-g1000":"#020616","--txt-g700":"#4D596F","--txt-w100":"#FFFFFF","--color-og600":"#E46F00","--state03-txt":"#066AE5","--color-w100":"#FFFFFF","--txt-g900":"#252B37","--color-lime":"#B6F23D","--color-g900":"#252B37","--color-bu800":"#066AE5","--color-g600":"#67748E","--color-g100":"#F7F9FD","--cta-fontWeight":"500","--txt-g400":"#C8D2E4","--state02-bg":"#E6EBFF","--color-g400":"#C8D2E4","--state01-txt":"#4D596F","--cta-height":"56px","--color-g700":"#4D596F","--txt-g100":"#F7F9FD","--color-g800":"#3B4659","--txt-g200":"#EDF1F7","--color-g300":"#E0E6F1","--cta-radius":"12px","--color-lm600":"#69A305","--state02-txt":"#2539E9","--color-g500":"#8694B1","--state03-bg":"#D1ECFF","--color-yl600":"#B78F01","--txt-g500":"#8694B1","--color-in700":"#4262FF"},"fonts":["\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif"],"structure":{"sections":[],"headings":[{"tag":"H1","text":" \n개인\n기업"},{"tag":"H2","text":"은행소개"},{"tag":"H3","text":"케이뱅크"},{"tag":"H3","text":"투자정보"},{"tag":"H3","text":"인재채용"},{"tag":"H3","text":"새소식"},{"tag":"H2","text":"상품안내"},{"tag":"H3","text":"예적금"},{"tag":"H3","text":"대출"},{"tag":"H3","text":"카드"},{"tag":"H3","text":"투자"},{"tag":"H3","text":"서비스"},{"tag":"H2","text":"고객센터"},{"tag":"H3","text":"이용안내"},{"tag":"H3","text":"소비자보호"},{"tag":"H3","text":"금융사기대응"},{"tag":"H3","text":"자료실"},{"tag":"H3","text":"증명서"},{"tag":"H3","text":"인증서"},{"tag":"H2","text":"혜택"}],"nav_items":[],"button_count":0,"link_count":136,"image_count":8},"topColors":[["rgb(2, 6, 22)",355],["rgb(77, 89, 111)",38],["rgb(255, 255, 255)",37],["rgb(1, 20, 167)",4],["rgb(237, 241, 247)",1],["rgb(243, 243, 240)",1],["rgb(60, 79, 96)",1]]}

package/.opencode/oh-my-design/web/references/kbank/assets/_reference/fonts.json

@@ -1,20 +0,0 @@
-{
-  "source": "live computed style sweep across body descendants",
-  "captured_at": "2026-05-14T10:56:33.196Z",
-  "in_use": [
-    "\"Pretendard K Edition\", -apple-system, \"system-ui\", system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", sans-serif"
-  ],
-  "primary": "Pretendard K Edition",
-  "fallbacks": [
-    "-apple-system",
-    "system-ui",
-    "Roboto",
-    "Helvetica Neue",
-    "Segoe UI",
-    "Apple SD Gothic Neo",
-    "Noto Sans KR",
-    "Malgun Gothic",
-    "sans-serif"
-  ],
-  "notes": "\"Pretendard K Edition\" is the Korean-optimised cut of the open-source Pretendard family. K bank ships it as the global primary — no serif/display split observed on this surface."
-}