kasaframe 0.1.1 → 0.1.4

package/themes/subway-map/variants/slate-green.json

@@ -0,0 +1,136 @@
+{
+  "id": "slate-green",
+  "world": "subway-map",
+  "name": "Slate Green",
+  "desc": "짙은 회색 바탕에 초록 강조 · 신문·잡지풍 정통 고딕",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.2168,
+    "tint": {
+      "h": 107.9131,
+      "c": 0.0152
+    },
+    "inkL": 0.9257,
+    "hue": 136.3846,
+    "chroma": 0.9605,
+    "fonts": "gothic-a1",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": 20,
+    "tempo": 1.11,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#1A1A12",
+      "surface": "#0F110F",
+      "raised": "#252318",
+      "line": "#383526",
+      "ink": "#E6E7E5",
+      "inkSoft": "#C5C5C0",
+      "dim": "#949185",
+      "accent": "#3A7E00",
+      "accentSoft": "#18301A",
+      "accentText": "#6BA657",
+      "onAccent": "#0F110F",
+      "success": "#3A7E00",
+      "danger": "#E6186C",
+      "warning": "#EF7C1C",
+      "water": "#0C2B30",
+      "route1": "#63A5FB",
+      "route2": "#3A7E00",
+      "route3": "#EF7C1C",
+      "route4": "#00698F",
+      "route5": "#8D629F",
+      "route6": "#955200",
+      "route7": "#7D881F",
+      "route8": "#E6186C",
+      "route9": "#836E35"
+    },
+    "fonts": {
+      "sans": "\"Gothic A1\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Gothic A1\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, \"Gothic A1\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Gothic A1",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gothica1/GothicA1-Medium.ttf",
+          "weight": "500"
+        },
+        {
+          "family": "Gothic A1",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gothica1/GothicA1-ExtraBold.ttf",
+          "weight": "800"
+        },
+        {
+          "family": "Pretendard Variable",
+          "src": "https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2",
+          "weight": "45 920"
+        },
+        {
+          "family": "JetBrains Mono",
+          "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
+          "weight": "100 800"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 800,
+      "weightBody": 500,
+      "tracking": "-0.02em"
+    },
+    "radius": {
+      "sm": 9,
+      "md": 20,
+      "lg": 40,
+      "pill": 999
+    },
+    "look": {
+      "tempo": 1.11
+    }
+  },
+  "tags": {
+    "mood": [
+      "정돈된",
+      "명료한",
+      "도시",
+      "모던",
+      "체계적",
+      "어두운"
+    ],
+    "light": "dark",
+    "use": [
+      "경로",
+      "라우팅",
+      "흐름",
+      "연결",
+      "지연",
+      "단계",
+      "구조"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 13.99,
+      "inkSoft": 10.05,
+      "dim": 5.5,
+      "accentText": 5.98,
+      "accent": 3.46,
+      "onAccent": 3.76,
+      "success~danger": 0.102,
+      "success~warning": 0.084,
+      "danger~warning": 0.096,
+      "accent~danger": 0.102,
+      "accent~ink": 0.39
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/subway-map/variants/slate-jade.json

@@ -0,0 +1,131 @@
+{
+  "id": "slate-jade",
+  "world": "subway-map",
+  "name": "Slate Jade",
+  "desc": "짙은 회색 바탕에 옥색 강조 · 깔끔한 제품 소개체",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1702,
+    "tint": {
+      "h": 331.8955,
+      "c": 0.0081
+    },
+    "inkL": 0.9636,
+    "hue": 165.8364,
+    "chroma": 0.8535,
+    "fonts": "pretendard-geist",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": 19,
+    "tempo": 1.08,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#120E11",
+      "surface": "#07050C",
+      "raised": "#1C1718",
+      "line": "#312A27",
+      "ink": "#F4F2F7",
+      "inkSoft": "#CFCBCF",
+      "dim": "#98918F",
+      "accent": "#007C5A",
+      "accentSoft": "#02271F",
+      "accentText": "#40AC88",
+      "onAccent": "#07050C",
+      "success": "#007C5A",
+      "danger": "#E6186C",
+      "warning": "#EF7C1C",
+      "water": "#071F2E",
+      "route1": "#6FAAF6",
+      "route2": "#007C5A",
+      "route3": "#EF7C1C",
+      "route4": "#00658A",
+      "route5": "#896499",
+      "route6": "#904F05",
+      "route7": "#7D8731",
+      "route8": "#E6186C",
+      "route9": "#7F6D3B"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "Geist, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"Geist Mono\", ui-monospace, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Pretendard Variable",
+          "src": "https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2",
+          "weight": "45 920"
+        },
+        {
+          "family": "Geist",
+          "src": "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/Geist-Variable.woff2",
+          "weight": "100 900"
+        },
+        {
+          "family": "Geist Mono",
+          "src": "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/GeistMono-Variable.woff2",
+          "weight": "100 900"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 700,
+      "weightBody": 500,
+      "tracking": "-0.02em"
+    },
+    "radius": {
+      "sm": 8,
+      "md": 19,
+      "lg": 38,
+      "pill": 999
+    },
+    "look": {
+      "tempo": 1.08
+    }
+  },
+  "tags": {
+    "mood": [
+      "정돈된",
+      "명료한",
+      "도시",
+      "모던",
+      "체계적",
+      "어두운"
+    ],
+    "light": "dark",
+    "use": [
+      "경로",
+      "라우팅",
+      "흐름",
+      "연결",
+      "지연",
+      "단계",
+      "구조"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 17.19,
+      "inkSoft": 11.98,
+      "dim": 6.16,
+      "accentText": 6.81,
+      "accent": 3.65,
+      "onAccent": 3.86,
+      "success~danger": 0.092,
+      "success~warning": 0.126,
+      "danger~warning": 0.096,
+      "accent~danger": 0.092,
+      "accent~ink": 0.415
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/subway-map/variants/snow-jade.json

@@ -0,0 +1,136 @@
+{
+  "id": "snow-jade",
+  "world": "subway-map",
+  "name": "Snow Jade",
+  "desc": "새하얀 바탕에 옥색 강조 · 신문·잡지풍 정통 고딕",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9786,
+    "tint": {
+      "h": 107.0142,
+      "c": 0.012
+    },
+    "inkL": 0.1401,
+    "hue": 154.1503,
+    "chroma": 1.0523,
+    "fonts": "gothic-a1",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": 9,
+    "tempo": 1.01,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#F9F9F0",
+      "surface": "#FFFFFF",
+      "raised": "#ECEADD",
+      "line": "#D2CEBD",
+      "ink": "#090909",
+      "inkSoft": "#252522",
+      "dim": "#5B584F",
+      "accent": "#009D57",
+      "accentSoft": "#BFEAD4",
+      "accentText": "#00663A",
+      "onAccent": "#FFFFFF",
+      "success": "#009D57",
+      "danger": "#F52F78",
+      "warning": "#EF7C1C",
+      "water": "#C8EBF3",
+      "route1": "#004287",
+      "route2": "#009D57",
+      "route3": "#EF7C1C",
+      "route4": "#009DD4",
+      "route5": "#9060A3",
+      "route6": "#C77319",
+      "route7": "#697300",
+      "route8": "#F52F78",
+      "route9": "#917A3A"
+    },
+    "fonts": {
+      "sans": "\"Gothic A1\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Gothic A1\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, \"Gothic A1\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Gothic A1",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gothica1/GothicA1-Medium.ttf",
+          "weight": "500"
+        },
+        {
+          "family": "Gothic A1",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gothica1/GothicA1-ExtraBold.ttf",
+          "weight": "800"
+        },
+        {
+          "family": "Pretendard Variable",
+          "src": "https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2",
+          "weight": "45 920"
+        },
+        {
+          "family": "JetBrains Mono",
+          "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
+          "weight": "100 800"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 800,
+      "weightBody": 500,
+      "tracking": "-0.02em"
+    },
+    "radius": {
+      "sm": 4,
+      "md": 9,
+      "lg": 18,
+      "pill": 999
+    },
+    "look": {
+      "tempo": 1.01
+    }
+  },
+  "tags": {
+    "mood": [
+      "정돈된",
+      "명료한",
+      "도시",
+      "모던",
+      "체계적",
+      "밝은"
+    ],
+    "light": "light",
+    "use": [
+      "경로",
+      "라우팅",
+      "흐름",
+      "연결",
+      "지연",
+      "단계",
+      "구조"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 18.74,
+      "inkSoft": 14.51,
+      "dim": 6.71,
+      "accentText": 6.7,
+      "accent": 3.32,
+      "onAccent": 3.53,
+      "success~danger": 0.046,
+      "danger~warning": 0.092,
+      "accent~danger": 0.046,
+      "success~warning": 0.051,
+      "accent~ink": 0.475
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/subway-map/variants/wine-green.json

@@ -0,0 +1,104 @@
+{
+  "id": "wine-green",
+  "world": "subway-map",
+  "name": "Wine Green",
+  "desc": "포도주빛 바탕에 초록 강조",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1871,
+    "tint": {
+      "h": 357.0494,
+      "c": 0.0254
+    },
+    "inkL": 0.9168,
+    "hue": 135.7563,
+    "chroma": 1.038,
+    "fonts": "base",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": 12,
+    "tempo": 1.19,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#1C0E13",
+      "surface": "#11060F",
+      "raised": "#271719",
+      "line": "#3A2827",
+      "ink": "#EBE0E7",
+      "inkSoft": "#CABDC2",
+      "dim": "#988787",
+      "accent": "#397700",
+      "accentSoft": "#102912",
+      "accentText": "#64A24B",
+      "onAccent": "#11060F",
+      "success": "#397700",
+      "danger": "#E6186C",
+      "warning": "#EF7C1C",
+      "water": "#171F2F",
+      "route1": "#57A0FC",
+      "route2": "#397700",
+      "route3": "#EF7C1C",
+      "route4": "#006387",
+      "route5": "#895B9C",
+      "route6": "#8D4D00",
+      "route7": "#778300",
+      "route8": "#E6186C",
+      "route9": "#7E6828"
+    },
+    "radius": {
+      "sm": 5,
+      "md": 12,
+      "lg": 24,
+      "pill": 999
+    },
+    "look": {
+      "tempo": 1.19
+    }
+  },
+  "tags": {
+    "mood": [
+      "정돈된",
+      "명료한",
+      "도시",
+      "모던",
+      "체계적",
+      "어두운"
+    ],
+    "light": "dark",
+    "use": [
+      "경로",
+      "라우팅",
+      "흐름",
+      "연결",
+      "지연",
+      "단계",
+      "구조"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 14.52,
+      "inkSoft": 10.27,
+      "dim": 5.47,
+      "accentText": 6.04,
+      "accent": 3.39,
+      "onAccent": 3.61,
+      "success~danger": 0.118,
+      "success~warning": 0.107,
+      "danger~warning": 0.096,
+      "accent~danger": 0.118,
+      "accent~ink": 0.4
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/swiss-poster/THEME.md

@@ -0,0 +1,59 @@
+# 스위스 타이포 포스터 `swiss-poster`
+
+**비유: 정보가 격자에 조판되어 포스터가 된다 — 크기가 곧 값이고, 빨강 한 색이 지금 말하는 것 하나를 짚는다.** 1950–60년대 스위스 국제 타이포그래피 양식(Müller-Brockmann·Gerstner·Hofmann). 따뜻한 회백 종이에 검정 그로테스크와 빨강 한 판. 무엇이 나타나든 격자 칸에 끼워져 착 앉고, 값은 숫자의 크기·괘선의 길이·면의 넓이로 선다.
+
+## 기술 개념 → 포스터
+
+| 개념 | 포스터에서 | 효과 |
+|---|---|---|
+| 한 주소(입구) | 기준선 — 모든 줄이 앉는 빨강 괘선 하나 | `rule`(color red) |
+| 요청·호출 | 같은 기준선 위로 새 줄이 조판된다 / 괘선 한 개(18번 = 괘선 18 개) | `gridType`(`prints`·`typeset`)·`rule` |
+| 모델 | 단(column) 하나 — 모델 이름·ID 가 제 단 칸에 | `gridType` |
+| 공급자(회사) | 단 머리 — 크게, 같은 크기 | `gridType` |
+| 모델 수·개수 | 크기 = 값 — 세는 만큼 숫자가 커진다 | `numeral`(`size(t)`) |
+| 비용 | 면적 = 값 — 값이 내리면 숫자가 그 면적만큼 줄어든다(크기는 제곱근, `grid.ts` `areaSize`) | `numeral`·`redField` |
+| 지연 | 길이 = 시간 — 괘선이 실측 ms 만큼의 실제 시간 동안 자란다 | `rule`(`len(t)`·`linear`) |
+| 시간대·몫 | 조각 원 — 24 조각 중 해당 조각만 빨강 | `disc`(`sectors`) |
+| 캐시 | 이미 짜 둔 판 — 조판 없이 그 줄이 한 번에 선다(typeset 없이 `gridType`) | `gridType` |
+| 폴백 | 넘침 — 한 단에 안 서면 다음 단 머리로 흘러 다시 조판된다 | `gridType` 둘(앞 단 끝 시각에 다음 단 `at`) |
+| 강조 | 빨강 한 색 — 한 화면에 한 뜻에만 | `color: "red"`·`redField` |
+| 드롭·발표 | 반전 — 바탕이 단마다 빨강으로 뒤집힌다 | `invert` |
+| 판 바꾸기 | 단마다 띠가 내려와 앞 판을 덮고 걷힌다 | `stripWipe` |
+
+## 맞는 내용·용도
+
+- 숫자 하나가 주인공인 내용 — 지표·배수·가격·지연·개수 비교, 발표·공개, 데이터 한 장. 글이 적고 크기 대비가 큰 화면.
+- 용도: 홍보(promo)·쇼츠(shorts)·공개(launch)·피드(square)·설명(explainer).
+- 화면 글: 숫자·이름·주소·짧은 낱말. 큰 글은 Inter Tight 굵게(한글은 Pretendard), 작은 글은 보통 굵기. 모노는 패턴의 주행계 칸에만.
+
+## 금지
+
+- 잉크 셋(종이 `paper`·검정 `ink`·빨강 `red`) 밖의 색, 옅은 색·투명도·그림자·그라데이션·종이 질감.
+- 빨강을 둘 이상의 뜻에 쓰기. 장식용 빨강 면.
+- 가운데 맞춤·대각선 배치·회전(세로 이름표 90° 만 예외)·튕기는 스프링·흔들림·카메라 이동.
+- 크기를 꾸밈으로 키우기 — 숫자 크기는 값에서 나온다(크기 = 값, 면적 = 값이면 제곱근).
+- 슬로건·감성 문장.
+
+## 움직임
+
+- 쉬지 않는다: 늘 무언가가 조판되고 있다 — 글자가 한 자씩 끼워지고(`typeset`), 숫자가 세어 오르며 커지고, 괘선이 자란다. 바탕(종이·안내선)은 서 있다.
+- 구도는 마디마다 바꾼다: 판을 갈아 끼운다(`stripWipe` 또는 컷) — 흩어진 칸 → 크기 = 값 줄 → 기준선 → 두 단 → 커지는 숫자 → 반전 …
+- 박마다 큰 사건 하나: 새 줄이 기준선에 앉고, 숫자 묶음이 세어지고, 면이 쓸려 차고, 빨강이 다음 것으로 옮겨 간다.
+- 멈춤은 outExpo 한 손(빠르게 들어와 착). 값이 실시간으로 자랄 때(지연·riser)만 일정한 빠르기(`linear`).
+
+## 효과
+
+같은 레포 안에서는 `effects.ts` 를 바로, 프로젝트에서는 `fx("swiss-poster")`. layer 는 `build` 에서 만들고 `(t) => …` 에서 부른다. 자리는 `grid.ts` 의 `grid(W, H)` 로 — `x(i)`·`y(j)`·`w(n)`·`h(n)`(12단·8줄, 여백 = 안전 영역). 색은 `"paper" | "ink" | "red"` 키나 그 키를 돌려주는 `(t) => …`.
+
+| 효과 | 꼴 | 하는 일 |
+|---|---|---|
+| `paperGrid` | layer | 종이 + 인쇄되지 않는 12단 안내선(아주 옅게). 한 번 그리고 선다 |
+| `gridType` | layer | 글을 칸 마스크 안으로 끼운다 — `from` 쪽에서 착, `typeset` 이면 한 자씩 조판, `prints` 마다 새 줄로 갈아 끼운다 |
+| `numeral` | layer | 거대한 숫자 — 기준선에 붙어 자리마다 차례로 끼워진다, `size(t)` 면 크기가 곧 값 |
+| `redField` | layer | 빨강(또는 검정) 면이 칸만큼 쓸려 찬다, `rect(t)` 면 면적이 값을 따라간다 |
+| `rule` | layer | 괘선 — 착 그어지거나(`linear` 면 일정한 빠르기로) 자란다, `len(t)` 면 길이가 값 |
+| `disc` | layer | 원 — 가운데서 착 자라고, `sectors` 면 n 조각마다 색(시간대·몫) |
+| `invert` | layer | 드롭 = 반전 — 단마다 빨강 띠가 떨어져 바탕이 뒤집히고 `until` 에 걷힌다, 드롭 상태를 돌려준다 |
+| `stripWipe` | layer | 판 갈기 — 단마다 띠가 내려와 앞 판을 덮고 걷히며 다음 판을 드러낸다(at = 덮개 한가운데) |
+
+견본: `sample/` — OpenGateway 소개 15초(docs/briefs/og-intro-15s.md), 곡 kawaii-friends.mp3 4–19초(드롭 7.34초), 장면 넷 × 마디마다 판. 흩어진 칸에 조판되는 회사 아홉과 회사 하나에 한 칸씩 자라는 빨강 괘선 → 크기 = 모델 수(41 이 가장 크다, 지금 센 묶음만 빨강) → 기준선 위 주소와 박마다 바뀌는 모델 ID → OpenAI·Anthropic 두 단의 엔드포인트가 「/v1」 위에 → 세어 오르며 커지는 모델 수 → 드롭 반전 102 · 한 주소 → 24 조각 원 00–10시 빨강, -90% → 면적 = 값으로 줄어드는 deepseek 값 → 실측 ms 만큼 자라는 첫 토큰 괘선 셋 → 괘선 18 개 · $0.0004 → 로고·opengateway.ai·빨강 한 칸.