kasaframe 0.1.4 → 0.1.5

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 (294) hide show
  1. package/NOTICE +298 -0
  2. package/README.md +16 -3
  3. package/docs/AGENTS.md +1 -1
  4. package/package.json +1 -1
  5. package/packages/cli/src/commands/doctor.ts +15 -2
  6. package/packages/cli/src/commands/fonts.ts +118 -0
  7. package/packages/cli/src/commands/update.ts +66 -0
  8. package/packages/cli/src/fonts.ts +405 -0
  9. package/packages/cli/src/kf.ts +5 -0
  10. package/packages/cli/src/update.ts +250 -0
  11. package/packages/plan/src/asks.ts +1 -1
  12. package/packages/plan/src/themes.ts +8 -2
  13. package/packages/themes/kit/THEME-MAKE.md +2 -2
  14. package/packages/themes/kit/fonts/display.json +3517 -0
  15. package/packages/themes/kit/fonts/sans.json +5155 -0
  16. package/packages/themes/kit/fonts/serif.json +5229 -0
  17. package/packages/themes/kit/fonts.json +243 -79
  18. package/packages/themes/package.json +3 -1
  19. package/packages/themes/src/fontfile.ts +183 -0
  20. package/packages/themes/src/fonts.ts +296 -0
  21. package/packages/themes/src/index.ts +10 -2
  22. package/packages/themes/src/look.ts +34 -8
  23. package/packages/themes/src/types.ts +5 -0
  24. package/packages/themes/src/vary.ts +35 -34
  25. package/presets/kawaii-pastel.json +2 -2
  26. package/skills/kasaframe/SKILL.md +1 -0
  27. package/themes/blueprint/sample/style.json +5 -5
  28. package/themes/blueprint/style.json +5 -5
  29. package/themes/blueprint/theme.json +3 -1
  30. package/themes/blueprint/variants/deep-rose-suit.json +1 -1
  31. package/themes/blueprint/variants/navy-coral-2.json +1 -1
  32. package/themes/blueprint/variants/navy-coral-suit.json +1 -1
  33. package/themes/blueprint/variants/navy-orange-2.json +1 -1
  34. package/themes/blueprint/variants/navy-orange-suit.json +1 -1
  35. package/themes/cartography/sample/style.json +2 -2
  36. package/themes/cartography/style.json +2 -2
  37. package/themes/cartography/theme.json +3 -1
  38. package/themes/cartography/variants/deep-plum.json +1 -1
  39. package/themes/cartography/variants/frost-teal.json +1 -1
  40. package/themes/cartography/variants/navy-green.json +1 -1
  41. package/themes/circuit-board/sample/style.json +2 -2
  42. package/themes/circuit-board/style.json +2 -2
  43. package/themes/circuit-board/theme.json +3 -1
  44. package/themes/circuit-board/variants/dusk-gold-pretendard.json +1 -1
  45. package/themes/circuit-board/variants/navy-gold-grain.json +1 -1
  46. package/themes/circuit-board/variants/wine-gold-pretendard.json +1 -1
  47. package/themes/clay-toy/sample/style.json +2 -2
  48. package/themes/clay-toy/style.json +2 -2
  49. package/themes/clay-toy/theme.json +3 -1
  50. package/themes/clay-toy/variants/blush-coral-grain.json +1 -1
  51. package/themes/clay-toy/variants/chalk-teal.json +1 -1
  52. package/themes/clay-toy/variants/frost-sky.json +1 -1
  53. package/themes/clay-toy/variants/frost-teal.json +1 -1
  54. package/themes/clay-toy/variants/lilac-plum-round.json +1 -1
  55. package/themes/clay-toy/variants/lilac-plum.json +1 -1
  56. package/themes/clay-toy/variants/sage-indigo.json +1 -1
  57. package/themes/conveyor-factory/sample/style.json +3 -3
  58. package/themes/conveyor-factory/style.json +3 -3
  59. package/themes/conveyor-factory/theme.json +3 -1
  60. package/themes/conveyor-factory/variants/cocoa-gold.json +1 -1
  61. package/themes/conveyor-factory/variants/navy-gold.json +1 -1
  62. package/themes/conveyor-factory/variants/slate-amber-2.json +1 -1
  63. package/themes/conveyor-factory/variants/slate-amber-suit.json +1 -1
  64. package/themes/conveyor-factory/variants/slate-gold-bold.json +1 -1
  65. package/themes/data-journal/theme.json +3 -1
  66. package/themes/data-journal/variants/deep-coral.json +1 -1
  67. package/themes/data-journal/variants/navy-lime.json +1 -1
  68. package/themes/data-journal/variants/wine-indigo.json +1 -1
  69. package/themes/debug-hud/sample/style.json +1 -1
  70. package/themes/debug-hud/style.json +1 -1
  71. package/themes/debug-hud/theme.json +2 -1
  72. package/themes/debug-hud/variants/cocoa-teal.json +2 -2
  73. package/themes/debug-hud/variants/deep-teal-scan.json +2 -2
  74. package/themes/debug-hud/variants/dusk-plum.json +2 -2
  75. package/themes/debug-hud/variants/forest-lime.json +2 -2
  76. package/themes/debug-hud/variants/slate-green.json +2 -2
  77. package/themes/debug-hud/variants/wine-gold.json +2 -2
  78. package/themes/depth-flight/sample/style.json +1 -1
  79. package/themes/depth-flight/style.json +1 -1
  80. package/themes/depth-flight/theme.json +3 -1
  81. package/themes/depth-flight/variants/cocoa-cyan.json +1 -1
  82. package/themes/depth-flight/variants/cocoa-violet.json +1 -1
  83. package/themes/depth-flight/variants/deep-sky.json +1 -1
  84. package/themes/depth-flight/variants/forest-blue.json +1 -1
  85. package/themes/depth-flight/variants/navy-sky-grain.json +1 -1
  86. package/themes/depth-flight/variants/navy-sky.json +1 -1
  87. package/themes/depth-flight/variants/night-teal.json +1 -1
  88. package/themes/depth-flight/variants/slate-indigo.json +1 -1
  89. package/themes/depth-flight/variants/slate-violet.json +1 -1
  90. package/themes/film-reel/sample/style.json +2 -2
  91. package/themes/film-reel/style.json +2 -2
  92. package/themes/film-reel/theme.json +3 -1
  93. package/themes/film-reel/variants/chalk-pink.json +1 -1
  94. package/themes/film-reel/variants/lilac-gold.json +1 -1
  95. package/themes/film-reel/variants/lilac-violet.json +1 -1
  96. package/themes/glass-light/sample/style.json +1 -1
  97. package/themes/glass-light/style.json +1 -1
  98. package/themes/glass-light/theme.json +3 -1
  99. package/themes/glass-light/variants/blush-pink.json +1 -1
  100. package/themes/glass-light/variants/blush-plum.json +1 -1
  101. package/themes/glass-light/variants/cream-violet.json +1 -1
  102. package/themes/glass-light/variants/frost-sky-suit.json +1 -1
  103. package/themes/glass-light/variants/frost-sky.json +1 -1
  104. package/themes/glass-light/variants/sage-green.json +1 -1
  105. package/themes/ink-wash/sample/style.json +3 -3
  106. package/themes/ink-wash/style.json +3 -3
  107. package/themes/ink-wash/theme.json +3 -1
  108. package/themes/iso-diorama/sample/style.json +1 -1
  109. package/themes/iso-diorama/style.json +1 -1
  110. package/themes/iso-diorama/theme.json +3 -1
  111. package/themes/iso-diorama/variants/chalk-plum.json +1 -1
  112. package/themes/iso-diorama/variants/cocoa-indigo.json +1 -1
  113. package/themes/iso-diorama/variants/dusk-blue.json +1 -1
  114. package/themes/iso-diorama/variants/dusk-coral.json +1 -1
  115. package/themes/iso-diorama/variants/dusk-jade.json +1 -1
  116. package/themes/iso-diorama/variants/forest-cyan.json +1 -1
  117. package/themes/iso-diorama/variants/frost-green.json +1 -1
  118. package/themes/iso-diorama/variants/frost-teal.json +1 -1
  119. package/themes/iso-diorama/variants/navy-amber.json +1 -1
  120. package/themes/isotype/sample/style.json +2 -2
  121. package/themes/isotype/style.json +2 -2
  122. package/themes/isotype/theme.json +2 -1
  123. package/themes/isotype/variants/blush-rose.json +1 -1
  124. package/themes/isotype/variants/chalk-coral.json +1 -1
  125. package/themes/isotype/variants/chalk-orange.json +1 -1
  126. package/themes/isotype/variants/frost-amber.json +1 -1
  127. package/themes/isotype/variants/frost-coral.json +1 -1
  128. package/themes/isotype/variants/frost-orange.json +1 -1
  129. package/themes/isotype/variants/sand-amber.json +1 -1
  130. package/themes/kawaii-sticker/sample/style.json +2 -2
  131. package/themes/kawaii-sticker/style.json +2 -2
  132. package/themes/kawaii-sticker/theme.json +3 -1
  133. package/themes/kawaii-sticker/variants/cream-gold.json +1 -1
  134. package/themes/kawaii-sticker/variants/dusk-green.json +1 -1
  135. package/themes/kawaii-sticker/variants/dusk-indigo.json +1 -1
  136. package/themes/kawaii-sticker/variants/dusk-sky.json +1 -1
  137. package/themes/kawaii-sticker/variants/dusk-teal.json +1 -1
  138. package/themes/kawaii-sticker/variants/frost-blue.json +1 -1
  139. package/themes/kawaii-sticker/variants/frost-plum.json +1 -1
  140. package/themes/kawaii-sticker/variants/lilac-violet.json +1 -1
  141. package/themes/kawaii-sticker/variants/navy-gold.json +1 -1
  142. package/themes/kawaii-sticker/variants/navy-plum.json +1 -1
  143. package/themes/lab-notebook/sample/style.json +3 -3
  144. package/themes/lab-notebook/style.json +3 -3
  145. package/themes/lab-notebook/theme.json +2 -1
  146. package/themes/lab-notebook/variants/blush-orange.json +1 -1
  147. package/themes/lab-notebook/variants/chalk-coral.json +1 -1
  148. package/themes/lab-notebook/variants/chalk-orange.json +1 -1
  149. package/themes/lab-notebook/variants/chalk-rose.json +1 -1
  150. package/themes/lab-notebook/variants/lilac-rose.json +1 -1
  151. package/themes/lab-notebook/variants/sage-rose.json +1 -1
  152. package/themes/lab-notebook/variants/sand-orange.json +1 -1
  153. package/themes/lab-notebook/variants/snow-orange.json +1 -1
  154. package/themes/lab-notebook/variants/snow-rose.json +1 -1
  155. package/themes/manga-panel/sample/style.json +3 -3
  156. package/themes/manga-panel/style.json +3 -3
  157. package/themes/manga-panel/theme.json +3 -1
  158. package/themes/manga-panel/variants/chalk-cyan-dots.json +1 -1
  159. package/themes/manga-panel/variants/chalk-rose.json +1 -1
  160. package/themes/manga-panel/variants/snow-cyan.json +1 -1
  161. package/themes/manga-panel/variants/snow-magenta-dots.json +1 -1
  162. package/themes/marble-run/sample/style.json +2 -2
  163. package/themes/marble-run/style.json +2 -2
  164. package/themes/marble-run/theme.json +3 -1
  165. package/themes/marble-run/variants/slate-orange.json +1 -1
  166. package/themes/neon-sign/sample/style.json +2 -2
  167. package/themes/neon-sign/style.json +2 -2
  168. package/themes/neon-sign/theme.json +2 -1
  169. package/themes/neon-sign/variants/dusk-plum.json +1 -1
  170. package/themes/neon-sign/variants/forest-magenta.json +1 -1
  171. package/themes/neon-sign/variants/night-pink.json +1 -1
  172. package/themes/neon-sign/variants/night-violet.json +1 -1
  173. package/themes/neon-sign/variants/slate-violet.json +1 -1
  174. package/themes/newspaper/sample/style.json +2 -2
  175. package/themes/newspaper/style.json +2 -2
  176. package/themes/newspaper/theme.json +2 -1
  177. package/themes/newspaper/variants/blush-amber.json +1 -1
  178. package/themes/newspaper/variants/chalk-magenta.json +1 -1
  179. package/themes/newspaper/variants/frost-sky.json +1 -1
  180. package/themes/newspaper/variants/lilac-green.json +1 -1
  181. package/themes/newspaper/variants/sage-lime.json +1 -1
  182. package/themes/og-measure/THEME.md +32 -6
  183. package/themes/og-measure/effects.ts +219 -115
  184. package/themes/og-measure/sample/assets/brand/og-logo.svg +11 -11
  185. package/themes/og-measure/sample/lib/data.ts +6 -0
  186. package/themes/og-measure/sample/scenes/end.ts +14 -10
  187. package/themes/og-measure/sample/scenes/gather.ts +12 -1
  188. package/themes/og-measure/sample/scenes/models.ts +13 -2
  189. package/themes/og-measure/sample/scenes/one.ts +8 -6
  190. package/themes/og-measure/sample/scenes/price.ts +20 -3
  191. package/themes/og-measure/sample/style.json +30 -35
  192. package/themes/og-measure/slots.ts +25 -30
  193. package/themes/og-measure/still.png +0 -0
  194. package/themes/og-measure/style.json +30 -35
  195. package/themes/og-measure/theme.json +64 -49
  196. package/themes/og-measure/variants/snow-blue.json +90 -0
  197. package/themes/orbit-system/sample/style.json +3 -3
  198. package/themes/orbit-system/style.json +3 -3
  199. package/themes/orbit-system/theme.json +3 -1
  200. package/themes/orbit-system/variants/cocoa-amber.json +1 -1
  201. package/themes/orbit-system/variants/cocoa-cyan.json +1 -1
  202. package/themes/orbit-system/variants/dusk-magenta.json +1 -1
  203. package/themes/orbit-system/variants/dusk-violet.json +1 -1
  204. package/themes/orbit-system/variants/forest-coral.json +1 -1
  205. package/themes/orbit-system/variants/wine-amber.json +1 -1
  206. package/themes/orbit-system/variants/wine-magenta.json +1 -1
  207. package/themes/origami-fold/sample/style.json +1 -1
  208. package/themes/origami-fold/style.json +1 -1
  209. package/themes/origami-fold/theme.json +3 -1
  210. package/themes/origami-fold/variants/deep-amber-sunflower.json +1 -1
  211. package/themes/origami-fold/variants/deep-orange.json +1 -1
  212. package/themes/origami-fold/variants/forest-coral.json +1 -1
  213. package/themes/origami-fold/variants/forest-pink.json +1 -1
  214. package/themes/origami-fold/variants/frost-amber-paper.json +1 -1
  215. package/themes/origami-fold/variants/sage-coral-sunflower.json +1 -1
  216. package/themes/origami-fold/variants/sage-coral.json +1 -1
  217. package/themes/origami-fold/variants/sage-pink-round.json +1 -1
  218. package/themes/origami-fold/variants/sage-pink.json +1 -1
  219. package/themes/paper-cutout/sample/style.json +2 -2
  220. package/themes/paper-cutout/style.json +2 -2
  221. package/themes/paper-cutout/theme.json +3 -1
  222. package/themes/paper-cutout/variants/blush-violet.json +1 -1
  223. package/themes/paper-cutout/variants/frost-lime.json +1 -1
  224. package/themes/paper-cutout/variants/lilac-gold.json +1 -1
  225. package/themes/paper-cutout/variants/sage-cyan.json +1 -1
  226. package/themes/paper-cutout/variants/sage-green.json +1 -1
  227. package/themes/paper-cutout/variants/sage-pink.json +1 -1
  228. package/themes/paper-cutout/variants/sand-blue.json +1 -1
  229. package/themes/pixel-quest/theme.json +2 -1
  230. package/themes/receipt/sample/style.json +2 -2
  231. package/themes/receipt/style.json +2 -2
  232. package/themes/riso-zine/sample/style.json +2 -2
  233. package/themes/riso-zine/style.json +2 -2
  234. package/themes/riso-zine/theme.json +3 -1
  235. package/themes/riso-zine/variants/chalk-lime.json +1 -1
  236. package/themes/riso-zine/variants/frost-green.json +1 -1
  237. package/themes/riso-zine/variants/lilac-plum.json +1 -1
  238. package/themes/riso-zine/variants/lilac-violet.json +1 -1
  239. package/themes/server-hall/sample/style.json +2 -2
  240. package/themes/server-hall/style.json +2 -2
  241. package/themes/server-hall/theme.json +3 -1
  242. package/themes/server-hall/variants/night-indigo.json +1 -1
  243. package/themes/server-hall/variants/wine-plum.json +1 -1
  244. package/themes/subway-map/sample/style.json +2 -2
  245. package/themes/subway-map/style.json +2 -2
  246. package/themes/subway-map/theme.json +3 -1
  247. package/themes/subway-map/variants/deep-green.json +1 -1
  248. package/themes/subway-map/variants/deep-teal.json +1 -1
  249. package/themes/subway-map/variants/frost-jade.json +1 -1
  250. package/themes/subway-map/variants/frost-teal.json +1 -1
  251. package/themes/subway-map/variants/slate-green.json +1 -1
  252. package/themes/subway-map/variants/snow-jade.json +1 -1
  253. package/themes/swiss-poster/sample/style.json +2 -2
  254. package/themes/swiss-poster/style.json +2 -2
  255. package/themes/swiss-poster/theme.json +3 -1
  256. package/themes/swiss-poster/variants/chalk-plum.json +1 -1
  257. package/themes/swiss-poster/variants/cocoa-cyan.json +1 -1
  258. package/themes/swiss-poster/variants/dusk-magenta.json +1 -1
  259. package/themes/swiss-poster/variants/frost-indigo.json +1 -1
  260. package/themes/swiss-poster/variants/slate-orange.json +1 -1
  261. package/themes/water-works/sample/style.json +1 -1
  262. package/themes/water-works/style.json +1 -1
  263. package/themes/water-works/theme.json +3 -1
  264. package/themes/water-works/variants/chalk-cyan.json +1 -1
  265. package/themes/water-works/variants/frost-indigo.json +1 -1
  266. package/themes/water-works/variants/sand-amber.json +1 -1
  267. package/themes/water-works/variants/sand-plum.json +1 -1
  268. package/themes/whiteboard/sample/style.json +2 -2
  269. package/themes/whiteboard/style.json +2 -2
  270. package/themes/whiteboard/theme.json +3 -1
  271. package/themes/whiteboard/variants/chalk-coral.json +1 -1
  272. package/themes/whiteboard/variants/cream-lime.json +1 -1
  273. package/themes/whiteboard/variants/frost-teal.json +1 -1
  274. package/themes/whiteboard/variants/lilac-indigo.json +1 -1
  275. package/themes/whiteboard/variants/sage-plum.json +1 -1
  276. package/themes/whiteboard/variants/snow-cyan.json +1 -1
  277. package/themes/whiteboard/variants/snow-green.json +1 -1
  278. package/themes/whiteboard/variants/snow-magenta.json +1 -1
  279. package/themes/og-measure/sample/assets/brand/og-logo-full.svg +0 -12
  280. package/themes/og-measure/variants/chalk-orange.json +0 -102
  281. package/themes/og-measure/variants/cocoa-amber.json +0 -138
  282. package/themes/og-measure/variants/cocoa-cyan.json +0 -138
  283. package/themes/og-measure/variants/cocoa-gold.json +0 -129
  284. package/themes/og-measure/variants/cream-lime.json +0 -137
  285. package/themes/og-measure/variants/deep-jade.json +0 -100
  286. package/themes/og-measure/variants/dusk-violet.json +0 -133
  287. package/themes/og-measure/variants/forest-cyan.json +0 -123
  288. package/themes/og-measure/variants/frost-amber.json +0 -129
  289. package/themes/og-measure/variants/frost-cyan.json +0 -133
  290. package/themes/og-measure/variants/lilac-plum.json +0 -127
  291. package/themes/og-measure/variants/lilac-violet.json +0 -139
  292. package/themes/og-measure/variants/sage-green.json +0 -137
  293. package/themes/og-measure/variants/wine-jade.json +0 -127
  294. package/themes/og-measure/variants/wine-plum.json +0 -127
