zugzbot 1.0.21 → 1.0.22

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

@@ -1,98 +0,0 @@
-# Research Sources for Kakao
-
-추출 일자: 2026-04-14 (sections 1–9), 2026-04-20 (Philosophy layer sections 10–15)
-스킬: `omd:add-reference` (5-tier methodology; AUGMENT mode for §10–15)
-입력: `kakao` (existing reference id, AUGMENT mode)
-
-## Tier 1 — Official Design System
-
-**Status: PARTIAL (Kakao Login button spec is public and compliance-mandated; full DS is not a single public document)**
-
-Kakao does not publish a single unified design-system documentation site on the order of Material Design. The compliance-mandated **Kakao Login** button is the most rigorously-specified public surface; all other token-level claims in §1–9 are reasoned from Kakao's public brand assets, published open-source font files (Kakao Big Sans / Small Sans on GitHub under OFL-1.1), and live-site reconnaissance on KakaoTalk web and kakaocorp.com.
-
-- [developers.kakao.com/docs/ko/kakaologin/design-guide](https://developers.kakao.com/docs/ko/kakaologin/design-guide) — Kakao Login button spec: `#FEE500` container, `#000000` symbol, `#000000` 85% label, 12px radius, symbol-required (speech bubble), label options (`카카오 로그인` / `Login with Kakao` — full; `로그인` / `Login` — abbreviated), sizing rules.
-
-## Tier 2 — Brand / Press Kit
-
-- [brand.kakao.com](https://brand.kakao.com/) — historically the Kakao brand portal; at time of 2026-04-20 augmentation attempt returned `ECONNREFUSED`. Base §1–9 extraction pre-dates this outage.
-- [kakaocorp.com/page](https://www.kakaocorp.com/page) — current corporate-site brand surface (verified 2026-04-20); sources the taglines cited inline in Philosophy §11.
-
-## Tier 3 — Engineering / Design Blog
-
-- [tech.kakao.com](https://tech.kakao.com/) — Kakao tech blog; inspected 2026-04-20 and did not surface design-/motion-/typography-focused posts at the fetched snapshot. Design-specific content on Kakao's Brunch (`brunch.co.kr/@kakao-design`) and Medium presence is episodic.
-
-## Tier 4 — Live Site Recon
-
-Base §1–9 extraction (2026-04-14) captured live tokens from KakaoTalk web and kakaocorp.com at 1440px / 390px. Not re-run for Philosophy layer; tokens are base-carried.
-
-## Confidence (base §1–9)
-
-### High Confidence
-- Kakao Login button spec (Tier 1 direct citation).
-- Kakao Yellow `#FEE500` (logo / brand base / login container).
-- Brand base `#1E1E1E` (Pantone 433 C).
-- Kakao Big Sans / Small Sans as open-source brand fonts.
-
-### Medium Confidence
-- Chat-bubble palette (`#FEE500` self, `#ffffff` other, `#F0F0F0` system) — inferred from product observation; not a published DS token list.
-- 12px radius as a cross-component default — inferred; Kakao publishes the 12px rule explicitly for the login button only.
-- Shadow values — inferred from product observation.
-
-### Lower Confidence / Inferred
-- Three-tier text hierarchy (`#222` / `#333` / `#666` / `#808080` / `#999` / `#BBB`) — consistent with KakaoTalk web surfaces but not published as a token ladder.
-
-## Notes
-- Kakao's brand/design-system content is distributed across the corporate site, developer site, brand portal, and various design-team-author publications (Brunch, Medium). A future pass could strengthen §1–9 by periodically re-running live recon on KakaoTalk web and adding any Brunch / Medium design posts to Tier 3.
-- This reference may drift if Kakao ships a unified public DS (historical discussion of `kakao.github.io/design` and similar subdomains has appeared in community posts but none is live as of 2026-04-20).
-
----
-
-## Philosophy Layer — added 2026-04-20 (AUGMENT mode)
-
-Skill run: `omd:add-reference kakao` (AUGMENT, Phase 10)
-Style reference: `toss` (auto-picked — 🇰🇷 KR region matrix; same Korean-origin friend-fiduciary register)
-
-### Sources used for sections 10–15
-
-| Source URL | Used for |
-|---|---|
-| [kakaocorp.com/page](https://www.kakaocorp.com/page) | §10 Voice samples (corporate positioning `나의 세계를 바꾸는 카카오`; AI positioning `나에게 가장 가까운, 가장 쉬운 AI`; service taglines for KakaoTalk / KakaoPay / KakaoMap / Kakao T / Zigzag / Melon); §11 Brand Narrative (verbatim quotes + inline citations); §12 Principles (service-voice evidence for Principle 8). |
-| [kakaocorp.com/page/service/service/KakaoTalk](https://www.kakaocorp.com/page/service/service/KakaoTalk) | §10 Voice & Tone (service-voice register: `편리함 넘어 더 새롭고 쾌적한 대화 경험`, `일상을 바꾼 대표 메신저`); §11 Brand Narrative (KakaoTalk history framing). |
-| [developers.kakao.com/docs/ko/kakaologin/design-guide](https://developers.kakao.com/docs/ko/kakaologin/design-guide) | §10 Voice (mandated label strings `카카오 로그인` / `Login with Kakao`, abbreviated `로그인` / `Login`); §12 Principle 4 (never white text on yellow — sourced from `Label: #000000 85%` spec); §12 Principle 9 (compliance-as-design-surface — full spec citation). |
-
-### Confidence (Philosophy layer only)
-
-- **High (direct source citation)**: all six kakaocorp.com-sourced service taglines, Kakao Login button spec (container color, symbol, label opacity, radius, label options, sizing rules), corporate positioning + AI positioning one-liners.
-- **Medium (synthesis from verified sources)**: voice-register characterization (*친근한 존댓말*, `-어요` / `-예요` endings for everyday surfaces; `-습니다` reserved for legal and chat-system-notices); tone-per-context table; the "chat is ambient, not performative" motion stance.
-- **Low (style-reference derived / editorial)**: persona archetypes (지훈 / 영숙 / 서윤) are fictional, informed by publicly described KakaoTalk user segments and smartphone-saturation context — flagged inline at the top of §13. The spring-forbidden rationale ("chat bubbles are factual events; overshoot reads as uncertainty") is an editorial reading consistent with Kakao's product behavior, not a sourced Kakao statement.
-
-### Gaps flagged for future review
-
-- **brand.kakao.com returned ECONNREFUSED on 2026-04-20.** The brand portal was not reachable for this augmentation; any future pass should attempt it again and, if reachable, cite brand-personality or voice-guideline text directly rather than inferring from the corporate site.
-- **No Kakao-authored voice-and-tone guideline surfaced in 2026-04-20 search.** Voice characterization is a reasoned synthesis from corporate-site service taglines + the login-button compliance doc, not a direct brand-guideline citation. If Kakao publishes one, §10 could be strengthened.
-- **Live-copy empty / error / success strings in §10 are illustrative** because those surfaces are logged-in-only in KakaoTalk. A production team with KakaoTalk account access should observe real strings via Playwright MCP and replace the illustrative bullets before shipping UI against this reference.
-- **Motion easings (`cubic-bezier(0.0, 0.0, 0.2, 1)` and family) are standard Material-family curves** commonly observed in Kakao products but not published by Kakao as named tokens. The token names (`motion-fast / motion-standard / motion-slow`, `ease-enter / ease-exit / ease-standard`) are OmD-normalized — they work when consumed by an agent but would not match an internal Kakao token name exactly.
-
-## Philosophy Layer QA (2026-04-20) — Diagnostic Rubric
-
-Rubric source: `research/2026-04-20_philosophy-layer-diagnostic.md` (11 dimensions, derived from toss/claude/line corpus + mercari pilot + OmD v0.1 spec §3/§4 + Claude Design anti-slop rules).
-
-| # | Dimension | Score | Notes |
-|---|---|---|---|
-| D1 | §10 intro standalone, 3–5 lines, voice qualifiers | 🟢 | Standalone opener — no "Where X… where Y…" comparative frame. 4 lines. Includes ≥2 voice qualifiers: *친근한 존댓말* register, `-어요` / `-예요` ending preference, "yellow is a visual event — copy does not need to shout." |
-| D2 | §10 tone table 7–10 rows with brand-surface | 🟢 | 8 rows. Brand-surface rows: chat system notices (the one place `-습니다` stays), push notifications (sender-first subject), legal/policy/finance (separate register). |
-| D3 | §10 forbidden phrases with brand-specific items | 🟢 | Generic (`Oops`, `죄송합니다만`) + Kakao-specific (`카카오톡이 당신의 ~` platform-subject voice; `~완료되었습니다` over-formal on chat surfaces; `알 수 없는 오류` / `오류가 발생했습니다` as blameful/vague; mandated Kakao Login label not to be altered from `카카오 로그인` / `Login with Kakao`). |
-| D4 | §10 voice samples ≥3 with verification tier markers | 🟢 | 7 samples: 4 verified (corporate positioning, KakaoTalk tagline, KakaoPay tagline, Kakao Login mandated label) with source + date markers; 3 illustrative (empty state, error, success) with explicit `<!-- illustrative: not verified as live Kakao copy -->` markers. |
-| D5 | §11 narrative with inline citations + footer manifest | 🟢 | Inline `[kakaocorp.com/page](...)` citations on the KakaoTalk tagline (`사람과 세상을 연결하는 전 우주 통신규약을 꿈꾸는 메신저`), the KakaoPay tagline (`마음놓고 금융하다`), the AI positioning (`나에게 가장 가까운, 가장 쉬운 AI`). Near-saturation user-base claim marked `<!-- source: base DESIGN.md §1, not independently re-verified 2026-04 -->`. Footer HTML comment preserved as full source manifest with direct-verification / base-carried / interpretive-editorial tiers. |
-| D6 | §12 principles with explicit UI implication | 🟢 | All 9 principles use the explicit `*UI implication:*` label with a concrete UI rule. Example: Principle 4 → `all yellow-background buttons ship with dark text; no brand-palette exception.` |
-| D7 | §12 count 5–10 (target 7–9) | 🟢 | 9. At the upper end of the target range; stayed within the cap because the 9th (compliance-is-a-design-surface) is materially distinct from the first 8 and directly sourced from developers.kakao.com. |
-| D8 | §13 personas ≤3 sentences, behavior-first, disclaimer | 🟢 | 3 archetypes (지훈 / 영숙 / 서윤). Each ≤3 sentences, behavior-focused (opens KakaoTalk ~80×/day; treats yellow send button as muscle-memory target; Kakao emoticon economy as fluency layer). Disclaimer present at top. |
-| D9 | §14 states 10–12, core types covered, no UI-pattern pollution | 🟢 | 11 rows. Core types: Empty (×2: chat list / search-no-results), Loading (×2: chat room first paint / image in chat), Error (×3: send failed inline / network lost banner / blocking server-side), Success (×2: sent inline / KakaoPay confirmation), Skeleton, Disabled. No UI-pattern pollution (no rating-request, no tooltip-treatment rows). Brand-authentic rows: *Success (sent, inline)* — the bubble landing is the confirmation, no toast. |
-| D10 | §15 spring stance explicit + rationale | 🟢 | Explicit forbidden stance: *"Spring and overshoot are forbidden across the system. Kakao does not include `ease-spring`, `ease-bounce`, or any cubic-bezier with y-values outside `[0, 1]`."* Rationale: *"chat bubbles, payment confirmations, and profile updates are all factual events — overshoot reads as uncertainty about the fact."* Sticker-send carve-out explicitly defused (*"uses a simple scale-in... no rebound"*) rather than silently omitted. |
-| D11 | §15 reduce-motion rule present | 🟢 | *"Under `prefers-reduced-motion: reduce`, all `motion-*` tokens collapse to `motion-instant`. Sheets and modals appear via opacity only, bubbles cross-fade in place instead of translating. The app remains fully functional; motion is never load-bearing for comprehension."* |
-
-**Result**: 11 🟢 / 0 🟡 / 0 🔴. **PASS** (threshold ≥9 🟢, no 🔴, ≤2 🟡).
-
-**Open follow-ups (non-blocking)**:
-1. Retry `brand.kakao.com` on a later date; if it responds, verify voice samples against any published brand-voice guideline and promote illustrative empty/error/success samples to verified where they match live copy.
-2. If Kakao publishes a named motion token scale (e.g., via a future `kakao.design` surface), re-align `motion-fast / motion-standard / motion-slow` names to the canonical set. Values are consistent with observed behavior and are safe to consume.

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

@@ -1,133 +0,0 @@
-# KakaoBank — Verification Notes (2026-05-08)
-
-Pipeline: spec/verification-pipeline.md
-
-## Tier 1 — kakaobank.com live DOM (playwright getComputedStyle)
-
-### Surfaces inspected
-- `kakaobank.com/` — corporate hero, top nav, footer
-- `kakaobank.com/view/service` — product taxonomy, service tabs, AI/mini/사업자/글로벌 sections
-- `kakaobank.com/view/about/brand/resource` — official brand identity guidelines V2.0 (2024-08) page
-
-### Raw observations
-
-**Body / type stack (kakaobank.com/)**
-- `font-family: "Pretendard Variable", system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif`
-- `body` bg `rgb(255, 255, 255)`, color `rgb(0, 0, 0)`
-- Page is monochrome — no Kakao Yellow on the corporate canvas
-
-**Hero (kakaobank.com/)**
-- h1 `"나의 첫 번째 AI 은행 카카오뱅크"` — `90px / 800`, color `#000000`, width 705px, height 234px
-- h2 `"나의 일상 속 유용한 금융 서비스를 만듭니다"` — `32px / 700`, width 1360px, height 87px
-- Section h2 `"주요 경영 정보"` — `32px / 700`
-
-**Top nav (kakaobank.com/)**
-- nav links: `padding: 0 20px`, `font: 14px / 600`, color `#000000`, height 62px container
-- Sub-nav inactive: color `rgb(136, 136, 136)` = `#888888`, padding `20px 0`, `14px / 400`
-- h3 column titles in footer/menu: `20px / 600`, color `#000000`
-
-**Background swatches (kakaobank.com/, count-ranked)**
-- `rgb(247, 247, 247)` = **`#F7F7F7`** (count 7) — section fill
-- `rgb(0, 0, 0)` (count 5) — skip-nav targets
-- `rgba(230, 230, 230, 0.314)` (count 1) — subtle separator
-- `rgb(249, 249, 249)` = **`#F9F9F9`** (count 1) — footer surface
-- `rgb(230, 230, 230)` = **`#E6E6E6`** (count 1) — divider
-
-**Service page (kakaobank.com/view/service)**
-- h1 `"카카오뱅크의 서비스를 소개합니다"` — `42px / 700`, width 1360
-- Section h2: `"새로운 금융 경험, AI 서비스"`, `"아이와 청소년을 위한 카카오뱅크 mini"`, `"사장님을 도와주는 사업자 서비스"`, `"국경을 넘어 금융을 혁신하는 글로벌 서비스"` — all `32px / 700`
-- Service category tabs (`통장 / 저축 / 대출 / 투자 / 외환 / 카드 / 사업자`): `16px / 400`, padding `16px 0`, height 61px
-- Card-link `border-radius: 12px` (verified on a-tag wrappers, height 152px)
-
-**Brand resource page (kakaobank.com/view/about/brand/resource)**
-- **Primary swatch element**: `rgb(255, 227, 0)` = **`#FFE300`** verified twice — once as 672×710 "Primary" preview tile, once as 1360×393 callout block labeled `"KakaoBank Yellow / #FFE300 / RGB 255/227/0 / PANTONE Yellow 012 C/U / CMYK 0/10/100/0"`
-- Page text explicitly defines: Primary = Yellow `#FFE300`; Secondary = White `#FFFFFF`, Black `#1E1E1E`, Gray `#A3A3A3`, Light Gray `#CCCCCC`
-- Symbol meaning: 'B' (Bank) + 'I' ("나" / me) at center = `"내가 중심이 되는 은행"`
-- Wordmark follows Kakao 공동체 CI rules (not standalone substitutable)
-- Explicit prohibition: `"유사한 다른 값의 노란색을 지정하지 않도록 유의"` — single-yellow discipline
-
----
-
-## Tier 2 — getdesign.md / styles.refero.design
-
-- **getdesign.md/kakaobank**: WebFetch returned `"No designs found for 'kakaobank'."` — explicit no-record.
-- **styles.refero.design**: not queried (per Kakao parent reference's note that `?q=Kakao` returns 0 brand match; no Kakao-family record expected).
-
-**Tier 2 status: unavailable — Tier 1 (live DOM + official brand guideline V2.0) is treated as authoritative.**
-
----
-
-## Tier 2 — Philosophy / brand-narrative sources (WebSearch, 2026-05)
-
-| Claim | Source | Notes |
-|---|---|---|
-| Founding & launch dates (2016-01 prep / 2017-07-27 launch) | [Wikipedia — KakaoBank](https://en.wikipedia.org/wiki/KakaoBank) | Cross-confirmed by MatrixBCG |
-| Consortium = Kakao Corp + Korea Investment Holdings | [Wikipedia — KakaoBank](https://en.wikipedia.org/wiki/KakaoBank) | **Amends user task brief** which specified "KB Bank consortium" |
-| 1M users in 5 days | [MatrixBCG — Brief History](https://matrixbcg.com/blogs/brief-history/kakaobank) | Widely repeated in Korean press |
-| 23M+ users by Jan 2024 | [MatrixBCG — Brief History](https://matrixbcg.com/blogs/brief-history/kakaobank) | Re-verify before public quotes |
-| KOSPI IPO 2021-08-06 at ₩39,000 | [KED Global — KakaoBank most valuable lender](https://www.kedglobal.com/ipos/newsView/ked202108060001) | Initial range ₩33,000–₩39,000 |
-| 56× book value at IPO vs. peer 0.44× | [Korea Herald — Jackpot or bubble?](https://www.koreaherald.com/article/2666383) | "Bubble or jackpot" framing |
-| FY2020→FY2024 loan book ₩20.7T→₩44.5T | [KoalaGains — KakaoBank stock analysis](https://koalagains.com/stocks/KOSPI/323410) | Operating story; stock down 58.7% in 2022 |
-| Brand guidelines V2.0 (2024-08) primary `#FFE300` | [KakaoBank Brand Identity Guidelines V2.0 PDF](https://www.kakaobank.com/static/etc/logo/KakaoBank_BrandIdentityGuidelines_V2.0.pdf) | Cross-confirmed against live brand resource page DOM |
-
----
-
-## Conflict Matrix
-
-| Field | User task brief | Tier 1 (live + guideline) | Resolution |
-|---|---|---|---|
-| Primary brand yellow | "Kakao Yellow `#FAE100` derivative or distinct dark canvas" | **`#FFE300`** (V2.0 guideline + live DOM) | **`#FFE300`** wins — explicitly NOT `#FAE100` per guideline prohibition |
-| Founding consortium | "Kakao Corp + KB Kookmin Bank consortium" | Kakao Corp + **Korea Investment Holdings** (Wikipedia) | **Korea Investment Holdings** wins; KB framing amended in §11 |
-| Canvas tone | "darker canvas/banking-formal layout" | Monochrome **white** canvas (`#FFFFFF` + `#F7F7F7`/`#F9F9F9` fills) — verified live | Canvas is **white-formal**, not dark; banking-formal restraint is in **chrome-light yellow discipline**, not a dark canvas |
-| Mascots | "Cute Friends mascots (Tube, Apeach) appear contextually" | Verified pattern at product level (debit card faces, 26주적금 challenge characters, 모임 메시지카드 — referenced via product pages) | **Confirmed** — documented in §6/§8/§13 |
-| Cards visualization prominent | "debit card / 26주 적금 / mini-savings prominent" | Confirmed via /view/service product taxonomy | **Confirmed** — documented in §1/§4/§9 |
-
-### Unresolved
-- **None.** Brand guideline V2.0 + live DOM align on every token-level claim. The two brief amendments (yellow value, consortium partner) are factual corrections sourced to authoritative Tier 1/Tier 2 references.
-
-### Earlier mistakes avoided
-1. ❌ Did not write `#FAE100` as primary — V2.0 guideline explicitly forbids this near-yellow.
-2. ❌ Did not describe canvas as "dark/banking-formal" — corporate site is verifiably white-monochrome.
-3. ❌ Did not over-apply yellow as ambient chrome — guideline restraint preserved.
-4. ❌ Did not write "KB Bank consortium" — primary press cites Korea Investment Holdings as lead financial partner.
-
----
-
-## Components written in §4
-
-1. **Buttons** (7 variants)
-   - Yellow Solid Primary (`#FFE300` / `#1E1E1E` / 12px / 14×20 / 16px·600) — inferred from brand canonical
-   - Black Solid Secondary (`#1E1E1E` / `#FFFFFF` / 12px)
-   - Outline Neutral (transparent / `#1E1E1E` / 1px `#CCCCCC` / 12px)
-   - Top Nav Link (transparent / `#1E1E1E` / 14px·600 / 0 20px / 62px) — **verified live**
-   - Sub-Nav Tab (transparent / `#888888`→`#1E1E1E` / 14px·400 / 20×0) — **verified live**
-   - Service Tab (transparent / `#1E1E1E` / 16px·400 / 16×0 / 61px) — **verified live**
-   - Critical Solid (`#E02000` / `#FFFFFF` / 12px)
-
-2. **Cards** (3 variants)
-   - Product Card (`#FFFFFF` / 12px / 24px padding / no shadow) — **verified live (12px radius)**
-   - Section Fill Card (`#F7F7F7` / 16px / 32px padding) — **verified live (`#F7F7F7` fill)**
-   - Debit/Savings Card (`#FFE300` face / 16px / 1.586:1 aspect) — inferred from brand canonical
-
-3. **Inputs** (2 variants)
-   - Default (`#FFFFFF` / 1px `#CCCCCC` / 12px / 14×16 / focus border `#1E1E1E`)
-   - Amount Input (transparent / underline `#1E1E1E` on focus / 32–48px·700)
-
-4. **Badges** (3 variants)
-   - Notification Dot (`#E02000` / `#FFFFFF` / 9999px / 1.5px white border)
-   - Status Pill Positive (rgba(15,190,108,0.12) / `#0FBE6C` / 9999px)
-   - Status Pill Critical (rgba(224,32,0,0.12) / `#E02000` / 9999px)
-
-5. **Tabs** (1 variant)
-   - Segmented Control (`#F7F7F7` container / active `#FFFFFF` pip with shadow)
-
-6. **List Items** (1 variant)
-   - Account Row (64px / 40px rounded-square avatar 12px radius / 16×20 padding / `#E6E6E6` divider)
-
----
-
-**Verified-against:**
-- Tier 1: kakaobank.com/, kakaobank.com/view/service, kakaobank.com/view/about/brand/resource (live DOM via playwright, 2026-05-08)
-- Tier 1 (canonical): KakaoBank Brand Identity Guidelines V2.0 (2024-08) — directly rendered on the brand resource page
-- Tier 2 (web DS catalogs): unavailable (getdesign.md/kakaobank — no record)
-- Tier 2 (Philosophy): Wikipedia, KED Global, Korea Herald, KoalaGains, MatrixBCG