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.
- package/NOTICE +298 -0
- package/README.md +16 -3
- package/docs/AGENTS.md +1 -1
- package/package.json +1 -1
- package/packages/cli/src/commands/doctor.ts +15 -2
- package/packages/cli/src/commands/fonts.ts +118 -0
- package/packages/cli/src/commands/update.ts +66 -0
- package/packages/cli/src/fonts.ts +405 -0
- package/packages/cli/src/kf.ts +5 -0
- package/packages/cli/src/update.ts +250 -0
- package/packages/plan/src/asks.ts +1 -1
- package/packages/plan/src/themes.ts +8 -2
- package/packages/themes/kit/THEME-MAKE.md +2 -2
- package/packages/themes/kit/fonts/display.json +3517 -0
- package/packages/themes/kit/fonts/sans.json +5155 -0
- package/packages/themes/kit/fonts/serif.json +5229 -0
- package/packages/themes/kit/fonts.json +243 -79
- package/packages/themes/package.json +3 -1
- package/packages/themes/src/fontfile.ts +183 -0
- package/packages/themes/src/fonts.ts +296 -0
- package/packages/themes/src/index.ts +10 -2
- package/packages/themes/src/look.ts +34 -8
- package/packages/themes/src/types.ts +5 -0
- package/packages/themes/src/vary.ts +35 -34
- package/presets/kawaii-pastel.json +2 -2
- package/skills/kasaframe/SKILL.md +1 -0
- package/themes/blueprint/sample/style.json +5 -5
- package/themes/blueprint/style.json +5 -5
- package/themes/blueprint/theme.json +3 -1
- package/themes/blueprint/variants/deep-rose-suit.json +1 -1
- package/themes/blueprint/variants/navy-coral-2.json +1 -1
- package/themes/blueprint/variants/navy-coral-suit.json +1 -1
- package/themes/blueprint/variants/navy-orange-2.json +1 -1
- package/themes/blueprint/variants/navy-orange-suit.json +1 -1
- package/themes/cartography/sample/style.json +2 -2
- package/themes/cartography/style.json +2 -2
- package/themes/cartography/theme.json +3 -1
- package/themes/cartography/variants/deep-plum.json +1 -1
- package/themes/cartography/variants/frost-teal.json +1 -1
- package/themes/cartography/variants/navy-green.json +1 -1
- package/themes/circuit-board/sample/style.json +2 -2
- package/themes/circuit-board/style.json +2 -2
- package/themes/circuit-board/theme.json +3 -1
- package/themes/circuit-board/variants/dusk-gold-pretendard.json +1 -1
- package/themes/circuit-board/variants/navy-gold-grain.json +1 -1
- package/themes/circuit-board/variants/wine-gold-pretendard.json +1 -1
- package/themes/clay-toy/sample/style.json +2 -2
- package/themes/clay-toy/style.json +2 -2
- package/themes/clay-toy/theme.json +3 -1
- package/themes/clay-toy/variants/blush-coral-grain.json +1 -1
- package/themes/clay-toy/variants/chalk-teal.json +1 -1
- package/themes/clay-toy/variants/frost-sky.json +1 -1
- package/themes/clay-toy/variants/frost-teal.json +1 -1
- package/themes/clay-toy/variants/lilac-plum-round.json +1 -1
- package/themes/clay-toy/variants/lilac-plum.json +1 -1
- package/themes/clay-toy/variants/sage-indigo.json +1 -1
- package/themes/conveyor-factory/sample/style.json +3 -3
- package/themes/conveyor-factory/style.json +3 -3
- package/themes/conveyor-factory/theme.json +3 -1
- package/themes/conveyor-factory/variants/cocoa-gold.json +1 -1
- package/themes/conveyor-factory/variants/navy-gold.json +1 -1
- package/themes/conveyor-factory/variants/slate-amber-2.json +1 -1
- package/themes/conveyor-factory/variants/slate-amber-suit.json +1 -1
- package/themes/conveyor-factory/variants/slate-gold-bold.json +1 -1
- package/themes/data-journal/theme.json +3 -1
- package/themes/data-journal/variants/deep-coral.json +1 -1
- package/themes/data-journal/variants/navy-lime.json +1 -1
- package/themes/data-journal/variants/wine-indigo.json +1 -1
- package/themes/debug-hud/sample/style.json +1 -1
- package/themes/debug-hud/style.json +1 -1
- package/themes/debug-hud/theme.json +2 -1
- package/themes/debug-hud/variants/cocoa-teal.json +2 -2
- package/themes/debug-hud/variants/deep-teal-scan.json +2 -2
- package/themes/debug-hud/variants/dusk-plum.json +2 -2
- package/themes/debug-hud/variants/forest-lime.json +2 -2
- package/themes/debug-hud/variants/slate-green.json +2 -2
- package/themes/debug-hud/variants/wine-gold.json +2 -2
- package/themes/depth-flight/sample/style.json +1 -1
- package/themes/depth-flight/style.json +1 -1
- package/themes/depth-flight/theme.json +3 -1
- package/themes/depth-flight/variants/cocoa-cyan.json +1 -1
- package/themes/depth-flight/variants/cocoa-violet.json +1 -1
- package/themes/depth-flight/variants/deep-sky.json +1 -1
- package/themes/depth-flight/variants/forest-blue.json +1 -1
- package/themes/depth-flight/variants/navy-sky-grain.json +1 -1
- package/themes/depth-flight/variants/navy-sky.json +1 -1
- package/themes/depth-flight/variants/night-teal.json +1 -1
- package/themes/depth-flight/variants/slate-indigo.json +1 -1
- package/themes/depth-flight/variants/slate-violet.json +1 -1
- package/themes/film-reel/sample/style.json +2 -2
- package/themes/film-reel/style.json +2 -2
- package/themes/film-reel/theme.json +3 -1
- package/themes/film-reel/variants/chalk-pink.json +1 -1
- package/themes/film-reel/variants/lilac-gold.json +1 -1
- package/themes/film-reel/variants/lilac-violet.json +1 -1
- package/themes/glass-light/sample/style.json +1 -1
- package/themes/glass-light/style.json +1 -1
- package/themes/glass-light/theme.json +3 -1
- package/themes/glass-light/variants/blush-pink.json +1 -1
- package/themes/glass-light/variants/blush-plum.json +1 -1
- package/themes/glass-light/variants/cream-violet.json +1 -1
- package/themes/glass-light/variants/frost-sky-suit.json +1 -1
- package/themes/glass-light/variants/frost-sky.json +1 -1
- package/themes/glass-light/variants/sage-green.json +1 -1
- package/themes/ink-wash/sample/style.json +3 -3
- package/themes/ink-wash/style.json +3 -3
- package/themes/ink-wash/theme.json +3 -1
- package/themes/iso-diorama/sample/style.json +1 -1
- package/themes/iso-diorama/style.json +1 -1
- package/themes/iso-diorama/theme.json +3 -1
- package/themes/iso-diorama/variants/chalk-plum.json +1 -1
- package/themes/iso-diorama/variants/cocoa-indigo.json +1 -1
- package/themes/iso-diorama/variants/dusk-blue.json +1 -1
- package/themes/iso-diorama/variants/dusk-coral.json +1 -1
- package/themes/iso-diorama/variants/dusk-jade.json +1 -1
- package/themes/iso-diorama/variants/forest-cyan.json +1 -1
- package/themes/iso-diorama/variants/frost-green.json +1 -1
- package/themes/iso-diorama/variants/frost-teal.json +1 -1
- package/themes/iso-diorama/variants/navy-amber.json +1 -1
- package/themes/isotype/sample/style.json +2 -2
- package/themes/isotype/style.json +2 -2
- package/themes/isotype/theme.json +2 -1
- package/themes/isotype/variants/blush-rose.json +1 -1
- package/themes/isotype/variants/chalk-coral.json +1 -1
- package/themes/isotype/variants/chalk-orange.json +1 -1
- package/themes/isotype/variants/frost-amber.json +1 -1
- package/themes/isotype/variants/frost-coral.json +1 -1
- package/themes/isotype/variants/frost-orange.json +1 -1
- package/themes/isotype/variants/sand-amber.json +1 -1
- package/themes/kawaii-sticker/sample/style.json +2 -2
- package/themes/kawaii-sticker/style.json +2 -2
- package/themes/kawaii-sticker/theme.json +3 -1
- package/themes/kawaii-sticker/variants/cream-gold.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-green.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-indigo.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-sky.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-teal.json +1 -1
- package/themes/kawaii-sticker/variants/frost-blue.json +1 -1
- package/themes/kawaii-sticker/variants/frost-plum.json +1 -1
- package/themes/kawaii-sticker/variants/lilac-violet.json +1 -1
- package/themes/kawaii-sticker/variants/navy-gold.json +1 -1
- package/themes/kawaii-sticker/variants/navy-plum.json +1 -1
- package/themes/lab-notebook/sample/style.json +3 -3
- package/themes/lab-notebook/style.json +3 -3
- package/themes/lab-notebook/theme.json +2 -1
- package/themes/lab-notebook/variants/blush-orange.json +1 -1
- package/themes/lab-notebook/variants/chalk-coral.json +1 -1
- package/themes/lab-notebook/variants/chalk-orange.json +1 -1
- package/themes/lab-notebook/variants/chalk-rose.json +1 -1
- package/themes/lab-notebook/variants/lilac-rose.json +1 -1
- package/themes/lab-notebook/variants/sage-rose.json +1 -1
- package/themes/lab-notebook/variants/sand-orange.json +1 -1
- package/themes/lab-notebook/variants/snow-orange.json +1 -1
- package/themes/lab-notebook/variants/snow-rose.json +1 -1
- package/themes/manga-panel/sample/style.json +3 -3
- package/themes/manga-panel/style.json +3 -3
- package/themes/manga-panel/theme.json +3 -1
- package/themes/manga-panel/variants/chalk-cyan-dots.json +1 -1
- package/themes/manga-panel/variants/chalk-rose.json +1 -1
- package/themes/manga-panel/variants/snow-cyan.json +1 -1
- package/themes/manga-panel/variants/snow-magenta-dots.json +1 -1
- package/themes/marble-run/sample/style.json +2 -2
- package/themes/marble-run/style.json +2 -2
- package/themes/marble-run/theme.json +3 -1
- package/themes/marble-run/variants/slate-orange.json +1 -1
- package/themes/neon-sign/sample/style.json +2 -2
- package/themes/neon-sign/style.json +2 -2
- package/themes/neon-sign/theme.json +2 -1
- package/themes/neon-sign/variants/dusk-plum.json +1 -1
- package/themes/neon-sign/variants/forest-magenta.json +1 -1
- package/themes/neon-sign/variants/night-pink.json +1 -1
- package/themes/neon-sign/variants/night-violet.json +1 -1
- package/themes/neon-sign/variants/slate-violet.json +1 -1
- package/themes/newspaper/sample/style.json +2 -2
- package/themes/newspaper/style.json +2 -2
- package/themes/newspaper/theme.json +2 -1
- package/themes/newspaper/variants/blush-amber.json +1 -1
- package/themes/newspaper/variants/chalk-magenta.json +1 -1
- package/themes/newspaper/variants/frost-sky.json +1 -1
- package/themes/newspaper/variants/lilac-green.json +1 -1
- package/themes/newspaper/variants/sage-lime.json +1 -1
- package/themes/og-measure/THEME.md +32 -6
- package/themes/og-measure/effects.ts +219 -115
- package/themes/og-measure/sample/assets/brand/og-logo.svg +11 -11
- package/themes/og-measure/sample/lib/data.ts +6 -0
- package/themes/og-measure/sample/scenes/end.ts +14 -10
- package/themes/og-measure/sample/scenes/gather.ts +12 -1
- package/themes/og-measure/sample/scenes/models.ts +13 -2
- package/themes/og-measure/sample/scenes/one.ts +8 -6
- package/themes/og-measure/sample/scenes/price.ts +20 -3
- package/themes/og-measure/sample/style.json +30 -35
- package/themes/og-measure/slots.ts +25 -30
- package/themes/og-measure/still.png +0 -0
- package/themes/og-measure/style.json +30 -35
- package/themes/og-measure/theme.json +64 -49
- package/themes/og-measure/variants/snow-blue.json +90 -0
- package/themes/orbit-system/sample/style.json +3 -3
- package/themes/orbit-system/style.json +3 -3
- package/themes/orbit-system/theme.json +3 -1
- package/themes/orbit-system/variants/cocoa-amber.json +1 -1
- package/themes/orbit-system/variants/cocoa-cyan.json +1 -1
- package/themes/orbit-system/variants/dusk-magenta.json +1 -1
- package/themes/orbit-system/variants/dusk-violet.json +1 -1
- package/themes/orbit-system/variants/forest-coral.json +1 -1
- package/themes/orbit-system/variants/wine-amber.json +1 -1
- package/themes/orbit-system/variants/wine-magenta.json +1 -1
- package/themes/origami-fold/sample/style.json +1 -1
- package/themes/origami-fold/style.json +1 -1
- package/themes/origami-fold/theme.json +3 -1
- package/themes/origami-fold/variants/deep-amber-sunflower.json +1 -1
- package/themes/origami-fold/variants/deep-orange.json +1 -1
- package/themes/origami-fold/variants/forest-coral.json +1 -1
- package/themes/origami-fold/variants/forest-pink.json +1 -1
- package/themes/origami-fold/variants/frost-amber-paper.json +1 -1
- package/themes/origami-fold/variants/sage-coral-sunflower.json +1 -1
- package/themes/origami-fold/variants/sage-coral.json +1 -1
- package/themes/origami-fold/variants/sage-pink-round.json +1 -1
- package/themes/origami-fold/variants/sage-pink.json +1 -1
- package/themes/paper-cutout/sample/style.json +2 -2
- package/themes/paper-cutout/style.json +2 -2
- package/themes/paper-cutout/theme.json +3 -1
- package/themes/paper-cutout/variants/blush-violet.json +1 -1
- package/themes/paper-cutout/variants/frost-lime.json +1 -1
- package/themes/paper-cutout/variants/lilac-gold.json +1 -1
- package/themes/paper-cutout/variants/sage-cyan.json +1 -1
- package/themes/paper-cutout/variants/sage-green.json +1 -1
- package/themes/paper-cutout/variants/sage-pink.json +1 -1
- package/themes/paper-cutout/variants/sand-blue.json +1 -1
- package/themes/pixel-quest/theme.json +2 -1
- package/themes/receipt/sample/style.json +2 -2
- package/themes/receipt/style.json +2 -2
- package/themes/riso-zine/sample/style.json +2 -2
- package/themes/riso-zine/style.json +2 -2
- package/themes/riso-zine/theme.json +3 -1
- package/themes/riso-zine/variants/chalk-lime.json +1 -1
- package/themes/riso-zine/variants/frost-green.json +1 -1
- package/themes/riso-zine/variants/lilac-plum.json +1 -1
- package/themes/riso-zine/variants/lilac-violet.json +1 -1
- package/themes/server-hall/sample/style.json +2 -2
- package/themes/server-hall/style.json +2 -2
- package/themes/server-hall/theme.json +3 -1
- package/themes/server-hall/variants/night-indigo.json +1 -1
- package/themes/server-hall/variants/wine-plum.json +1 -1
- package/themes/subway-map/sample/style.json +2 -2
- package/themes/subway-map/style.json +2 -2
- package/themes/subway-map/theme.json +3 -1
- package/themes/subway-map/variants/deep-green.json +1 -1
- package/themes/subway-map/variants/deep-teal.json +1 -1
- package/themes/subway-map/variants/frost-jade.json +1 -1
- package/themes/subway-map/variants/frost-teal.json +1 -1
- package/themes/subway-map/variants/slate-green.json +1 -1
- package/themes/subway-map/variants/snow-jade.json +1 -1
- package/themes/swiss-poster/sample/style.json +2 -2
- package/themes/swiss-poster/style.json +2 -2
- package/themes/swiss-poster/theme.json +3 -1
- package/themes/swiss-poster/variants/chalk-plum.json +1 -1
- package/themes/swiss-poster/variants/cocoa-cyan.json +1 -1
- package/themes/swiss-poster/variants/dusk-magenta.json +1 -1
- package/themes/swiss-poster/variants/frost-indigo.json +1 -1
- package/themes/swiss-poster/variants/slate-orange.json +1 -1
- package/themes/water-works/sample/style.json +1 -1
- package/themes/water-works/style.json +1 -1
- package/themes/water-works/theme.json +3 -1
- package/themes/water-works/variants/chalk-cyan.json +1 -1
- package/themes/water-works/variants/frost-indigo.json +1 -1
- package/themes/water-works/variants/sand-amber.json +1 -1
- package/themes/water-works/variants/sand-plum.json +1 -1
- package/themes/whiteboard/sample/style.json +2 -2
- package/themes/whiteboard/style.json +2 -2
- package/themes/whiteboard/theme.json +3 -1
- package/themes/whiteboard/variants/chalk-coral.json +1 -1
- package/themes/whiteboard/variants/cream-lime.json +1 -1
- package/themes/whiteboard/variants/frost-teal.json +1 -1
- package/themes/whiteboard/variants/lilac-indigo.json +1 -1
- package/themes/whiteboard/variants/sage-plum.json +1 -1
- package/themes/whiteboard/variants/snow-cyan.json +1 -1
- package/themes/whiteboard/variants/snow-green.json +1 -1
- package/themes/whiteboard/variants/snow-magenta.json +1 -1
- package/themes/og-measure/sample/assets/brand/og-logo-full.svg +0 -12
- package/themes/og-measure/variants/chalk-orange.json +0 -102
- package/themes/og-measure/variants/cocoa-amber.json +0 -138
- package/themes/og-measure/variants/cocoa-cyan.json +0 -138
- package/themes/og-measure/variants/cocoa-gold.json +0 -129
- package/themes/og-measure/variants/cream-lime.json +0 -137
- package/themes/og-measure/variants/deep-jade.json +0 -100
- package/themes/og-measure/variants/dusk-violet.json +0 -133
- package/themes/og-measure/variants/forest-cyan.json +0 -123
- package/themes/og-measure/variants/frost-amber.json +0 -129
- package/themes/og-measure/variants/frost-cyan.json +0 -133
- package/themes/og-measure/variants/lilac-plum.json +0 -127
- package/themes/og-measure/variants/lilac-violet.json +0 -139
- package/themes/og-measure/variants/sage-green.json +0 -137
- package/themes/og-measure/variants/wine-jade.json +0 -127
- 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
|
{
|
|
@@ -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@
|
|
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@
|
|
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
|
]
|
|
@@ -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@
|
|
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@
|
|
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@
|
|
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@
|
|
37
|
+
"src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/courierprime/CourierPrime-Regular.ttf",
|
|
38
38
|
"weight": "400"
|
|
39
39
|
},
|
|
40
40
|
{
|
|
@@ -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
|
-
- 화면을 흔들지 않는다(
|
|
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
|
|
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`
|
|
47
|
-
-
|
|
71
|
+
- 결과가 서는 순간은 드롭에(`meter` + `trackCam`), 끝 도장은 마지막 마디에.
|
|
72
|
+
- 배지 tone 은 뜻으로 고른다 — 이 장면의 핵심 사실 하나만 accent(파랑 테두리), 나머지 이름·주소는 plain, 덜 중요한 곁말은 soft.
|
|
73
|
+
- **쉬지 않는다** — 화면을 꽉 채우고(글 56–64px, 화면 전체), 박마다 주소 조각·카운터·로그 한 줄·날아가는 숫자(`pickFly`)·막대·배지 중 하나가 나타나거나 자라 같은 구도가 1.5초를 넘지 않게. 기다리는 동안도 카운터가 실제 속도로 구른다. `trackCam` 샷은 드러냄·결과가 서는 순간에만 — 구도를 메우려고 샷을 박지 않는다(샷 사이 카메라는 선다).
|