@@ -61,7 +61,7 @@
61
61
  },
62
62
  {
63
63
  "family": "JetBrains Mono",
64
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
64
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
65
65
  "weight": "100 800"
66
66
  }
67
67
  ]
@@ -37,12 +37,12 @@
37
37
  "faces": [
38
38
  {
39
39
  "family": "Josefin Sans",
40
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/josefin-sans@5/files/josefin-sans-latin-wght-normal.woff2",
40
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/josefin-sans@5.3.0/files/josefin-sans-latin-wght-normal.woff2",
41
41
  "weight": "100 700"
42
42
  },
43
43
  {
44
44
  "family": "DM Mono",
45
- "src": "https://cdn.jsdelivr.net/npm/@fontsource/dm-mono@5/files/dm-mono-latin-500-normal.woff2",
45
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource/dm-mono@5.3.0/files/dm-mono-latin-500-normal.woff2",
46
46
  "weight": "500"
47
47
  },
48
48
  {
@@ -37,12 +37,12 @@
37
37
  "faces": [
38
38
  {
39
39
  "family": "Josefin Sans",
40
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/josefin-sans@5/files/josefin-sans-latin-wght-normal.woff2",
40
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/josefin-sans@5.3.0/files/josefin-sans-latin-wght-normal.woff2",
41
41
  "weight": "100 700"
42
42
  },
43
43
  {
44
44
  "family": "DM Mono",
45
- "src": "https://cdn.jsdelivr.net/npm/@fontsource/dm-mono@5/files/dm-mono-latin-500-normal.woff2",
45
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource/dm-mono@5.3.0/files/dm-mono-latin-500-normal.woff2",
46
46
  "weight": "500"
47
47
  },
48
48
  {
@@ -49,7 +49,9 @@
49
49
  "hahmlet",
50
50
  "suit",
51
51
  "plex",
52
- "space-mono"
52
+ "space-mono",
53
+ "tag:rounded+friendly",
54
+ "tag:sans+geometric"
53
55
  ],
54
56
  "texture": [
55
57
  "none",
@@ -70,7 +70,7 @@
70
70
  },
71
71
  {
72
72
  "family": "JetBrains Mono",
73
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
73
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
74
74
  "weight": "100 800"
75
75
  }
76
76
  ]
@@ -31,7 +31,7 @@
31
31
  "faces": [
32
32
  {
33
33
  "family": "Monoton",
34
- "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/monoton/Monoton-Regular.ttf",
34
+ "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/monoton/Monoton-Regular.ttf",
35
35
  "weight": "400"
36
36
  },
37
37
  {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  {
43
43
  "family": "JetBrains Mono",
44
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
44
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
45
45
  "weight": "100 800"
46
46
  }
47
47
  ]
@@ -31,7 +31,7 @@
31
31
  "faces": [
32
32
  {
33
33
  "family": "Monoton",
34
- "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/monoton/Monoton-Regular.ttf",
34
+ "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/monoton/Monoton-Regular.ttf",
35
35
  "weight": "400"
36
36
  },
37
37
  {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  {
43
43
  "family": "JetBrains Mono",
44
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
44
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
45
45
  "weight": "100 800"
46
46
  }
47
47
  ]
@@ -49,7 +49,8 @@
49
49
  "do-hyeon",
50
50
  "sunflower",
51
51
  "bagel",
52
- "dongle"
52
+ "dongle",
53
+ "tag:neon"
53
54
  ],
54
55
  "texture": [
55
56
  "none",
@@ -64,7 +64,7 @@
64
64
  },
65
65
  {
66
66
  "family": "JetBrains Mono",
67
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
67
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
68
68
  "weight": "100 800"
69
69
  }
70
70
  ]
@@ -64,7 +64,7 @@
64
64
  },
65
65
  {
66
66
  "family": "JetBrains Mono",
67
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
67
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
68
68
  "weight": "100 800"
69
69
  }
70
70
  ]
