oh-my-design-cli 1.8.7 → 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 (247) 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 +1995 -38
  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/alipay/DESIGN.md +179 -420
  71. package/web/references/apple/DESIGN.md +224 -498
  72. package/web/references/asleep/DESIGN.md +402 -0
  73. package/web/references/au/DESIGN.md +334 -0
  74. package/web/references/autopedia/DESIGN.md +382 -0
  75. package/web/references/aws-cloudscape/DESIGN.md +241 -0
  76. package/web/references/baemin/DESIGN.md +332 -491
  77. package/web/references/banksalad/DESIGN.md +269 -180
  78. package/web/references/barogo/DESIGN.md +416 -0
  79. package/web/references/beusable/DESIGN.md +464 -0
  80. package/web/references/bilibili/DESIGN.md +206 -374
  81. package/web/references/bmw/DESIGN.md +162 -276
  82. package/web/references/brandi/DESIGN.md +184 -325
  83. package/web/references/catchtable/DESIGN.md +219 -264
  84. package/web/references/cgv/DESIGN.md +317 -0
  85. package/web/references/channeltalk/DESIGN.md +210 -336
  86. package/web/references/china-airlines/DESIGN.md +291 -0
  87. package/web/references/cjonstyle/DESIGN.md +453 -0
  88. package/web/references/class101/DESIGN.md +168 -387
  89. package/web/references/classum/DESIGN.md +228 -203
  90. package/web/references/claude/DESIGN.md +242 -479
  91. package/web/references/clay/DESIGN.md +179 -377
  92. package/web/references/clickhouse/DESIGN.md +254 -343
  93. package/web/references/cohere/DESIGN.md +214 -324
  94. package/web/references/coinone/DESIGN.md +199 -179
  95. package/web/references/corca/DESIGN.md +414 -0
  96. package/web/references/coupang/DESIGN.md +205 -475
  97. package/web/references/cursor/DESIGN.md +240 -381
  98. package/web/references/dabang/DESIGN.md +248 -213
  99. package/web/references/dable/DESIGN.md +431 -0
  100. package/web/references/datarize/DESIGN.md +217 -330
  101. package/web/references/dealicious/DESIGN.md +402 -0
  102. package/web/references/drdiary/DESIGN.md +404 -0
  103. package/web/references/elastic/DESIGN.md +238 -0
  104. package/web/references/elevenlabs/DESIGN.md +183 -321
  105. package/web/references/eslite/DESIGN.md +257 -0
  106. package/web/references/evaair/DESIGN.md +338 -0
  107. package/web/references/expo/DESIGN.md +238 -331
  108. package/web/references/familymart-tw/DESIGN.md +254 -0
  109. package/web/references/ferrari/DESIGN.md +160 -377
  110. package/web/references/figma/DESIGN.md +197 -451
  111. package/web/references/fitpet/DESIGN.md +445 -0
  112. package/web/references/flex/DESIGN.md +170 -253
  113. package/web/references/framer/DESIGN.md +197 -340
  114. package/web/references/freee/DESIGN.md +211 -533
  115. package/web/references/friendliai/DESIGN.md +431 -0
  116. package/web/references/frip/DESIGN.md +440 -0
  117. package/web/references/gangnamunni/DESIGN.md +154 -591
  118. package/web/references/gaudiolab/DESIGN.md +414 -0
  119. package/web/references/google/DESIGN.md +290 -398
  120. package/web/references/hashicorp/DESIGN.md +273 -318
  121. package/web/references/heydealer/DESIGN.md +429 -0
  122. package/web/references/humanscape/DESIGN.md +433 -0
  123. package/web/references/hyundai/DESIGN.md +158 -368
  124. package/web/references/hyundaicard/DESIGN.md +171 -121
  125. package/web/references/ibm/DESIGN.md +227 -378
  126. package/web/references/idus/DESIGN.md +450 -0
  127. package/web/references/igaworks/DESIGN.md +437 -0
  128. package/web/references/inflearn/DESIGN.md +221 -366
  129. package/web/references/intuit/DESIGN.md +244 -0
  130. package/web/references/jandi/DESIGN.md +191 -291
  131. package/web/references/jobplanet/DESIGN.md +415 -0
  132. package/web/references/kakao/DESIGN.md +287 -475
  133. package/web/references/kakaobank/DESIGN.md +220 -521
  134. package/web/references/kakaogames/DESIGN.md +220 -0
  135. package/web/references/kakaopay/DESIGN.md +207 -526
  136. package/web/references/karrot/DESIGN.md +227 -251
  137. package/web/references/kb-kookmin/DESIGN.md +308 -0
  138. package/web/references/kbank/DESIGN.md +220 -175
  139. package/web/references/kmong/DESIGN.md +281 -356
  140. package/web/references/krds/DESIGN.md +245 -19
  141. package/web/references/kream/DESIGN.md +224 -359
  142. package/web/references/kurly/DESIGN.md +211 -533
  143. package/web/references/lamborghini/DESIGN.md +198 -360
  144. package/web/references/lguplus/DESIGN.md +259 -0
  145. package/web/references/likelion/DESIGN.md +283 -0
  146. package/web/references/line/DESIGN.md +396 -355
  147. package/web/references/linear.app/DESIGN.md +209 -562
  148. package/web/references/lotteon/DESIGN.md +386 -0
  149. package/web/references/lovable/DESIGN.md +255 -349
  150. package/web/references/makinarocks/DESIGN.md +149 -349
  151. package/web/references/maum-ai/DESIGN.md +423 -0
  152. package/web/references/medibloc/DESIGN.md +425 -0
  153. package/web/references/megabox/DESIGN.md +232 -0
  154. package/web/references/mercari/DESIGN.md +217 -434
  155. package/web/references/microsoft/DESIGN.md +234 -388
  156. package/web/references/mildang/DESIGN.md +411 -0
  157. package/web/references/millie/DESIGN.md +183 -504
  158. package/web/references/minimax/DESIGN.md +264 -322
  159. package/web/references/miricanvas/DESIGN.md +182 -355
  160. package/web/references/miro/DESIGN.md +234 -232
  161. package/web/references/mistral.ai/DESIGN.md +231 -314
  162. package/web/references/mixi/DESIGN.md +234 -0
  163. package/web/references/moin/DESIGN.md +445 -0
  164. package/web/references/mongodb/DESIGN.md +219 -316
  165. package/web/references/musinsa/DESIGN.md +184 -510
  166. package/web/references/mynavi/DESIGN.md +242 -0
  167. package/web/references/myrealtrip/DESIGN.md +169 -406
  168. package/web/references/naver/DESIGN.md +328 -499
  169. package/web/references/naverwebtoon/DESIGN.md +172 -395
  170. package/web/references/nhn/DESIGN.md +169 -346
  171. package/web/references/nhncloud/DESIGN.md +185 -123
  172. package/web/references/notion/DESIGN.md +271 -475
  173. package/web/references/nrise/DESIGN.md +417 -0
  174. package/web/references/ohouse/DESIGN.md +210 -549
  175. package/web/references/oliveyoung/DESIGN.md +217 -326
  176. package/web/references/ollama/DESIGN.md +241 -308
  177. package/web/references/onestore/DESIGN.md +248 -0
  178. package/web/references/palantir/DESIGN.md +256 -0
  179. package/web/references/panasonic/DESIGN.md +276 -0
  180. package/web/references/patternfly/DESIGN.md +259 -0
  181. package/web/references/payhere/DESIGN.md +438 -0
  182. package/web/references/pega/DESIGN.md +262 -0
  183. package/web/references/peoplefund/DESIGN.md +431 -0
  184. package/web/references/petfriends/DESIGN.md +428 -0
  185. package/web/references/pinkfong/DESIGN.md +199 -367
  186. package/web/references/pinterest/DESIGN.md +258 -308
  187. package/web/references/poya/DESIGN.md +286 -0
  188. package/web/references/pozalabs/DESIGN.md +438 -0
  189. package/web/references/protopie/DESIGN.md +419 -0
  190. package/web/references/qraft/DESIGN.md +448 -0
  191. package/web/references/quotabook/DESIGN.md +449 -0
  192. package/web/references/recruit/DESIGN.md +247 -0
  193. package/web/references/remember/DESIGN.md +202 -396
  194. package/web/references/resend/DESIGN.md +274 -348
  195. package/web/references/sakura-internet/DESIGN.md +269 -0
  196. package/web/references/samsung/DESIGN.md +157 -359
  197. package/web/references/sandoll/DESIGN.md +445 -0
  198. package/web/references/sanity/DESIGN.md +241 -375
  199. package/web/references/scatterlab/DESIGN.md +412 -0
  200. package/web/references/selectstar/DESIGN.md +439 -0
  201. package/web/references/servicenow/DESIGN.md +289 -0
  202. package/web/references/shinhanbank/DESIGN.md +161 -341
  203. package/web/references/shinhancard/DESIGN.md +208 -319
  204. package/web/references/sionic/DESIGN.md +454 -0
  205. package/web/references/sktelecom/DESIGN.md +310 -0
  206. package/web/references/socar/DESIGN.md +125 -32
  207. package/web/references/softbank/DESIGN.md +231 -0
  208. package/web/references/sony/DESIGN.md +234 -0
  209. package/web/references/soop/DESIGN.md +261 -0
  210. package/web/references/spacex/DESIGN.md +184 -323
  211. package/web/references/spotify/DESIGN.md +253 -394
  212. package/web/references/squeezebits/DESIGN.md +441 -0
  213. package/web/references/stayfolio/DESIGN.md +422 -0
  214. package/web/references/stripe/DESIGN.md +212 -491
  215. package/web/references/supabase/DESIGN.md +244 -316
  216. package/web/references/tabling/DESIGN.md +415 -0
  217. package/web/references/taishinbank/DESIGN.md +243 -0
  218. package/web/references/teamlab/DESIGN.md +240 -0
  219. package/web/references/teamsparta/DESIGN.md +472 -0
  220. package/web/references/tellingme/DESIGN.md +392 -0
  221. package/web/references/tesla/DESIGN.md +244 -427
  222. package/web/references/thsr/DESIGN.md +284 -0
  223. package/web/references/thumbtack/DESIGN.md +302 -0
  224. package/web/references/together.ai/DESIGN.md +257 -304
  225. package/web/references/toss/DESIGN.md +251 -593
  226. package/web/references/toss-securities/DESIGN.md +255 -178
  227. package/web/references/tossbank/DESIGN.md +195 -491
  228. package/web/references/toyota/DESIGN.md +238 -0
  229. package/web/references/tving/DESIGN.md +197 -245
  230. package/web/references/typed/DESIGN.md +413 -0
  231. package/web/references/uber/DESIGN.md +256 -333
  232. package/web/references/udn/DESIGN.md +250 -0
  233. package/web/references/upbit/DESIGN.md +145 -256
  234. package/web/references/upstage/DESIGN.md +211 -204
  235. package/web/references/uswds/DESIGN.md +287 -0
  236. package/web/references/vercel/DESIGN.md +236 -440
  237. package/web/references/wanted/DESIGN.md +215 -487
  238. package/web/references/wise/DESIGN.md +223 -231
  239. package/web/references/wisetracker/DESIGN.md +462 -0
  240. package/web/references/wooribank/DESIGN.md +245 -0
  241. package/web/references/yanolja/DESIGN.md +250 -419
  242. package/web/references/yeogiotte/DESIGN.md +235 -418
  243. package/web/references/zapier/DESIGN.md +256 -377
  244. package/web/references/zendesk/DESIGN.md +288 -0
  245. package/web/references/zigzag/DESIGN.md +200 -621
  246. package/dist/install-skills-7UUDOLG2.js +0 -734
  247. 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.