oh-my-design-cli 1.8.6 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (275) hide show
  1. package/.claude/hooks/lib/preferences-parser.cjs +1 -0
  2. package/.claude/hooks/lib/preferences-writer.cjs +1 -0
  3. package/.claude/hooks/post-edit-watch.cjs +1 -0
  4. package/.claude/hooks/session-end-foldin.cjs +1 -0
  5. package/.claude/hooks/session-state-loader.cjs +1 -0
  6. package/.claude/hooks/skill-activation.cjs +1 -0
  7. package/.claude/settings.json +10 -1
  8. package/.github/assets/logo-bg.png +0 -0
  9. package/AGENTS.md +20 -1
  10. package/CHANGELOG.md +482 -0
  11. package/MIGRATION.md +103 -0
  12. package/README.ja.md +56 -19
  13. package/README.ko.md +47 -30
  14. package/README.md +48 -30
  15. package/README.zh-TW.md +59 -22
  16. package/agents/AGENT.md +8 -7
  17. package/agents/omd-codex-image.md +1 -1
  18. package/agents/omd-critic.md +6 -7
  19. package/agents/omd-designer-review.md +1 -1
  20. package/agents/omd-final-qa.md +1 -1
  21. package/agents/omd-humanizer.md +38 -0
  22. package/agents/omd-kr-writer.md +3 -4
  23. package/agents/omd-locale-adapter.md +12 -16
  24. package/agents/omd-master.md +24 -19
  25. package/agents/omd-microcopy.md +1 -1
  26. package/agents/omd-orchestrator.md +7 -8
  27. package/agents/omd-slop-auditor.md +31 -0
  28. package/agents/omd-ux-researcher.md +1 -1
  29. package/data/reference-fingerprints.json +2761 -85
  30. package/dist/bin/oh-my-design.js +16 -8
  31. package/dist/bin/oh-my-design.js.map +1 -1
  32. package/dist/chunk-UJIHCEYF.js +99 -0
  33. package/dist/chunk-UJIHCEYF.js.map +1 -0
  34. package/dist/doctor-LDWSFM3I.js +763 -0
  35. package/dist/doctor-LDWSFM3I.js.map +1 -0
  36. package/dist/install-skills-ZZFNJ2II.js +1120 -0
  37. package/dist/install-skills-ZZFNJ2II.js.map +1 -0
  38. package/docs/CLI_QUICKSTART.md +157 -0
  39. package/package.json +25 -4
  40. package/scripts/postinstall.cjs +5 -4
  41. package/skills/claude-design/SKILL.md +38 -14
  42. package/skills/claude-design/references/claude-design-flow.md +11 -11
  43. package/skills/claude-design/references/codebase-analysis.md +5 -4
  44. package/skills/omd-final-qa/SKILL.md +1 -1
  45. package/skills/omd-harness/SKILL.md +51 -50
  46. package/skills/omd-humanize/SKILL.md +116 -0
  47. package/skills/omd-humanize/agents/openai.yaml +4 -0
  48. package/skills/omd-humanize/references/locale-playbooks.md +102 -0
  49. package/skills/omd-humanize/references/sources.md +11 -0
  50. package/skills/omd-init/SKILL.md +18 -12
  51. package/skills/omd-locale-adapter/SKILL.md +58 -91
  52. package/skills/omd-orchestrator/SKILL.md +11 -5
  53. package/skills/omd-reference-capture/SKILL.md +80 -26
  54. package/skills/omd-reference-capture/scripts/PLAYWRIGHT-LICENSE.txt +202 -0
  55. package/skills/omd-reference-capture/scripts/PLAYWRIGHT-NOTICE.txt +5 -0
  56. package/skills/omd-reference-capture/scripts/THIRD_PARTY_NOTICES.md +3 -0
  57. package/skills/omd-reference-capture/scripts/capture-reference-evidence.mjs +159906 -0
  58. package/skills/omd-slop-audit/SKILL.md +110 -0
  59. package/skills/omd-slop-audit/agents/openai.yaml +4 -0
  60. package/skills/omd-slop-audit/references/pattern-catalog.md +96 -0
  61. package/skills/omd-slop-audit/references/sources.md +24 -0
  62. package/web/references/104/DESIGN.md +354 -0
  63. package/web/references/11st/DESIGN.md +197 -316
  64. package/web/references/29cm/DESIGN.md +297 -393
  65. package/web/references/42dot/DESIGN.md +390 -0
  66. package/web/references/8percent/DESIGN.md +438 -0
  67. package/web/references/ably/DESIGN.md +267 -572
  68. package/web/references/acer/DESIGN.md +329 -0
  69. package/web/references/airbnb/DESIGN.md +219 -557
  70. package/web/references/airbridge/DESIGN.md +451 -0
  71. package/web/references/alipay/DESIGN.md +179 -420
  72. package/web/references/apple/DESIGN.md +224 -498
  73. package/web/references/asleep/DESIGN.md +402 -0
  74. package/web/references/au/DESIGN.md +334 -0
  75. package/web/references/autopedia/DESIGN.md +382 -0
  76. package/web/references/aws-cloudscape/DESIGN.md +241 -0
  77. package/web/references/baemin/DESIGN.md +332 -491
  78. package/web/references/banksalad/DESIGN.md +269 -180
  79. package/web/references/barogo/DESIGN.md +416 -0
  80. package/web/references/beusable/DESIGN.md +464 -0
  81. package/web/references/bigin/DESIGN.md +454 -0
  82. package/web/references/bilibili/DESIGN.md +206 -374
  83. package/web/references/bmw/DESIGN.md +162 -276
  84. package/web/references/brandi/DESIGN.md +184 -325
  85. package/web/references/buzzvil/DESIGN.md +457 -0
  86. package/web/references/cafe24/DESIGN.md +472 -0
  87. package/web/references/catchtable/DESIGN.md +219 -264
  88. package/web/references/cgv/DESIGN.md +317 -0
  89. package/web/references/channeltalk/DESIGN.md +210 -336
  90. package/web/references/china-airlines/DESIGN.md +291 -0
  91. package/web/references/cjonstyle/DESIGN.md +453 -0
  92. package/web/references/class101/DESIGN.md +168 -387
  93. package/web/references/classum/DESIGN.md +228 -203
  94. package/web/references/claude/DESIGN.md +242 -479
  95. package/web/references/clay/DESIGN.md +179 -377
  96. package/web/references/clickhouse/DESIGN.md +254 -343
  97. package/web/references/codeit/DESIGN.md +470 -0
  98. package/web/references/cohere/DESIGN.md +214 -324
  99. package/web/references/coinone/DESIGN.md +199 -179
  100. package/web/references/corca/DESIGN.md +414 -0
  101. package/web/references/coupang/DESIGN.md +205 -475
  102. package/web/references/cursor/DESIGN.md +240 -381
  103. package/web/references/dabang/DESIGN.md +248 -213
  104. package/web/references/dable/DESIGN.md +431 -0
  105. package/web/references/datarize/DESIGN.md +338 -0
  106. package/web/references/dealicious/DESIGN.md +402 -0
  107. package/web/references/drdiary/DESIGN.md +404 -0
  108. package/web/references/elastic/DESIGN.md +238 -0
  109. package/web/references/elevenlabs/DESIGN.md +183 -321
  110. package/web/references/elice/DESIGN.md +445 -0
  111. package/web/references/eslite/DESIGN.md +257 -0
  112. package/web/references/evaair/DESIGN.md +338 -0
  113. package/web/references/expo/DESIGN.md +238 -331
  114. package/web/references/familymart-tw/DESIGN.md +254 -0
  115. package/web/references/ferrari/DESIGN.md +160 -377
  116. package/web/references/figma/DESIGN.md +197 -451
  117. package/web/references/fitpet/DESIGN.md +445 -0
  118. package/web/references/flex/DESIGN.md +170 -253
  119. package/web/references/framer/DESIGN.md +197 -340
  120. package/web/references/freee/DESIGN.md +211 -533
  121. package/web/references/friendliai/DESIGN.md +431 -0
  122. package/web/references/frip/DESIGN.md +440 -0
  123. package/web/references/furiosaai/DESIGN.md +450 -0
  124. package/web/references/gangnamunni/DESIGN.md +154 -591
  125. package/web/references/gaudiolab/DESIGN.md +414 -0
  126. package/web/references/google/DESIGN.md +290 -398
  127. package/web/references/goorm/DESIGN.md +470 -0
  128. package/web/references/greencar/DESIGN.md +420 -0
  129. package/web/references/hackle/DESIGN.md +472 -0
  130. package/web/references/hashicorp/DESIGN.md +273 -318
  131. package/web/references/heydealer/DESIGN.md +429 -0
  132. package/web/references/humanscape/DESIGN.md +433 -0
  133. package/web/references/hwahae/DESIGN.md +453 -0
  134. package/web/references/hyundai/DESIGN.md +158 -368
  135. package/web/references/hyundaicard/DESIGN.md +171 -121
  136. package/web/references/ibm/DESIGN.md +227 -378
  137. package/web/references/idus/DESIGN.md +450 -0
  138. package/web/references/igaworks/DESIGN.md +437 -0
  139. package/web/references/inflearn/DESIGN.md +221 -366
  140. package/web/references/intuit/DESIGN.md +244 -0
  141. package/web/references/jandi/DESIGN.md +191 -291
  142. package/web/references/jobplanet/DESIGN.md +415 -0
  143. package/web/references/kakao/DESIGN.md +287 -475
  144. package/web/references/kakaobank/DESIGN.md +220 -521
  145. package/web/references/kakaogames/DESIGN.md +220 -0
  146. package/web/references/kakaopay/DESIGN.md +207 -526
  147. package/web/references/karrot/DESIGN.md +227 -251
  148. package/web/references/kb-kookmin/DESIGN.md +308 -0
  149. package/web/references/kbank/DESIGN.md +220 -175
  150. package/web/references/kcd/DESIGN.md +432 -0
  151. package/web/references/kmong/DESIGN.md +281 -356
  152. package/web/references/krds/DESIGN.md +245 -19
  153. package/web/references/kream/DESIGN.md +224 -359
  154. package/web/references/kurly/DESIGN.md +211 -533
  155. package/web/references/kyobobook/DESIGN.md +445 -0
  156. package/web/references/lablup/DESIGN.md +474 -0
  157. package/web/references/lamborghini/DESIGN.md +198 -360
  158. package/web/references/lemonbase/DESIGN.md +452 -0
  159. package/web/references/lguplus/DESIGN.md +259 -0
  160. package/web/references/likelion/DESIGN.md +283 -0
  161. package/web/references/line/DESIGN.md +396 -355
  162. package/web/references/linear.app/DESIGN.md +209 -562
  163. package/web/references/lotteon/DESIGN.md +386 -0
  164. package/web/references/lovable/DESIGN.md +255 -349
  165. package/web/references/makinarocks/DESIGN.md +242 -0
  166. package/web/references/maum-ai/DESIGN.md +423 -0
  167. package/web/references/medibloc/DESIGN.md +425 -0
  168. package/web/references/megabox/DESIGN.md +232 -0
  169. package/web/references/mercari/DESIGN.md +217 -434
  170. package/web/references/microsoft/DESIGN.md +234 -388
  171. package/web/references/mildang/DESIGN.md +411 -0
  172. package/web/references/millie/DESIGN.md +183 -504
  173. package/web/references/minimax/DESIGN.md +264 -322
  174. package/web/references/miricanvas/DESIGN.md +182 -355
  175. package/web/references/miro/DESIGN.md +234 -232
  176. package/web/references/mistral.ai/DESIGN.md +231 -314
  177. package/web/references/mixi/DESIGN.md +234 -0
  178. package/web/references/moin/DESIGN.md +445 -0
  179. package/web/references/mongodb/DESIGN.md +219 -316
  180. package/web/references/moreh/DESIGN.md +437 -0
  181. package/web/references/musinsa/DESIGN.md +184 -510
  182. package/web/references/mynavi/DESIGN.md +242 -0
  183. package/web/references/myrealtrip/DESIGN.md +169 -406
  184. package/web/references/naver/DESIGN.md +328 -499
  185. package/web/references/naverwebtoon/DESIGN.md +172 -395
  186. package/web/references/neosapience/DESIGN.md +441 -0
  187. package/web/references/nhn/DESIGN.md +169 -346
  188. package/web/references/nhncloud/DESIGN.md +185 -123
  189. package/web/references/nota/DESIGN.md +451 -0
  190. package/web/references/notion/DESIGN.md +271 -475
  191. package/web/references/nrise/DESIGN.md +417 -0
  192. package/web/references/ohouse/DESIGN.md +210 -549
  193. package/web/references/oliveyoung/DESIGN.md +217 -326
  194. package/web/references/ollama/DESIGN.md +241 -308
  195. package/web/references/onestore/DESIGN.md +248 -0
  196. package/web/references/palantir/DESIGN.md +256 -0
  197. package/web/references/panasonic/DESIGN.md +276 -0
  198. package/web/references/patternfly/DESIGN.md +259 -0
  199. package/web/references/payhere/DESIGN.md +438 -0
  200. package/web/references/pega/DESIGN.md +262 -0
  201. package/web/references/peoplefund/DESIGN.md +431 -0
  202. package/web/references/petfriends/DESIGN.md +428 -0
  203. package/web/references/pinkfong/DESIGN.md +199 -367
  204. package/web/references/pinterest/DESIGN.md +258 -308
  205. package/web/references/portone/DESIGN.md +446 -0
  206. package/web/references/poya/DESIGN.md +286 -0
  207. package/web/references/pozalabs/DESIGN.md +438 -0
  208. package/web/references/protopie/DESIGN.md +419 -0
  209. package/web/references/qraft/DESIGN.md +448 -0
  210. package/web/references/queenit/DESIGN.md +432 -0
  211. package/web/references/quotabook/DESIGN.md +449 -0
  212. package/web/references/rebellions/DESIGN.md +449 -0
  213. package/web/references/recruit/DESIGN.md +247 -0
  214. package/web/references/remember/DESIGN.md +202 -396
  215. package/web/references/resend/DESIGN.md +274 -348
  216. package/web/references/returnzero/DESIGN.md +460 -0
  217. package/web/references/sakura-internet/DESIGN.md +269 -0
  218. package/web/references/samsung/DESIGN.md +157 -359
  219. package/web/references/sandoll/DESIGN.md +445 -0
  220. package/web/references/sanity/DESIGN.md +241 -375
  221. package/web/references/saramin/DESIGN.md +465 -0
  222. package/web/references/scatterlab/DESIGN.md +412 -0
  223. package/web/references/selectstar/DESIGN.md +439 -0
  224. package/web/references/servicenow/DESIGN.md +289 -0
  225. package/web/references/shiftee/DESIGN.md +468 -0
  226. package/web/references/shinhanbank/DESIGN.md +161 -341
  227. package/web/references/shinhancard/DESIGN.md +208 -319
  228. package/web/references/sionic/DESIGN.md +454 -0
  229. package/web/references/sktelecom/DESIGN.md +310 -0
  230. package/web/references/socar/DESIGN.md +125 -32
  231. package/web/references/softbank/DESIGN.md +231 -0
  232. package/web/references/solapi/DESIGN.md +483 -0
  233. package/web/references/sony/DESIGN.md +234 -0
  234. package/web/references/soop/DESIGN.md +261 -0
  235. package/web/references/spacex/DESIGN.md +184 -323
  236. package/web/references/spotify/DESIGN.md +253 -394
  237. package/web/references/squeezebits/DESIGN.md +441 -0
  238. package/web/references/stayfolio/DESIGN.md +422 -0
  239. package/web/references/stripe/DESIGN.md +212 -491
  240. package/web/references/supabase/DESIGN.md +244 -316
  241. package/web/references/supertone/DESIGN.md +413 -0
  242. package/web/references/tabling/DESIGN.md +415 -0
  243. package/web/references/taishinbank/DESIGN.md +243 -0
  244. package/web/references/teamlab/DESIGN.md +240 -0
  245. package/web/references/teamsparta/DESIGN.md +472 -0
  246. package/web/references/tellingme/DESIGN.md +392 -0
  247. package/web/references/tesla/DESIGN.md +244 -427
  248. package/web/references/thsr/DESIGN.md +284 -0
  249. package/web/references/thumbtack/DESIGN.md +302 -0
  250. package/web/references/together.ai/DESIGN.md +257 -304
  251. package/web/references/toss/DESIGN.md +251 -593
  252. package/web/references/toss-securities/DESIGN.md +255 -178
  253. package/web/references/tossbank/DESIGN.md +195 -491
  254. package/web/references/toyota/DESIGN.md +238 -0
  255. package/web/references/tving/DESIGN.md +197 -245
  256. package/web/references/typed/DESIGN.md +413 -0
  257. package/web/references/uber/DESIGN.md +256 -333
  258. package/web/references/udn/DESIGN.md +250 -0
  259. package/web/references/upbit/DESIGN.md +145 -256
  260. package/web/references/upstage/DESIGN.md +211 -204
  261. package/web/references/uswds/DESIGN.md +287 -0
  262. package/web/references/vercel/DESIGN.md +236 -440
  263. package/web/references/vuno/DESIGN.md +413 -0
  264. package/web/references/wanted/DESIGN.md +215 -487
  265. package/web/references/weverse/DESIGN.md +437 -0
  266. package/web/references/wise/DESIGN.md +223 -231
  267. package/web/references/wisetracker/DESIGN.md +462 -0
  268. package/web/references/wooribank/DESIGN.md +245 -0
  269. package/web/references/yanolja/DESIGN.md +250 -419
  270. package/web/references/yeogiotte/DESIGN.md +235 -418
  271. package/web/references/zapier/DESIGN.md +256 -377
  272. package/web/references/zendesk/DESIGN.md +288 -0
  273. package/web/references/zigzag/DESIGN.md +200 -621
  274. package/dist/install-skills-7UUDOLG2.js +0 -734
  275. package/dist/install-skills-7UUDOLG2.js.map +0 -1
