kasaframe 0.1.1 → 0.1.4

package/themes/newspaper/style.json

@@ -0,0 +1,100 @@
+{
+  "name": "newspaper",
+  "label": "신문 1면 — 단에 한 줄씩 조판되고 속보에 판이 갈린다",
+  "scheme": "light",
+  "colors": {
+    "bg": "#ECE8DF",
+    "surface": "#F3F0E9",
+    "raised": "#E2DDD2",
+    "line": "#B9B3A7",
+    "ink": "#1B1A18",
+    "inkSoft": "#33312D",
+    "dim": "#5C5850",
+    "accent": "#C8102E",
+    "accentSoft": "#EBC2C2",
+    "accentText": "#B00E28",
+    "onAccent": "#F3F0E9",
+    "success": "#1B1A18",
+    "danger": "#C8102E",
+    "warning": "#C8102E",
+    "paper": "#ECE8DF",
+    "rule": "#1B1A18",
+    "fiber": "#D6D0C4",
+    "red": "#C8102E"
+  },
+  "fonts": {
+    "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "display": "Hahmlet, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", serif",
+    "mono": "\"Courier Prime\", ui-monospace, \"SF Mono\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+    "faces": [
+      {
+        "family": "Hahmlet",
+        "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
+        "weight": "100 900"
+      },
+      {
+        "family": "Courier Prime",
+        "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/courierprime/CourierPrime-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"
+      }
+    ]
+  },
+  "type": {
+    "hero": 260,
+    "title": 120,
+    "body": 40,
+    "caption": 28,
+    "weightDisplay": 800,
+    "weightBody": 500,
+    "tracking": "-0.02em"
+  },
+  "radius": {
+    "sm": 0,
+    "md": 0,
+    "lg": 0,
+    "pill": 999
+  },
+  "shadow": {
+    "soft": "none",
+    "lift": "none"
+  },
+  "motion": {
+    "beatPulse": "drops-only",
+    "shake": {
+      "on": [
+        "drop"
+      ],
+      "maxPerPhrase": 1,
+      "maxPx": 8
+    },
+    "cameraMove": "off",
+    "repeatSameMove": false,
+    "maxFreezeSec": 0.1,
+    "enter": "fade",
+    "ease": "outExpo",
+    "durations": {
+      "fast": 0.12,
+      "base": 0.24,
+      "slow": 0.45
+    }
+  },
+  "theme": {
+    "inks": [
+      "#ECE8DF 신문 용지 — 회백, 섬유 결이 서 있다",
+      "#1B1A18 먹 — 글·괘선·망점 사진(회색은 망점으로만)",
+      "#C8102E 속보 빨강 — 호외 띠·내림 표시, 한 지면에 한 군데"
+    ],
+    "texture": "신문 용지 — 미세한 섬유 결(서 있다). 사진·그래프는 굵은 45° 망점 검정 한 판. 그림자·그라데이션 없음",
+    "movement": "판이 짜인다 — 줄(슬러그)이 한 줄씩 떨어져 단을 채우고, 헤드라인이 낱말째 쾅 찍힌다(잉크가 잠깐 번졌다 앉는다). 전보는 한 자씩 타자되고 종이 띠가 한 줄씩 올라간다. 드롭엔 호외 — 띠가 가로질러 판이 갈리고 윤전기에 종이가 한 번 끌려간다"
+  },
+  "notes": [
+    "단을 채우는 것은 실제 사실뿐 — 지어낸 본문·회색 막대 본문 금지. 표(시세)·전보 줄로 채운다.",
+    "빨강은 속보·내림 한 군데. 나머지는 먹 한 색, 명암은 망점으로.",
+    "카메라 이동 없음 — 지면을 바로 앞에서. 구도는 지면을 갈아 끼워(판갈이) 바꾼다."
+  ]
+}

package/themes/newspaper/theme.json