@@ -64,7 +64,7 @@
64
64
  },
65
65
  {
66
66
  "family": "JetBrains Mono",
67
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
67
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
68
68
  "weight": "100 800"
69
69
  }
70
70
  ]
@@ -64,7 +64,7 @@
64
64
  },
65
65
  {
66
66
  "family": "JetBrains Mono",
67
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
67
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
68
68
  "weight": "100 800"
69
69
  }
70
70
  ]
@@ -64,7 +64,7 @@
64
64
  },
65
65
  {
66
66
  "family": "JetBrains Mono",
67
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
67
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
68
68
  "weight": "100 800"
69
69
  }
70
70
  ]
@@ -29,12 +29,12 @@
29
29
  "faces": [
30
30
  {
31
31
  "family": "Hahmlet",
32
- "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
32
+ "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
33
33
  "weight": "100 900"
34
34
  },
35
35
  {
36
36
  "family": "Courier Prime",
37
- "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/courierprime/CourierPrime-Regular.ttf",
37
+ "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/courierprime/CourierPrime-Regular.ttf",
38
38
  "weight": "400"
39
39
  },
40
40
  {
@@ -29,12 +29,12 @@
29
29
  "faces": [
30
30
  {
31
31
  "family": "Hahmlet",
32
- "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
32
+ "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
33
33
  "weight": "100 900"
34
34
  },
35
35
  {
36
36
  "family": "Courier Prime",
37
- "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/courierprime/CourierPrime-Regular.ttf",
37
+ "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/courierprime/CourierPrime-Regular.ttf",
38
38
  "weight": "400"
39
39
  },
40
40
  {
@@ -46,7 +46,8 @@
46
46
  "gowun-batang",
47
47
  "hahmlet",
48
48
  "black-han",
49
- "gothic-a1"
49
+ "gothic-a1",
50
+ "tag:newspaper"
50
51
  ],
51
52
  "texture": [
52
53
  "none",
@@ -67,7 +67,7 @@
67
67
  },
68
68
  {
69
69
  "family": "JetBrains Mono",
70
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
70
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
71
71
  "weight": "100 800"
72
72
  }
73
73
  ]
@@ -67,7 +67,7 @@
67
67
  },
68
68
  {
69
69
  "family": "JetBrains Mono",
70
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
70
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
71
71
  "weight": "100 800"
72
72
  }
73
73
  ]