@@ -0,0 +1,308 @@
1
+ ---
2
+ id: kb-kookmin
3
+ name: KB국민은행
4
+ country: KR
5
+ category: fintech
6
+ homepage: "https://www.kbstar.com/"
7
+ primary_color: "#ffcc00"
8
+ logo:
9
+ type: favicon
10
+ slug: "https://www.google.com/s2/favicons?domain=kbstar.com&sz=128"
11
+ verified: "2026-07-13"
12
+ omd: "0.1"
13
+ verification_v2:
14
+ schema: 2
15
+ checked: "2026-07-13"
16
+ surfaces:
17
+ - { id: home, kind: public-product-web, url: "https://www.kbstar.com/", inspected: "2026-07-13" }
18
+ - { id: online-banking, kind: public-product-web, url: "https://obank.kbstar.com/quics?page=C018702", inspected: "2026-07-13" }
19
+ - { id: home-repeat, kind: duplicate-public-product-web, url: "https://www.kbstar.com/", inspected: "2026-07-13" }
20
+ sources:
21
+ - { id: home-live, kind: product-surface, url: "https://www.kbstar.com/", captured: "2026-07-13" }
22
+ - { id: online-banking-live, kind: product-surface, url: "https://obank.kbstar.com/quics?page=C018702", captured: "2026-07-13" }
23
+ - { id: kb-bank-ci, kind: brand-asset, url: "https://omoney.kbstar.com/quics?page=C017667", captured: "2026-07-14" }
24
+ - { id: kbfg-ci, kind: brand-asset, url: "https://www.kbfg.com/kor/about/corporate/ci.htm", captured: "2026-07-14" }
25
+ - { id: kbfg-font, kind: brand-asset, url: "https://www.kbfg.com/kor/about/corporate/font.htm", captured: "2026-07-14" }
26
+ - { id: kbfg-history, kind: official-doc, url: "https://www.kbfg.com/eng/about/group/history/merge.htm", captured: "2026-07-14" }
27
+ - { id: kbfg-values, kind: official-doc, url: "https://www.kbfg.com/kor/about/group/value.htm", captured: "2026-07-14" }
28
+ - { id: kbfg-annual-report-2024, kind: official-doc, url: "https://www.kbfg.com/common/jsp/fileDownUtil.jsp?filepath=%2Fdata%2Fannual_report%2F2024+KB_ar_full+version.pdf", captured: "2026-07-14" }
29
+ claims:
30
+ "tokens.colors.canvas": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
31
+ "tokens.colors.foreground": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style, captured: "2026-07-13" }
32
+ "tokens.colors.foreground-strong": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
33
+ "tokens.colors.muted": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
34
+ "tokens.colors.header-accent": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
35
+ "tokens.colors.link": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
36
+ "tokens.colors.hairline": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
37
+ "tokens.typography.body.size": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
38
+ "tokens.typography.body.weight": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
39
+ "tokens.typography.body.lineHeight": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
40
+ "tokens.typography.body.use": { surface_id: home, source_id: home-live, method: selector-provenance, captured: "2026-07-13" }
41
+ "tokens.typography.section-heading.size": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
42
+ "tokens.typography.section-heading.weight": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
43
+ "tokens.typography.section-heading.lineHeight": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
44
+ "tokens.typography.section-heading.use": { surface_id: home, source_id: home-live, method: selector-provenance, captured: "2026-07-13" }
45
+ "tokens.typography.online-selected-item.size": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
46
+ "tokens.typography.online-selected-item.weight": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
47
+ "tokens.typography.online-selected-item.lineHeight": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
48
+ "tokens.typography.online-selected-item.use": { surface_id: online-banking, source_id: online-banking-live, method: selector-provenance, captured: "2026-07-13" }
49
+ "tokens.spacing.inline-link-left": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
50
+ "tokens.spacing.inline-link-right": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
51
+ "tokens.spacing.outline-link-inline": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
52
+ "tokens.spacing.toggle-inline": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
53
+ "tokens.rounded.square": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
54
+ "tokens.shadow.none": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
55
+ "tokens.components.home-outline-list-item.type": { surface_id: home, source_id: home-live, method: selector-provenance, captured: "2026-07-13" }
56
+ "tokens.components.home-outline-list-item.bg": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
57
+ "tokens.components.home-outline-list-item.fg": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
58
+ "tokens.components.home-outline-list-item.border": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
59
+ "tokens.components.home-outline-list-item.radius": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
60
+ "tokens.components.home-outline-list-item.padding": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
61
+ "tokens.components.home-outline-list-item.height": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
62
+ "tokens.components.home-outline-list-item.font": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
63
+ "tokens.components.home-outline-list-item.use": { surface_id: home, source_id: home-live, method: selector-provenance, captured: "2026-07-13" }
64
+ "tokens.components.home-inline-list-item.type": { surface_id: home, source_id: home-live, method: selector-provenance, captured: "2026-07-13" }
65
+ "tokens.components.home-inline-list-item.fg": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
66
+ "tokens.components.home-inline-list-item.radius": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
67
+ "tokens.components.home-inline-list-item.padding": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
68
+ "tokens.components.home-inline-list-item.height": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
69
+ "tokens.components.home-inline-list-item.font": { surface_id: home, source_id: home-live, method: selector-backed-computed-style, captured: "2026-07-13" }
70
+ "tokens.components.home-inline-list-item.use": { surface_id: home, source_id: home-live, method: selector-provenance, captured: "2026-07-13" }
71
+ "tokens.components.online-selected-list-item.type": { surface_id: online-banking, source_id: online-banking-live, method: selector-provenance-and-aria-selected, captured: "2026-07-13" }
72
+ "tokens.components.online-selected-list-item.fg": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
73
+ "tokens.components.online-selected-list-item.radius": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
74
+ "tokens.components.online-selected-list-item.padding": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
75
+ "tokens.components.online-selected-list-item.height": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
76
+ "tokens.components.online-selected-list-item.font": { surface_id: online-banking, source_id: online-banking-live, method: selector-backed-computed-style-and-aria-selected, captured: "2026-07-13" }
77
+ "tokens.components.online-selected-list-item.states": { surface_id: online-banking, source_id: online-banking-live, method: static-aria-state-only, captured: "2026-07-13" }
78
+ "tokens.components.online-selected-list-item.use": { surface_id: online-banking, source_id: online-banking-live, method: selector-provenance, captured: "2026-07-13" }
79
+ conflicts: []
80
+ tokens:
81
+ source: reconciled
82
+ extracted: "2026-07-13"
83
+ note: "Only selector-backed public KB국민은행 product-web values are tokens. KB Financial Group CI, font, history, and value materials are retained as separate brand-context evidence; no fallback family or unobserved interaction is promoted."
84
+ colors:
85
+ canvas: "#ffffff"
86
+ foreground: "#333333"
87
+ foreground-strong: "#000000"
88
+ muted: "#5a5a5a"
89
+ header-accent: "#ffcc00"
90
+ link: "#0c4ad1"
91
+ hairline: "#dddddd"
92
+ typography:
93
+ body: { size: 14, weight: 400, lineHeight: "21px", use: "Repeated public-home list and text samples; the computed family begins 맑은 고딕 but has no matching loaded FontFace in the supplied evidence." }
94
+ section-heading: { size: 20, weight: 700, lineHeight: "26px", use: "Observed public-home h2 samples only; no complete display scale is claimed." }
95
+ online-selected-item: { size: 14, weight: 400, lineHeight: "14px", use: "Selected online-banking list item only; computed Roboto stack is system evidence, not a KB family." }
96
+ spacing:
97
+ inline-link-left: 9
98
+ inline-link-right: 8
99
+ outline-link-inline: 10
100
+ toggle-inline: 12
101
+ rounded:
102
+ square: 0
103
+ shadow:
104
+ none: "none"
105
+ components:
106
+ home-outline-list-item: { type: listItem, bg: "#ffffff", fg: "#222222", border: "1px solid #dddddd", radius: "0px", padding: "0px 10px", height: "28px", font: "14px / 400 / unresolved computed stack", use: "Static public-home anchor samples home::[data-omd-capture=14] and 15, mapped to listItem because no button semantics are evidenced; two sibling text-color values were observed." }
107
+ home-inline-list-item: { type: listItem, fg: "#0c4ad1", radius: "0px", padding: "0px 8px 0px 9px", height: "24px", font: "13px / 400 / unresolved computed stack", use: "Static public-home anchor sample home::[data-omd-capture=67], mapped to listItem because no button semantics are evidenced." }
108
+ online-selected-list-item: { type: listItem, fg: "#333333", radius: "0px", padding: "0px", height: "28px", font: "14px / 400 / operating-system stack", states: "selected static ARIA sample only; no selection transition retained", use: "Online-banking route list item surface-2::#slick-slide00, mapped to listItem because its role is presentation rather than button semantics." }
109
+ components_harvested: true
110
+ ---
111
+
112
+ # KB국민은행 — Design Reference
113
+
114
+ ## 1. Visual Theme & Atmosphere
115
+
116
+ KB국민은행 is a Korean retail and business bank whose public web presence carries a long institutional role into everyday digital banking. KB Financial Group’s history traces the bank’s modern formation to the Kookmin Bank and Housing & Commercial Bank merger, while the group now positions KB Kookmin Bank as a customer-centred financial platform. Its recognisable expression is not a single app kit: the group’s Star-b symbol and yellow accent signal a forward-looking KB identity, and the public bank routes pair that accent sparingly with white fields, dark text, square utility controls, and dense Korean information. Recent first-party reporting places digital-first core-banking modernisation and consultation-friendly terminal redesign alongside this continuity. The result is a practical visual language whose cues of trust, legibility, and institutional continuity should be kept distinct from unobserved native-app or authenticated banking flows.
117
+
118
+ **Key characteristics:**
119
+
120
+ - White `#ffffff` public canvas with repeated `#333333` and `#5a5a5a` text hierarchy.
121
+ - `#ffcc00` is a selector-backed public-home header accent and the catalog identity colour; the packet does not establish it as a universal product fill.
122
+ - Product routes retain square (`0px`) chrome in the measured links, utility controls, and selected online-banking item.
123
+ - The supplied capture records three product snapshots, one of which repeats the public home URL; it records no interaction transitions.
124
+
125
+ ## 2. Color Palette & Roles
126
+
127
+ ### Selector-backed public product-web colours
128
+
129
+ - **Canvas** (`#ffffff`): repeated background on the public home and online-banking routes.
130
+ - **Foreground** (`#333333`): repeated online-banking text and selected-item colour.
131
+ - **Foreground Strong** (`#000000`): observed public utility control text and borders.
132
+ - **Muted** (`#5a5a5a`): repeated public-home navigation and list text.
133
+ - **Header Accent** (`#ffcc00`): observed on a public-home link; it is local evidence, not a universal button or error colour.
134
+ - **Link** (`#0c4ad1`): observed public-home inline link treatment.
135
+ - **Hairline** (`#dddddd`): observed border on two 28px public-home outline links.
136
+
137
+ ### Brand-asset boundary
138
+
139
+ KB국민은행’s CI guide and KB Financial Group’s CI page present the logo/signature system, Star-b, and image-based colour guidance. They confirm the yellow-and-star identity as brand context, but neither supplies a numeric product token for these bank routes. The only numeric yellow promoted here is the supplied computed `#ffcc00` home sample. Corporate CI, bank product web, online banking, and any unauthenticated or native mobile screens remain separate evidence domains.
140
+
141
+ ## 3. Typography Rules
142
+
143
+ ### Evidence classes
144
+
145
+ | Evidence class | Family and boundary |
146
+ |---|---|
147
+ | Official product-use | No official source inspected says that a named family is deployed on the captured KB국민은행 public-web or online-banking routes. |
148
+ | Live computed surface-use | The public home repeatedly computes to a stack beginning `맑은 고딕` / `Malgun Gothic`; the online-banking route computes to a stack beginning `Roboto`. The supplied evidence records no matching loaded FontFace source for either. Neither becomes a KB UI-family token. |
149
+ | Official brand asset (distribution unresolved) | KB Financial Group documents KB금융체 as its proprietary corporate type system, with distinct heading and body families and stated visual rationale. It is useful group-brand context, but the reviewed page does not provide a redistribution licence and the supplied KB국민은행 capture does not load it. |
150
+ | Declared-only | No declared `@font-face` family was included in the supplied evidence bundle. |
151
+ | Unresolved | A browser-loadable source, licence terms, and product deployment evidence for KB금융체 on the captured bank routes were not established. |
152
+
153
+ ### Captured hierarchy
154
+
155
+ | Role | Family boundary | Size | Weight | Line height | Evidence boundary |
156
+ |---|---|---:|---:|---:|---|
157
+ | Public home body/list | unresolved computed stack beginning 맑은 고딕 | 14px | 400 | 21px | repeated home text and list samples |
158
+ | Public home section heading | unresolved computed stack beginning 맑은 고딕 | 20px | 700 | 26px | observed h2 samples only |
159
+ | Online selected list item | operating-system stack beginning Roboto | 14px | 400 | 14px | one static selected online-banking list item |
160
+
161
+ Do not render a system fallback as KB금융체. The official corporate font remains a separately documented brand asset until product-use and loadability are independently evidenced.
162
+
163
+ ## 4. Component Stylings
164
+
165
+ ### Public-home static list items
166
+
167
+ **Outline anchor item**
168
+ - Background: `#ffffff`
169
+ - Text: `#222222` or `#000000`
170
+ - Border: 1px solid `#dddddd`
171
+ - Radius: 0px
172
+ - Padding: 0px 10px
173
+ - Height: 28px
174
+ - Font: 14px / 400 / unresolved computed stack
175
+ - Use: Public-home sibling anchors `home::[data-omd-capture="14"]` and `home::[data-omd-capture="15"]`; the two observed text values are retained rather than normalised. The structured token maps these anchors to `listItem`, because the packet establishes no button semantics or transition.
176
+
177
+ **Inline anchor item**
178
+ - Text: `#0c4ad1`
179
+ - Radius: 0px
180
+ - Padding: 0px 8px 0px 9px
181
+ - Height: 24px
182
+ - Font: 13px / 400 / unresolved computed stack
183
+ - Use: Public-home anchor `home::[data-omd-capture="67"]`, mapped to `listItem` in the structured token because the packet establishes no button semantics or transition.
184
+
185
+ ### Online-banking item
186
+
187
+ **Selected Item**
188
+ - Text: `#333333`
189
+ - Radius: 0px
190
+ - Padding: 0px
191
+ - Height: 28px
192
+ - Font: 14px / 400 / operating-system stack
193
+ - State: Selected is a static `aria-selected="true"` observation; no selection transition was captured.
194
+ - Use: Online-banking item `surface-2::#slick-slide00`, mapped to `listItem` because its role is `presentation`, not button semantics.
195
+
196
+ The bundle reports `interactionCount: 0` and `interactionKinds: 0`. Low-confidence carousel/listbox and icon-button detections remain raw verification evidence, not canonical components. No menu, dialog, toast, validation, error, loading, hover, focus, pressed, disabled, responsive, authenticated-product, or native-app component variant is inferred.
197
+
198
+ ---
199
+ **Verified:** 2026-07-13
200
+ **Tier 1 sources:** https://www.kbstar.com/ ; https://obank.kbstar.com/quics?page=C018702 ; https://omoney.kbstar.com/quics?page=C017667 ; https://www.kbfg.com/kor/about/corporate/ci.htm ; https://www.kbfg.com/kor/about/corporate/font.htm ; https://www.kbfg.com/eng/about/group/history/merge.htm ; https://www.kbfg.com/kor/about/group/value.htm ; https://www.kbfg.com/common/jsp/fileDownUtil.jsp?filepath=%2Fdata%2Fannual_report%2F2024+KB_ar_full+version.pdf
201
+ **Tier 2 sources:** https://getdesign.md/kb-kookmin and https://styles.refero.design/?q=KB%20Kookmin%20Bank were both attempted. The available open paths returned internal/safe-open errors and corresponding searches found no KB국민은행-specific catalogue record.
202
+ **Conflicts unresolved:** none
203
+
204
+ ## 5. Layout Principles
205
+
206
+ The supplied routes were captured at `1440×900`. The evidence supports dense public-web information lists, 14px text roles, and small square controls, but it does not establish a grid, breakpoint, responsive rule, authenticated banking layout, or native mobile layout. The third snapshot repeats the public-home URL, so it must not be treated as a second responsive surface.
207
+
208
+ ## 6. Depth & Elevation
209
+
210
+ The selector-backed canonical samples are flat: `box-shadow: none` and 0px radius on the measured links and online-banking item. This is a local public-web observation, not a universal KB elevation or card system. No shadow-bearing product component is promoted.
211
+
212
+ ## 7. Do's and Don'ts
213
+
214
+ ### Do
215
+
216
+ - Preserve the evidence boundary: use public-web values only on the specific public-web contexts they describe.
217
+ - Keep the documented 14px body/list hierarchy and square link/item chrome when recreating a measured sibling.
218
+ - Treat `#ffcc00` as a sparse observed header accent and retain `#0c4ad1` as the separate observed inline-link colour.
219
+ - Name KB금융체 as a corporate brand asset only when no loaded product evidence is available.
220
+
221
+ ### Don't
222
+
223
+ - Don't turn the group CI yellow, Star-b asset, or corporate typography into a universal online-banking token.
224
+ - Don't substitute Malgun Gothic, Roboto, or a system stack for KB금융체 while labelling it as KB’s proprietary font.
225
+ - Don't invent rounded cards, filled primary buttons, app navigation, or state transitions from this zero-interaction capture.
226
+ - Don't blend corporate, marketing, public web, online banking, and authenticated/native surfaces into one generic banking system.
227
+
228
+ ## 8. Accessibility & Content
229
+
230
+ The capture shows compact 13–14px public text and square utility geometry; it does not provide keyboard, focus, contrast-ratio, error-message, or screen-reader behaviour. Preserve meaningful link text and visible text hierarchy where a captured component is reused, but do not claim WCAG conformance or a KB accessibility contract from the packet. Any new focus, error, or disabled treatment requires source-specific evidence rather than visual extrapolation.
231
+
232
+ ## 9. Reference Scope & Evidence
233
+
234
+ This reference has three supplied snapshots: the public KB국민은행 home, one public online-banking route, and a duplicate home snapshot. It uses the supplied evidence bundle as the sole source for computed style, font status, components, and interactions. First-party KB Financial Group materials provide separate history, CI, corporate-font, mission, and current-modernisation context. Tier 2 getdesign and Refero attempts did not yield a KB국민은행-specific record. Raw selectors, values, confidence, conflicts, and source ledger are retained in `.verification.md` and `_research.md`.
235
+
236
+ ## 10. Voice & Tone
237
+
238
+ The applicable first-party group-level language is customer-centred, trustworthy, professional, and innovation-oriented. It is context for KB국민은행 as a group subsidiary, not an extracted bank-product copy deck.
239
+
240
+ | Do | Don't |
241
+ |---|---|
242
+ | Put customer benefit and the financial action in the clearest available order. | Use novelty or urgency language that obscures a financial decision. |
243
+ | Use precise, calm wording consistent with trust and professionalism. | Claim certainty, a rate, an approval, or protection that has not been verified. |
244
+ | Explain innovation as a means to convenience or a better customer outcome. | Treat internal group values as proof of a specific product feature. |
245
+
246
+ Illustrative, not extracted product copy:
247
+
248
+ - “확인할 내용을 먼저 보여드립니다.” *(illustrative; customer-centred clarity)*
249
+ - “필요한 금융 정보를 차분하게 안내합니다.” *(illustrative; trust/professionalism)*
250
+ - “변경 사항과 다음 단계를 함께 확인하세요.” *(illustrative; clear action sequence)*
251
+
252
+ ## 11. Brand Narrative
253
+
254
+ KB Financial Group’s history identifies the Kookmin Bank and Housing & Commercial Bank merger as the formation of KB Kookmin Bank into a larger Korean bank serving people and businesses. That institutional origin is useful context for the bank’s broad public role; it is not evidence for a particular current interface component or app flow.
255
+
256
+ The group’s current mission is “finance that changes the world,” framed around customers’ happier futures and a better world. Its stated vision is to become the most trusted lifetime financial partner through talent and bold innovation. Those are first-party group declarations, retained here as narrative context rather than attributed as an individual customer promise on any captured page.
257
+
258
+ The 2024 annual report describes customer-centred digital consultation work, core-banking modernisation, and a planned redesign of branch-terminal screens. This gives the current evolution a practical frame: continuity of trust alongside digitisation and more consultation-friendly service. It does not establish completed 2025 UI values or authorise a broader product design system.
259
+
260
+ ## 12. Principles
261
+
262
+ 1. **Customer-centred decision-making.** KB Financial Group names customer focus as a core value.
263
+ *UI implication:* present the financial task, its consequence, and the next action without unnecessary promotional detours.
264
+ 2. **Trust and integrity.** The group names trust and integrity among its core values and ethics materials.
265
+ *UI implication:* distinguish information, confirmation, and commitment; do not use a decorative cue to imply verification.
266
+ 3. **Professional clarity.** The group identifies professionalism as a core value.
267
+ *UI implication:* favour legible hierarchy and exact labels over informal shorthand in consequential contexts.
268
+ 4. **Innovation in service of convenience.** The group links innovation to more convenient and better customer outcomes.
269
+ *UI implication:* introduce new digital paths with plain explanation and preserve an understandable fallback path when one is officially specified.
270
+ 5. **Growing with society.** The group describes shared growth as a core value.
271
+ *UI implication:* avoid narrowing a general public-service message to an unsupported single audience.
272
+
273
+ ## 13. Personas
274
+
275
+ These are stakeholder categories evidenced by first-party group materials, not synthetic personal profiles or research findings.
276
+
277
+ ### Individual banking customer
278
+
279
+ The group mission and customer-centred language address customers broadly. The supplied capture does not identify a task, device, accessibility need, or journey for this category.
280
+
281
+ ### Business customer
282
+
283
+ KB Financial Group’s history describes KB Kookmin Bank as providing services to people and businesses. The packet does not establish business-banking components, so no workflow or control pattern is assigned.
284
+
285
+ ### Branch and consultation service user
286
+
287
+ The 2024 annual report discusses consultation-friendly branch-terminal redesign using customer and employee feedback. It is evolution context only: no branch-terminal screen, role, or interaction was captured for this reference.
288
+
289
+ ## 14. States
290
+
291
+ No product state specification is inferred from this packet. The state headings below preserve the boundary for future source-backed additions; they do not prescribe UI values or microcopy.
292
+
293
+ | Category | Captured evidence boundary |
294
+ |---|---|
295
+ | Empty | No empty state captured. |
296
+ | Loading | No loading state captured. |
297
+ | Error — validation | No validation-error state captured. |
298
+ | Error — service/system | No service or system-error state captured. |
299
+ | Success | No success/confirmation state captured. |
300
+ | Skeleton | No skeleton state captured. |
301
+ | Disabled | No disabled state captured. |
302
+ | Focus | No focus transition captured. |
303
+ | Hover | No hover transition captured. |
304
+ | Pressed | No pressed transition captured. |
305
+
306
+ ## 15. Motion & Easing
307
+
308
+ The supplied bundle records zero interaction kinds and zero interaction records. It therefore establishes no duration, easing curve, transition, animation, carousel movement, or reduced-motion rule. Do not derive motion from the static selected item or low-confidence carousel structure; add motion only when a source-specific capture or official specification supports it.