@@ -0,0 +1,140 @@
+{
+  "id": "newspaper",
+  "name": "신문 1면",
+  "metaphor": "들어오는 요청이 전보 한 줄이 되어 지면의 단에 조판되고, 큰 사실은 헤드라인으로 찍히고, 속보에 판이 통째로 갈린다",
+  "status": "approved",
+  "approvedAt": "2026-10-11",
+  "purposes": [
+    "promo",
+    "launch",
+    "explainer",
+    "shorts",
+    "square"
+  ],
+  "aspect": [
+    "16:9",
+    "9:16",
+    "1:1"
+  ],
+  "vary": {
+    "scheme": [
+      "light"
+    ],
+    "hue": [
+      [
+        0,
+        360
+      ]
+    ],
+    "chroma": [
+      0.85,
+      1.15
+    ],
+    "tint": [
+      0.005,
+      0.03
+    ],
+    "bg": {
+      "light": [
+        0.88,
+        0.95
+      ]
+    },
+    "fonts": [
+      "base",
+      "myeongjo",
+      "gowun-batang",
+      "hahmlet",
+      "black-han",
+      "gothic-a1"
+    ],
+    "texture": [
+      "none",
+      "paper",
+      "grain"
+    ],
+    "stroke": [
+      0.8,
+      1.4
+    ],
+    "tempo": [
+      0.9,
+      1.2
+    ]
+  },
+  "tags": {
+    "mood": [
+      "진지한",
+      "권위",
+      "소식",
+      "클래식",
+      "편집"
+    ],
+    "light": "light",
+    "use": [
+      "발표",
+      "소식",
+      "출시",
+      "순위",
+      "가격",
+      "결과"
+    ],
+    "dims": "2D"
+  },
+  "effects": [
+    {
+      "name": "newsprint",
+      "kind": "layer",
+      "does": "신문 용지 — 회백 바탕에 미세한 섬유 결, 한 번 그리고 선다",
+      "use": "const paper = newsprint(el, { ctx, seed: \"front\" })"
+    },
+    {
+      "name": "ruleGrid",
+      "kind": "layer",
+      "does": "괘선 — 단을 가르는 가는 세로선과 기사 위·아래 이중 가로선이 그어진다(판짜기 격자)",
+      "use": "const rules = ruleGrid(el, { ctx, cols: [660, 1260], top: 204, rows: [{ y: 468 }, { y: 184, double: true }], at: 0.06 })"
+    },
+    {
+      "name": "masthead",
+      "kind": "layer",
+      "does": "제호 — 지면 맨 위 큰 명조가 쾅 찍히고(잉크가 번졌다 앉는다) 이중 괘선과 폴리오가 선다",
+      "use": "const head = masthead(el, { ctx, title: \"apis.opengateway.ai/v1\", folio: [\"/chat/completions\", \"/messages\", \"/responses\"], size: 92, at: 0 })"
+    },
+    {
+      "name": "headline",
+      "kind": "layer",
+      "does": "헤드라인 — 낱말이 하나씩 내려앉으며 쾅 찍힌다(잉크 번짐), 줄바꿈으로 데크를 쌓는다",
+      "use": "const h = headline(el, { ctx, text: \"한 주소\", x: 80, y: 212, size: 210, at: 0.1 })"
+    },
+    {
+      "name": "slugLines",
+      "kind": "layer",
+      "does": "슬러그 줄 — 시세표·목록이 한 줄씩 쇳덩이처럼 떨어져 단을 채운다, [이름, 값] 은 값 오른쪽 맞춤, ▼ 는 빨강",
+      "use": "const rows = slugLines(el, { ctx, lines: [[\"OpenAI\", \"41\"], [\"Anthropic\", \"15\"]], x: 80, y: 214, w: 680, size: 46, at: 1.7, every: 0.1 })"
+    },
+    {
+      "name": "wireTape",
+      "kind": "layer",
+      "does": "전보 띠 — 요청이 텔레타이프 종이 띠에 한 자씩 타자되고 새 줄마다 띠가 한 줄 올라간다",
+      "use": "const wire = wireTape(el, { ctx, x: 1180, y: 212, w: 660, h: 800, lines: [{ t: 0.35, text: \"model: openai/gpt-6.1-sol\" }] })"
+    },
+    {
+      "name": "halftonePhoto",
+      "kind": "layer",
+      "does": "망점 사진 — 검정 한 판 45° 망점, 롤러가 위에서 아래로 찍어 나온다, value(u, v, t) 면 그래프가 바뀌고 src 면 그림",
+      "use": "const chart = halftonePhoto(el, { ctx, x: 80, y: 230, w: 1080, h: 640, at: 1.4, dur: 0.36, value: (u, v, t) => (1 - v < bar(u, t) ? 0.85 : 0) })"
+    },
+    {
+      "name": "breakingBand",
+      "kind": "layer",
+      "does": "속보·호외 띠 — 빨강 띠가 지면을 가로질러 쾅 들어오고 딱지 옆에 한 줄이 찍힌다",
+      "use": "const band = breakingBand(el, { ctx, label: \"호외\", text: \"모델 102 · 한 주소\", y: 60, h: 110, at: 0 })"
+    },
+    {
+      "name": "pressRoll",
+      "kind": "layer",
+      "does": "드롭 = 윤전기 — 롤러 그림자 띠가 지나며 종이가 한 번 끌려간다, 흔들림을 돌려준다",
+      "use": "const s = press(t); applyStyle(page, s.shake)  // press = pressRoll(el, { ctx, drop: 0 })"
+    }
+  ]
+}