@@ -67,7 +67,7 @@
67
67
  },
68
68
  {
69
69
  "family": "JetBrains Mono",
70
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
70
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
71
71
  "weight": "100 800"
72
72
  }
73
73
  ]
@@ -67,7 +67,7 @@
67
67
  },
68
68
  {
69
69
  "family": "JetBrains Mono",
70
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
70
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
71
71
  "weight": "100 800"
72
72
  }
73
73
  ]
@@ -62,7 +62,7 @@
62
62
  },
63
63
  {
64
64
  "family": "JetBrains Mono",
65
- "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
65
+ "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
66
66
  "weight": "100 800"
67
67
  }
68
68
  ]
@@ -2,20 +2,45 @@
2
2
 
3
3
  **비유 한 줄**: 화면은 계측기다 — 실제 호출이 한 줄 나가고, 원자료 로그가 흐르고, 거기서 숫자가 뽑혀 점·막대·큰 숫자로 쌓인다. 얼굴도 캐릭터도 없다.
4
4
 
5
+ 겉모습의 정본은 OpenGateway 스타일가이드다 — `opengateway/cp-fe-og-styleguide` 가지 `style/og-brand-styleguide-20261007`(46366b8)의 `design.md` 1–9절, 값은 `src/app/globals.css`·`tailwind.config.ts`·`src/components/ui/`. 이 세계는 그 규칙을 영상으로 옮긴 것이라, 규칙이 바뀌면 정본 코드부터 보고 따라 고친다.
6
+
5
7
  ## 맞는 내용·용도
