kasaframe 0.1.1 → 0.1.4

package/themes/lab-notebook/variants/snow-orange.json

@@ -0,0 +1,129 @@
+{
+  "id": "snow-orange",
+  "world": "lab-notebook",
+  "name": "Snow Orange",
+  "desc": "새하얀 바탕에 주황 강조 · 손맛 나는 부드러운 돋움 · 고운 필름 입자",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9772,
+    "tint": {
+      "h": 248.4216,
+      "c": 0.0117
+    },
+    "inkL": 0.1747,
+    "hue": 37.7785,
+    "chroma": 1.0171,
+    "fonts": "gowun-dodum",
+    "texture": {
+      "kind": "grain",
+      "amount": 0.55
+    },
+    "stroke": 1.17,
+    "radius": null,
+    "tempo": 1.13,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#F2F8FF",
+      "surface": "#FFFFFF",
+      "raised": "#DFE2E2",
+      "line": "#A7B9D6",
+      "ink": "#0E003D",
+      "inkSoft": "#201A52",
+      "dim": "#353F5A",
+      "accent": "#8D2800",
+      "accentSoft": "#F0C3BA",
+      "accentText": "#712000",
+      "onAccent": "#FFFFFF",
+      "success": "#2F7D4A",
+      "danger": "#8D2800",
+      "warning": "#A86A12",
+      "grid": "#CDE3FF",
+      "gridBold": "#A6C6EB",
+      "margin": "#D89789",
+      "pencil": "#353F5A",
+      "tape": "#D8D5A4",
+      "highlight": "#EBF169",
+      "print": "#FFFFFF",
+      "printInk": "#000103"
+    },
+    "fonts": {
+      "sans": "\"Gowun Dodum\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Gowun Dodum\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, \"Gowun Dodum\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Gowun Dodum",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gowundodum/GowunDodum-Regular.ttf",
+          "weight": "400"
+        },
+        {
+          "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": 400,
+      "weightBody": 400,
+      "tracking": "-0.01em"
+    },
+    "look": {
+      "texture": {
+        "kind": "grain",
+        "amount": 0.55
+      },
+      "stroke": 1.17,
+      "tempo": 1.13
+    }
+  },
+  "tags": {
+    "mood": [
+      "손맛",
+      "꼼꼼한",
+      "지적인",
+      "정직한",
+      "아날로그",
+      "밝은",
+      "따뜻한",
+      "귀여운"
+    ],
+    "light": "light",
+    "use": [
+      "실험",
+      "벤치마크",
+      "측정",
+      "비교",
+      "기록",
+      "검증",
+      "설명"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 18.15,
+      "inkSoft": 14.75,
+      "dim": 9.77,
+      "accentText": 10.32,
+      "accent": 8.09,
+      "onAccent": 8.63,
+      "success~danger": 0.097,
+      "success~warning": 0.05,
+      "danger~warning": 0.147,
+      "accent~ink": 0.232
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/lab-notebook/variants/snow-rose.json

@@ -0,0 +1,124 @@
+{
+  "id": "snow-rose",
+  "world": "lab-notebook",
+  "name": "Snow Rose",
+  "desc": "새하얀 바탕에 장밋빛 강조 · 손맛 나는 부드러운 돋움",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9784,
+    "tint": {
+      "h": 235.1868,
+      "c": 0.0146
+    },
+    "inkL": 0.2194,
+    "hue": 0.7065,
+    "chroma": 0.8833,
+    "fonts": "gowun-dodum",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 0.99,
+    "radius": null,
+    "tempo": 1.14,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#F1F9FF",
+      "surface": "#FFFFFF",
+      "raised": "#DEE5E4",
+      "line": "#A1C2CE",
+      "ink": "#001C31",
+      "inkSoft": "#003152",
+      "dim": "#3C4964",
+      "accent": "#A01053",
+      "accentSoft": "#ECC6D3",
+      "accentText": "#880042",
+      "onAccent": "#FFFFFF",
+      "success": "#2F7D4A",
+      "danger": "#A01053",
+      "warning": "#A86A12",
+      "grid": "#CEE6FF",
+      "gridBold": "#A6CAEF",
+      "margin": "#D39CB0",
+      "pencil": "#3C4964",
+      "tape": "#EECEAE",
+      "highlight": "#FFE3C0",
+      "print": "#FFFFFF",
+      "printInk": "#02050C"
+    },
+    "fonts": {
+      "sans": "\"Gowun Dodum\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Gowun Dodum\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, \"Gowun Dodum\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Gowun Dodum",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gowundodum/GowunDodum-Regular.ttf",
+          "weight": "400"
+        },
+        {
+          "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": 400,
+      "weightBody": 400,
+      "tracking": "-0.01em"
+    },
+    "look": {
+      "stroke": 0.99,
+      "tempo": 1.14
+    }
+  },
+  "tags": {
+    "mood": [
+      "손맛",
+      "꼼꼼한",
+      "지적인",
+      "정직한",
+      "아날로그",
+      "밝은",
+      "귀여운"
+    ],
+    "light": "light",
+    "use": [
+      "실험",
+      "벤치마크",
+      "측정",
+      "비교",
+      "기록",
+      "검증",
+      "설명"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 16.28,
+      "inkSoft": 12.59,
+      "dim": 8.5,
+      "accentText": 9.33,
+      "accent": 7.37,
+      "onAccent": 7.82,
+      "success~danger": 0.063,
+      "success~warning": 0.05,
+      "danger~warning": 0.128,
+      "accent~ink": 0.143
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/manga-panel/THEME.md

@@ -0,0 +1,60 @@
+# 만화 칸 `manga-panel`
+
+**비유: 정보가 만화 한 쪽의 칸으로 나뉘어 차례로 그려지고, 결정타는 집중선과 효과음 글자로 터진다.** 화면은 원고지 한 쪽이다. 보여 줄 것이 생기면 펜이 칸 테두리를 긋고 칸이 열린다 — 칸 크기가 무게, 칸 사이 홈 폭이 시간, 비스듬한 칸이 긴장이다. 숫자는 흰 테두리 효과음 글자로 쾅 찍히고, 가장 센 순간엔 집중선이 쏘아 들어오며 화면이 두 장 흑백 반전된다.
+
+## 기술 개념이 이 세계에서 되는 것
+
+| 개념 | 만화 칸에서 | 효과 |
+|---|---|---|
+| 요청 | 둥근 말풍선 — 사람이 묻는다 | `balloon` round |
+| 모델 응답 | 꺾인 전자음 풍선 — 전화·기계에서 나오는 목소리, 꼬리가 번개처럼 꺾인다 | `balloon` electric |
+| 모델·공급자 | 칸 하나 = 모델 하나, 쪽 하나 = 공급자. 모델이 많은 공급자는 칸이 크다 | `panelPage` |
+| 지연 | 칸 사이 홈 폭 — 홈이 넓을수록 그 사이 시간이 흘렀다 | `panelPage` `gutter` |
+| 캐시 | 생각 풍선 — 이미 알고 있던 답을 떠올린다(새로 묻지 않는다) | `balloon` thought |
+| 비용 | 붉은 별색 — 한 쪽에 한 곳만 쓰는 비싼 잉크. 값이 떨어지면 펜이 옛 값을 긋는다 | `sfx` accent · `penStroke` |
+| 처리량 | 효과선 밀도 — 많이 흐를수록 선이 빽빽하고 길다 | `speedLines` `rate` |
+| 폴백 | 꼬리가 옆 칸으로 옮겨 붙는다 — 같은 말을 다음 칸(대체 모델)이 받는다 | `balloon` `tail` |
+| 장애 | 가시 풍선 — 외침, 칸 테두리가 기운다 | `balloon` blast · `PanelRow.slant` |
+| 결정타(드롭) | 칸 밖으로 튀어나온 큰 칸 + 집중선 + 흑백 반전 두 장 | `impactFrame` · `focusLines` |
+
+## 맞는 내용·용도
+
+- 차례가 있는 이야기 — 문제 → 시도 → 결정타 → 결과, 요청이 오가는 흐름(누가 묻고 누가 답하나), 비교(칸 크기로), 숫자 하나가 결정타인 것.
+- 용도: 홍보(promo)·쇼츠(shorts)·공개(launch)·설명(explainer)·피드(square). 마디마다 새 쪽, 박마다 새 칸.
+- 화면 글: 말풍선 안 주소·모델 ID·짧은 낱말, 효과음 꼴 숫자, 설명 상자 한 줄.
+
+## 금지
+
+- 회색 단색 면·투명도로 만든 옅은 색·그라데이션 — 회색과 계조는 `screentone` 망점으로만. 색은 먹·종이·붉은 별색 하나(별색은 한 화면에 한 곳).
+- 뜻 없는 소리 글자(쾅·슉 같은 지어낸 효과음) — 효과음 꼴(`sfx`)은 실제 숫자·주소·낱말에만 쓴다.
+- 칸 밖에 내용이 흩어지는 배치 — 무엇이든 칸 안에, 결정타만 칸을 뚫는다.
+- 미끄러져 들어오기·서서히 나타나기. 칸은 펜이 긋고 열리고, 풍선은 짓눌렸다 튀고, 글자는 쾅 앉는다.
+- 박마다 화면 흔들기·반전. 흑백 반전과 흔들림은 드롭에 `impactFrame` 한 번.
+- 인물·얼굴 그림, 슬로건·감성 문장.
+
+## 움직임
+
+- 쉬지 않는다: 지금 주인공을 짚는 집중선이나 흐름을 뜻하는 효과선이 초당 12번 다시 그려져 끓고, 앉은 효과음 글자가 1px 끓는다. 바탕(원고지)은 서 있다.
+- 구도는 마디마다 바꾼다: 마디마다 새 쪽 — 앞 쪽은 `until` 로 컷, 장면 끝엔 `pageTurn`.
+- 박마다 큰 사건 하나: 칸이 하나 열리거나, 말풍선이 튀어 서거나, 효과음 글자가 찍히거나, 집중선이 쏘아 들어온다.
+
+## 효과
+
+같은 레포 안에서는 `effects.ts` 를 바로, 프로젝트에서는 `fx("manga-panel")`. layer 는 `build` 에서 만들고 `(t) => …` 에서 부른다. 쌓는 차례는 원고지 → `panelPage`(칸 안에 톤·선·글) → 칸을 넘는 풍선·효과음 → `impactFrame` → `pageTurn`.
+
+| 효과 | 꼴 | 하는 일 |
+|---|---|---|
+| `panelPage` | layer | 쪽을 칸으로 — `rows`(줄 높이·칸 폭 비·`slant`·`tilt`) 나 `quads`, 칸마다 `at`, `build(cell, i, box)` 로 칸 안을 짓는다 |
+| `focusLines` | layer | 집중선 — 가운데 타원을 비우고 가장자리에서 모인다. `burst` 면 쏘아 들어오고, `strength` 로 조였다 푼다 |
+| `speedLines` | layer | 효과선 — `angle` 방향으로 흐른다. `rate` = 처리량 |
+| `balloon` | layer | 말풍선 여섯 꼴. `tail` 은 말하는 쪽 |
+| `sfx` | layer | 효과음 꼴 숫자·낱말 — 흰 테두리, 한 자씩 쾅 |
+| `screentone` | layer | 망점·평행선 톤을 칸 꼴대로 오려 붙인다 |
+| `penStroke` | layer | G펜 필압 선 — 취소선·바늘·화살표 |
+| `impactFrame` | layer | 드롭 — 흑백 반전 두 장 + 베타 가시, 흔들림을 돌려준다 |
+| `pageTurn` | layer | 장면 끝 쪽 넘김 |
+| `onTwos` | value | t 를 초당 12장으로 끊는다 |
+
+칸 테두리 먹 7px, 줄 사이 홈 40px · 옆 칸 사이 18px 가 기본(일본 원고 관례 — 가로 홈이 세로 홈보다 넓다). 칸 순서는 오른쪽 위부터지만 칸 안 글줄은 왼쪽에서 오른쪽.
+
+견본: `sample/` — OpenGateway 소개 15초(docs/briefs/og-intro-15s.md), 곡 kawaii-friends.mp3 4–19초, 쪽 열(마디마다). 공급자 아홉 칸 → 모델 수만큼 큰 칸 → 주소 상자와 /v1 → 박마다 다른 모델이 전자음 풍선으로 같은 주소를 부른다 → 엔드포인트 넷이 효과선 속에 → 드롭 102 결정타 → 둥근 칸 시계에 00–10시 톤 → deepseek 정가를 펜이 긋는다 → 첫 토큰 실측 셋(칸 폭 = ms) → 로고 칸.