package/themes/newspaper/variants/blush-amber.json

@@ -0,0 +1,123 @@
+{
+  "id": "blush-amber",
+  "world": "newspaper",
+  "name": "Blush Amber",
+  "desc": "연분홍 바탕에 호박색 강조 · 신문·잡지풍 정통 고딕",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9037,
+    "tint": {
+      "h": 27.8225,
+      "c": 0.0287
+    },
+    "inkL": 0.2529,
+    "hue": 60.2804,
+    "chroma": 0.9394,
+    "fonts": "gothic-a1",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1.28,
+    "radius": null,
+    "tempo": 1.17,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#F2D9D5",
+      "surface": "#F8E0DE",
+      "raised": "#E8CFC9",
+      "line": "#C1A9A3",
+      "ink": "#272023",
+      "inkSoft": "#3F3536",
+      "dim": "#675856",
+      "accent": "#A15900",
+      "accentSoft": "#DEC0AC",
+      "accentText": "#904F00",
+      "onAccent": "#FCFCFC",
+      "success": "#272023",
+      "danger": "#A15900",
+      "warning": "#A15900",
+      "paper": "#F2D9D5",
+      "rule": "#272023",
+      "fiber": "#DDC3BD",
+      "red": "#A15900"
+    },
+    "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"
+    },
+    "look": {
+      "stroke": 1.28,
+      "tempo": 1.17
+    }
+  },
+  "tags": {
+    "mood": [
+      "진지한",
+      "권위",
+      "소식",
+      "클래식",
+      "편집",
+      "밝은",
+      "따뜻한"
+    ],
+    "light": "light",
+    "use": [
+      "발표",
+      "소식",
+      "출시",
+      "순위",
+      "가격",
+      "결과"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 11.85,
+      "inkSoft": 8.8,
+      "dim": 5.01,
+      "accentText": 4.74,
+      "accent": 3.95,
+      "onAccent": 5.16,
+      "success~danger": 0.265,
+      "success~warning": 0.265,
+      "accent~ink": 0.265
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/newspaper/variants/blush-orange.json

@@ -0,0 +1,125 @@
+{
+  "id": "blush-orange",
+  "world": "newspaper",
+  "name": "Blush Orange",
+  "desc": "연분홍 바탕에 주황 강조 · 굵은 명조 제목에 고딕 본문 · 고운 필름 입자",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.8948,
+    "tint": {
+      "h": 21.8074,
+      "c": 0.0183
+    },
+    "inkL": 0.1708,
+    "hue": 50.2465,
+    "chroma": 1.1393,
+    "fonts": "myeongjo",
+    "texture": {
+      "kind": "grain",
+      "amount": 0.55
+    },
+    "stroke": 0.85,
+    "radius": null,
+    "tempo": 1.17,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#E8D8D7",
+      "surface": "#EFE0E1",
+      "raised": "#DECDCA",
+      "line": "#B3A39F",
+      "ink": "#120E12",
+      "inkSoft": "#2A2426",
+      "dim": "#544A49",
+      "accent": "#974500",
+      "accentSoft": "#E0B7A5",
+      "accentText": "#833B00",
+      "onAccent": "#EFE0E1",
+      "success": "#120E12",
+      "danger": "#974500",
+      "warning": "#974500",
+      "paper": "#E8D8D7",
+      "rule": "#120E12",
+      "fiber": "#D1C0BC",
+      "red": "#974500"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Nanum Myeongjo\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", serif",
+      "mono": "\"Geist Mono\", ui-monospace, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Nanum Myeongjo",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/nanummyeongjo/NanumMyeongjo-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": "Geist Mono",
+          "src": "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/GeistMono-Variable.woff2",
+          "weight": "100 900"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 800,
+      "weightBody": 500,
+      "tracking": "-0.02em"
+    },
+    "look": {
+      "texture": {
+        "kind": "grain",
+        "amount": 0.55
+      },
+      "stroke": 0.85,
+      "tempo": 1.17
+    }
+  },
+  "tags": {
+    "mood": [
+      "진지한",
+      "권위",
+      "소식",
+      "클래식",
+      "편집",
+      "밝은",
+      "따뜻한",
+      "선명한",
+      "아날로그",
+      "고전적"
+    ],
+    "light": "light",
+    "use": [
+      "발표",
+      "소식",
+      "출시",
+      "순위",
+      "가격",
+      "결과"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 13.87,
+      "inkSoft": 11.04,
+      "dim": 6.23,
+      "accentText": 5.91,
+      "accent": 4.82,
+      "onAccent": 5.2,
+      "success~danger": 0.281,
+      "success~warning": 0.281,
+      "accent~ink": 0.281
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/newspaper/variants/chalk-cyan.json

@@ -0,0 +1,119 @@
+{
+  "id": "chalk-cyan",
+  "world": "newspaper",
+  "name": "Chalk Cyan",
+  "desc": "분필빛 바탕에 하늘빛 청록 강조 · 현대적인 가변 명조",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9485,
+    "tint": {
+      "h": 225.3588,
+      "c": 0.0096
+    },
+    "inkL": 0.2181,
+    "hue": 216.6954,
+    "chroma": 1.1038,
+    "fonts": "hahmlet",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 0.87,
+    "radius": null,
+    "tempo": 1.01,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#E8EFF3",
+      "surface": "#EFF8FD",
+      "raised": "#DEE4E5",
+      "line": "#B4B9B8",
+      "ink": "#161B20",
+      "inkSoft": "#2E3237",
+      "dim": "#575B5C",
+      "accent": "#007B92",
+      "accentSoft": "#ACDCE7",
+      "accentText": "#006C80",
+      "onAccent": "#EFF8FD",
+      "success": "#161B20",
+      "danger": "#007B92",
+      "warning": "#007B92",
+      "paper": "#E8EFF3",
+      "rule": "#161B20",
+      "fiber": "#D1D7D7",
+      "red": "#007B92"
+    },
+    "fonts": {
+      "sans": "Hahmlet, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", serif",
+      "display": "Hahmlet, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", serif",
+      "mono": "\"Geist Mono\", ui-monospace, Hahmlet, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Hahmlet",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
+          "weight": "100 900"
+        },
+        {
+          "family": "Pretendard Variable",
+          "src": "https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/woff2/PretendardVariable.woff2",
+          "weight": "45 920"
+        },
+        {
+          "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": 800,
+      "weightBody": 400,
+      "tracking": "-0.02em"
+    },
+    "look": {
+      "stroke": 0.87,
+      "tempo": 1.01
+    }
+  },
+  "tags": {
+    "mood": [
+      "진지한",
+      "권위",
+      "소식",
+      "클래식",
+      "편집",
+      "밝은",
+      "차가운",
+      "고전적"
+    ],
+    "light": "light",
+    "use": [
+      "발표",
+      "소식",
+      "출시",
+      "순위",
+      "가격",
+      "결과"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 14.99,
+      "inkSoft": 11.09,
+      "dim": 5.94,
+      "accentText": 5.25,
+      "accent": 4.26,
+      "onAccent": 4.58,
+      "success~danger": 0.318,
+      "success~warning": 0.318,
+      "accent~ink": 0.318
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}