6
8
 
7
- - 요금·토큰·속도·적중률처럼 **직접 재 본 값**이 주인공인 것 — OG 「재 봤습니다」 연재, 모델 비교, 벤치 결과, 설정 하나 바꾼 전후.
9
+ - 요금·토큰·속도·적중률처럼 **직접 재 본 값**이 주인공인 것 — OG 「재 봤습니다」 연재, 모델 비교, 벤치 결과, 설정 하나 바꾼 전후. OpenGateway·OG·게이트웨이를 말하는 영상이면 이 세계다.
8
10
  - 용도: 쇼츠(9:16) · 설명 · 시연 · 홍보의 한 장면. 목소리·자막이 말을 맡고 화면엔 용어와 숫자만.
9
11
  - 원자료가 있어야 쓴다 — `measure.json` 같은 호출별 기록(usage 원문·시각·가격). 끝 장면의 612.5ms 는 `sample/measure.ts` 가 OG 를 실제로 18번 불러 만든 값이다.
10
12
  - 견본은 공통 주제 「OpenGateway 소개 15초」(`docs/briefs/og-intro-15s.md`). 숫자는 브리프의 사실과 실측만 쓰고, 모델 ID 가 바뀌는 요청 줄은 실제로 부르지 않았으니 결과(상태·지연) 없이 보낸 모양만 보인다.
11
13
 
14
+ ## 스타일가이드를 어떻게 옮겼나
15
+
16
+ | 정본 | 이 세계 |
17
+ |---|---|
18
+ | 1절 팔레트는 한 벌 — `:root`(라이트)·`.dark`(다크) 두 자리뿐 | 다크가 `style.json`, 라이트가 `theme.json` `vary.palettes.light`. 두 벌 다 globals.css 토큰을 hex 로 옮긴 것이고 그 밖의 색은 세우지 않는다. bg=`--background` · surface=`--card` · raised=`--secondary` · line=`--border` · ink=`--foreground` · dim=`--muted-foreground` · accent=`--primary`(라이트 #006FD6 · 다크 #0084FF) · accentText=`--on-primary`(파랑 70% + 글 잉크 30%) · onAccent=`--primary-foreground` · tint=고른 상태 `bg-primary/10` · success=emerald-500 · danger=`--destructive` · warning=amber-500 |
19
+ | 5절 다크가 기본, 라이트도 실제로 노출 | 세계 기본이 다크, 라이트는 변주 `og-measure/snow-blue`(정본 `:root` 값 그대로). 한쪽만 보고 색을 정하지 않는다 — 효과·슬롯은 색을 코드에 박지 않고 `var(--kf-*)` 로만 읽는다 |
20
+ | 2절 가두지 않는다 — 구획은 제목·여백, 항목은 가는 구분선, 안내는 왼쪽 선, 틀이 곧 뜻인 것만 틀 | 칠한 카드·테두리 상자가 없다. 면(surface, 12px)을 쓰는 것은 틀이 곧 뜻인 둘뿐 — 호출·응답 패널(`callLine`)과 원자료 로그(`rawLog`, 코드 블록). 끝 도장은 구분선 한 줄 위에 서고, 패턴의 판(`panel` 슬롯)도 상자가 아니라 위 구분선이다 |
21
+ | 4절 배지·칩은 칠하지 않고 흐린 테두리와 글자색만(`badge.tsx`) | `flag`·`callLine` 의 POST·200·차이 배지는 모두 테두리 배지 — accent(파랑 /45 테두리 + `--on-primary` 글) · plain(`--border` + 글 잉크) · soft(`--border` + 흐린 글). 칠하는 것은 고른 상태(뽑힌 숫자의 파랑 /10 알약)와 차트 칠뿐 |
22
+ | 3절 모서리는 역할 — 알약 · 면 12px · 각짐, 사이 값 없음 | 칩·고름 칠 = 알약(`--kf-radius-pill`), 응답 패널·로그 = 12px(`md`), 막대·눈금·가운데값 표시·구분선 = 각짐(`sm` 0). 옛 판의 4·5·6·8px 모서리는 걷었다 |
23
+ | 9절 대시보드 — 큰 숫자 하나·보조 지표·추이, 요청은 브랜드 파랑 | 한 장면엔 큰 숫자 하나(Geist 800, 자간 −0.055em, tabular-nums)와 굵은 막대 둘·셋. **파랑은 가장 좋은 값 하나에만**, 비교 대상은 회색 막대(`bar` = `--muted-foreground` 반투명), 빨강은 오류에만 |
24
+ | 8절 움직임 — 150/220/300ms, `--ease-out`(.22,1,.36,1)·`--ease-spring`(.34,1.3,.64,1), 6px 나타남, 누름에 크기 안 바뀜 | 나타남은 모두 6px 올라오며 220ms 감속, 자리 옮김(막대 자람·가운데값·날아가는 숫자·카메라)은 300ms, 색 바뀜은 150ms. 카메라의 「툭」은 스프링이 살짝 넘었다 돌아오는 것 하나. 커졌다 줄기·흔들림·섬광은 없다 |
25
+ | 그림자·그라데이션 | 없다. 옛 판의 파란 그라데이션 주사선과 슬롯 카드 그림자, 드롭의 파란 섬광은 걷었다 — 드롭은 파란 구분선 한 줄이 그어지는 것으로 |
26
+ | 7절 브랜드 자산과 승인 상태 | 로고는 마스터 `public/logo.svg` 하나(`sample/assets/brand/og-logo.svg` 와 바이트가 같다). 한 색 SVG 를 `?raw` 로 받아 어두운 바탕은 흰색·밝은 바탕은 검정으로만 칠한다 — 파랑으로 칠한 로고는 정본에 없다. og-wave 후보·캠페인 배너·3D 관문 시안은 쓰지 않는다 |
27
+ | 서체 — 한국어·UI Pretendard, 코드·시간 Geist Mono, 숫자 tabular-nums, 워드마크·큰 숫자 Geist 800 −0.055em | sans = Pretendard(정본 파일과 바이트가 같은 npm 1.3.9), display = Geist(정본이 `next/font/google` 로 받는 것과 같은 google/fonts 판 박은 파일, 한글은 Pretendard 로 떨어진다), mono = Geist Mono |
28
+
29
+ ## 변주 — 브랜드를 지키는 축만
30
+
31
+ - 강조 파랑은 돌지 않는다(`vary.keep` — accent·accentText·accentSoft·onAccent·tint·의미색). `hue`·`chroma`·`tint` 축이 없다.
32
+ - 밝기 둘: 다크(세계 기본)·라이트(`vary.palettes.light` — 라이트 판은 다크를 뒤집어 옮기지 않고 정본 라이트 한 벌에서 시작한다. 두 벌이 거울상이 아니라서 옮기면 정본 값이 안 나온다).
33
+ - 바탕은 정본 면 색 사이만(`vary.bg` — 다크 `--background`~`--card`, 라이트 `--card`~`--background`). 그 위의 면·선·흐린 글은 바탕을 따라 자리를 지킨다.
34
+ - 글꼴·모서리·빠르기·질감·선 굵기는 정본이 하나뿐이라 돌지 않는다(스타일가이드의 한글 글꼴 다섯 후보는 「비교용, 고르기 전엔 전역 글꼴을 안 바꾼다」).
35
+ - 그래서 판이 몇 개뿐이다 — 칸 그림이 서로 거의 같은 판은 `kf theme vary` 가 떨어뜨린다. 억지로 16을 채우지 않는다.
36
+
12
37
  ## 금지
13
38
 
14
39
  - 숫자를 지어내지 않는다. 재 오지 못한 값은 화면에 「시뮬레이션」·「미확인」을 붙이거나 쓰지 않는다. 비용은 반올림해 0 으로 만들지 않는다(첫 유효 자리까지).
15
40
  - 문구·광고 카피·가입 유도 금지. OG 는 실험 도구 한 줄(호출 주소)과 끝 로고만.
16
- - 파랑은 가장 좋은 값 하나에만. 나머지는 회색 막대. 빨강은 오류에만. 그림자·테두리·그라데이션·네온 금지.
41
+ - 상자 안에 상자, 칠한 배지, 그림자·그라데이션·네온·섬광, 사이 값 모서리, 손으로 쓴 시간·곡선.
17
42
  - 차트 선을 매번 처음부터 다시 그리지 않는다 — 점은 들어온 시각에 한 번 찍히고 남는다.
18
- - 화면을 흔들지 않는다(맞는 용도가 흔들림을 끈다). 드롭의 힘은 `trackCam` 툭(kick)과 `meter` 로.
43
+ - 화면을 흔들지 않는다(`shake.on` 비움). 드롭의 힘은 `meter` 와 `trackCam` 스프링·kick 으로.
19
44
 
20
45
  ## 효과 쓰는 법
21
46
 
@@ -34,7 +59,7 @@ export default {
34
59
  const b = ctx.beats.beats.filter((x) => x > -0.01);
35
60
  const c = data.calls[0];
36
61
  const call = callLine(stage, { x: 90, y: 140, w: 1740, at: 0, url: ["apis.opengateway.ai", "/v1", "/chat", "/completions"], urlAt: b.slice(0, 4), model: c.model, modelAt: b[4], sendAt: b[6], status: c.status, ms: c.ttft_ms, answer: c.text });
37
- return (t: number) => { bg(t); call(t); applyStyle(stage, trackCam(t, { shots: [{ at: 0 }, { at: b[3], zoom: 1.05, kick: 0.04 }], scene: ctx.id })); };
62
+ return (t: number) => { bg(t); call(t); applyStyle(stage, trackCam(t, { shots: [{ at: 0 }, { at: b[3], zoom: 1.05 }], scene: ctx.id })); };
38
63
  },
39
64
  };
40
65
  ```
@@ -43,5 +68,6 @@ export default {
43
68
  - 흐름은 「호출 한 줄 → 원자료 로그 → 점·가운데값 → 큰 숫자 하나 → 끝 도장」. 한 장면엔 큰 숫자 하나(display 200 이상)와 굵은 막대 둘·셋.
44
69
  - 로그 줄이 들어오는 시각과 점이 찍히는 시각을 같게 둔다 — 「거기서 뽑혔다」가 보인다. 들어오는 박자는 마디·박에.
45
70
  - 원자료 로그·축 눈금은 코드 화면이라 글 덩어리가 많다 — 견본은 `kf.json` 의 `text.maxOnScreen` 을 로그 줄·눈금·값을 센 실제 수(30)로 두었다. 로그·차트 밖 글은 셋을 넘기지 않는다.
46
- - 결과가 서는 순간은 드롭에(`meter` + `trackCam` kick), 끝 도장은 마지막 마디에.
47
- - **쉬지 않는다** — 화면을 꽉 채우고(글 56–64px, 화면 전체), 박마다 주소 조각·카운터·로그 한 줄·날아가는 숫자(`pickFly`)·막대·칩 중 하나가 크게 움직여 같은 구도가 1.5초를 넘지 않게. 기다리는 동안도 카운터가 실제 속도로 구른다. `trackCam` 샷은 드러냄·결과가 서는 순간에만 — 구도를 메우려고 샷을 박지 않는다(샷 사이 카메라는 선다).
71
+ - 결과가 서는 순간은 드롭에(`meter` + `trackCam`), 끝 도장은 마지막 마디에.
72
+ - 배지 tone 은 뜻으로 고른다 — 이 장면의 핵심 사실 하나만 accent(파랑 테두리), 나머지 이름·주소는 plain, 덜 중요한 곁말은 soft.
73
+ - **쉬지 않는다** — 화면을 꽉 채우고(글 56–64px, 화면 전체), 박마다 주소 조각·카운터·로그 한 줄·날아가는 숫자(`pickFly`)·막대·배지 중 하나가 나타나거나 자라 같은 구도가 1.5초를 넘지 않게. 기다리는 동안도 카운터가 실제 속도로 구른다. `trackCam` 샷은 드러냄·결과가 서는 순간에만 — 구도를 메우려고 샷을 박지 않는다(샷 사이 카메라는 선다).