kasaframe 0.1.3 → 0.1.5

package/themes/neon-sign/style.json

@@ -0,0 +1,104 @@
+{
+  "name": "neon-sign",
+  "label": "네온 간판 — 튜브 글자가 차례로 켜지고, 장애는 깜빡임",
+  "scheme": "dark",
+  "colors": {
+    "bg": "#0E0B12",
+    "surface": "#1A1520",
+    "raised": "#251E2C",
+    "line": "#3A3142",
+    "ink": "#F7F0F8",
+    "inkSoft": "#DCCFE3",
+    "dim": "#A193AD",
+    "accent": "#FF3B7F",
+    "accentSoft": "#4A1730",
+    "accentText": "#FF6FA0",
+    "onAccent": "#0E0B12",
+    "success": "#3BE8B0",
+    "danger": "#FF4B4B",
+    "warning": "#FFB13B",
+    "pink": "#FF3B7F",
+    "blue": "#39C6FF",
+    "amber": "#FFB13B",
+    "mint": "#3BE8B0",
+    "brick": "#2A1E22",
+    "glass": "#4C4352"
+  },
+  "fonts": {
+    "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "display": "\"Monoton\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "mono": "\"JetBrains Mono\", ui-monospace, \"SF Mono\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+    "faces": [
+      {
+        "family": "Monoton",
+        "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/monoton/Monoton-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.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
+        "weight": "100 800"
+      }
+    ]
+  },
+  "type": {
+    "hero": 240,
+    "title": 110,
+    "body": 48,
+    "caption": 34,
+    "weightDisplay": 400,
+    "weightBody": 300,
+    "tracking": "0.02em"
+  },
+  "radius": {
+    "sm": 10,
+    "md": 18,
+    "lg": 28,
+    "pill": 999
+  },
+  "shadow": {
+    "soft": "0 0 24px rgba(255, 59, 127, 0.35)",
+    "lift": "0 0 10px rgba(255, 59, 127, 0.5)"
+  },
+  "motion": {
+    "beatPulse": "drops-only",
+    "shake": {
+      "on": [
+        "drop"
+      ],
+      "maxPerPhrase": 1,
+      "maxPx": 8
+    },
+    "cameraMove": "off",
+    "repeatSameMove": false,
+    "maxFreezeSec": 0.1,
+    "maxFlashPerSec": 3,
+    "enter": "fade",
+    "ease": "linear",
+    "durations": {
+      "fast": 0.05,
+      "base": 0.2,
+      "slow": 0.45
+    }
+  },
+  "theme": {
+    "inks": [
+      "#0E0B12 밤 벽 · #2A1E22 벽돌은 빛 닿은 곳만",
+      "#F7F0F8 켜진 튜브의 흰 심",
+      "#FF3B7F 분홍 · #39C6FF 하늘 · #FFB13B 호박 · #3BE8B0 민트 — 튜브 번짐 색, 한 간판 한두 색"
+    ],
+    "texture": "같은 굵기 한 획 유리관, 꺼진 관은 희미한 회색 유리로 보인다. 켜지면 흰 심 + 색 번짐 + 뒤 벽돌에 같은 색 반사. 극장식 전구 띠",
+    "movement": "글자가 한 획씩 차례로 켜지고 켜질 때 몇 번 깜빡이다 붙는다(점화). 전구 띠가 한 방향으로 쫓아가고(처리량), 전선 위로 전류가 흐른다(요청). 장애는 불규칙한 깜빡임, 결정타는 모든 간판이 한꺼번에 번쩍"
+  },
+  "notes": [
+    "바탕은 밤 벽 하나(서 있다) — 빛나는 것만 보인다. 벽돌은 간판 빛이 닿는 자리에만 드러난다.",
+    "한 간판은 한두 색. 분홍(accent)이 주인공, 하늘·호박·민트는 간판을 가를 때만.",
+    "큰 숫자는 Monoton(여러 줄 튜브 숫자), 글·모델 ID 는 가는 Pretendard(300)·JetBrains Mono 를 튜브처럼 그린다.",
+    "깜빡임은 뜻이 있다 — 점화(켜지는 순간 한 번)와 장애(고장)뿐. 박마다 깜빡이지 않는다. 섬광은 1초 3번 아래."
+  ]
+}

package/themes/neon-sign/theme.json

@@ -0,0 +1,137 @@
+{
+  "id": "neon-sign",
+  "name": "네온 간판",
+  "metaphor": "정보가 밤 벽의 네온 간판으로 켜진다 — 튜브 글자가 차례로 점화되고, 전선으로 전류(요청)가 흐르며, 장애는 깜빡임",
+  "status": "approved",
+  "approvedAt": "2026-10-11",
+  "purposes": [
+    "promo",
+    "shorts",
+    "launch",
+    "mv",
+    "square"
+  ],
+  "aspect": [
+    "16:9",
+    "9:16",
+    "1:1"
+  ],
+  "vary": {
+    "scheme": [
+      "dark"
+    ],
+    "hue": [
+      [
+        285,
+        25
+      ]
+    ],
+    "chroma": [
+      0.85,
+      1.1
+    ],
+    "tint": [
+      0,
+      0.02
+    ],
+    "bg": {
+      "dark": [
+        0.1,
+        0.2
+      ]
+    },
+    "fixedHue": [
+      "blue"
+    ],
+    "fonts": [
+      "base",
+      "jua",
+      "do-hyeon",
+      "sunflower",
+      "bagel",
+      "dongle",
+      "tag:neon"
+    ],
+    "texture": [
+      "none",
+      "grain"
+    ],
+    "stroke": [
+      0.8,
+      1.3
+    ],
+    "tempo": [
+      0.9,
+      1.15
+    ]
+  },
+  "tags": {
+    "mood": [
+      "밤",
+      "화려한",
+      "도시",
+      "레트로",
+      "몽환적"
+    ],
+    "light": "dark",
+    "use": [
+      "홍보",
+      "공개",
+      "이벤트",
+      "뮤직비디오",
+      "브랜드",
+      "처리량"
+    ],
+    "dims": "2D"
+  },
+  "effects": [
+    {
+      "name": "brickWall",
+      "kind": "layer",
+      "does": "밤 벽 — 거의 검은 벽에 벽돌이 아주 희미하게, 서 있다. 간판 빛이 screen 으로 더해져 빛 닿은 곳만 드러난다",
+      "use": "const wall = brickWall(layer, { ctx })"
+    },
+    {
+      "name": "neonText",
+      "kind": "layer",
+      "does": "네온 글자 — 꺼진 유리관이 희미하게 보이다 한 자씩 점화(몇 장 깜빡이다 붙는다), 흰 심 + 색 번짐 + 벽 반사. off 에 꺼지고 fault 창에선 고장처럼 깜빡인다",
+      "use": "const sign = neonText(el, { ctx, text: \"102\", x: 960, y: 440, size: 330, font: \"display\", tube: \"pink\", at: drop, per: 0 })"
+    },
+    {
+      "name": "neonPath",
+      "kind": "layer",
+      "does": "네온 관 — 테두리·화살표·시계·막대·로고 같은 관 모양(SVG path 나 꺾은선). 점화되고, 꺾은선은 전류가 지나가며 불이 들어온다(sweep)",
+      "use": "const frame = neonPath(el, { ctx, parts: [{ pts: box, closed: true, at: hit }], area: [x, y, w, h], width: 9, tube: \"blue\", sweep: 0.3 })"
+    },
+    {
+      "name": "marquee",
+      "kind": "layer",
+      "does": "전구 띠 — 극장식 전구가 한 방향으로 쫓아간다. 쫓는 빠르기가 처리량(rate 가 t 의 함수면 빨라진다)",
+      "use": "const bulbs = marquee(el, { ctx, pts: rect, closed: true, at: hit, rate: (t) => 14 + 40 * t })"
+    },
+    {
+      "name": "cableFlow",
+      "kind": "layer",
+      "does": "전선과 전류 — 변압기(주소)에서 간판까지 전선, 첫 전류가 간 데까지 전선이 달아오르고 빛 알갱이(요청)가 일정하게 흐른다. speed 로 지연을 보인다",
+      "use": "const wire = cableFlow(el, { ctx, pts: [[290, 540], [880, 250]], at: go, speed: len / 0.6125, tube: \"blue\" })"
+    },
+    {
+      "name": "flicker",
+      "kind": "value",
+      "does": "깜빡임 — 튜브 밝기 0..1. ignite 는 켜지는 순간 몇 장 깜빡이다 붙고, fault 는 창 안에서 고장처럼 깜빡인다",
+      "use": "const b = flicker(t, { at: hit, mode: \"ignite\", seed: \"sign\" })"
+    },
+    {
+      "name": "switchOn",
+      "kind": "value",
+      "does": "스위치 켜짐 — 아무 요소나 네온처럼 점화 깜빡임으로 나타났다 붙는다",
+      "use": "applyStyle(el, switchOn(t, { at: hit }))"
+    },
+    {
+      "name": "powerSurge",
+      "kind": "layer",
+      "does": "전원 서지 — 결정타에 모든 간판이 한꺼번에 번쩍(색 섬광 한 번)이고 벽이 환해졌다 가라앉는다. 흔들림을 돌려준다",
+      "use": "const surge = powerSurge(layer, { ctx, drop: 0 }); applyStyle(frame, surge(t).shake)"
+    }
+  ]
+}

package/themes/neon-sign/variants/deep-plum.json

@@ -0,0 +1,121 @@
+{
+  "id": "deep-plum",
+  "world": "neon-sign",
+  "name": "Deep Plum",
+  "desc": "깊은 청록 바탕에 자두색 강조 · 통통하고 말랑한 팝 제목체",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1835,
+    "tint": {
+      "h": 207.3097,
+      "c": 0.0232
+    },
+    "inkL": 0.9628,
+    "hue": 325.8213,
+    "chroma": 0.9001,
+    "fonts": "bagel",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 0.85,
+    "radius": null,
+    "tempo": 0.97,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#051518",
+      "surface": "#122025",
+      "raised": "#1D2931",
+      "line": "#323C46",
+      "ink": "#EDF5F3",
+      "inkSoft": "#D2D5E0",
+      "dim": "#939CB4",
+      "accent": "#D65FDB",
+      "accentSoft": "#3F254D",
+      "accentText": "#D884E7",
+      "onAccent": "#051518",
+      "success": "#3BE8B0",
+      "danger": "#FF4B4B",
+      "warning": "#FFB13B",
+      "pink": "#D65FDB",
+      "blue": "#52C7FA",
+      "amber": "#FFB13B",
+      "mint": "#3BE8B0",
+      "brick": "#242927",
+      "glass": "#444D56"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Bagel Fat One\", \"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": "Bagel Fat One",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/bagelfatone/BagelFatOne-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": "Geist Mono",
+          "src": "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/GeistMono-Variable.woff2",
+          "weight": "100 900"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 400,
+      "weightBody": 500,
+      "tracking": "0em"
+    },
+    "look": {
+      "stroke": 0.85,
+      "tempo": 0.97
+    }
+  },
+  "tags": {
+    "mood": [
+      "밤",
+      "화려한",
+      "도시",
+      "레트로",
+      "몽환적",
+      "어두운",
+      "귀여운"
+    ],
+    "light": "dark",
+    "use": [
+      "홍보",
+      "공개",
+      "이벤트",
+      "뮤직비디오",
+      "브랜드",
+      "처리량"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 16.76,
+      "inkSoft": 12.7,
+      "dim": 6.77,
+      "accentText": 7.43,
+      "accent": 5.77,
+      "onAccent": 5.77,
+      "success~danger": 0.164,
+      "success~warning": 0.124,
+      "danger~warning": 0.147,
+      "accent~ink": 0.308
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/neon-sign/variants/deep-violet.json

@@ -0,0 +1,121 @@
+{
+  "id": "deep-violet",
+  "world": "neon-sign",
+  "name": "Deep Violet",
+  "desc": "깊은 청록 바탕에 보라 강조 · 키 작고 동글한 제목",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1499,
+    "tint": {
+      "h": 176.9188,
+      "c": 0.0248
+    },
+    "inkL": 0.9258,
+    "hue": 291.4854,
+    "chroma": 0.9565,
+    "fonts": "dongle",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1.3,
+    "radius": null,
+    "tempo": 1.12,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#010E0B",
+      "surface": "#0A1918",
+      "raised": "#152123",
+      "line": "#2A3438",
+      "ink": "#E1E9E3",
+      "inkSoft": "#C7CACF",
+      "dim": "#7B96A6",
+      "accent": "#926CFF",
+      "accentSoft": "#222350",
+      "accentText": "#998BFF",
+      "onAccent": "#010E0B",
+      "success": "#3BE8B0",
+      "danger": "#FF4B4B",
+      "warning": "#FFB13B",
+      "pink": "#926CFF",
+      "blue": "#37BCF2",
+      "amber": "#FFB13B",
+      "mint": "#3BE8B0",
+      "brick": "#1C2119",
+      "glass": "#3B4547"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "Dongle, \"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": "Dongle",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/dongle/Dongle-Bold.ttf",
+          "weight": "700"
+        },
+        {
+          "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": 700,
+      "weightBody": 500,
+      "tracking": "0em"
+    },
+    "look": {
+      "stroke": 1.3,
+      "tempo": 1.12
+    }
+  },
+  "tags": {
+    "mood": [
+      "밤",
+      "화려한",
+      "도시",
+      "레트로",
+      "몽환적",
+      "어두운",
+      "귀여운"
+    ],
+    "light": "dark",
+    "use": [
+      "홍보",
+      "공개",
+      "이벤트",
+      "뮤직비디오",
+      "브랜드",
+      "처리량"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 15.81,
+      "inkSoft": 11.89,
+      "dim": 6.29,
+      "accentText": 7.01,
+      "accent": 5.41,
+      "onAccent": 5.41,
+      "success~danger": 0.164,
+      "success~warning": 0.124,
+      "danger~warning": 0.147,
+      "accent~ink": 0.297
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/neon-sign/variants/dusk-plum.json

@@ -0,0 +1,121 @@
+{
+  "id": "dusk-plum",
+  "world": "neon-sign",
+  "name": "Dusk Plum",
+  "desc": "해 질 녘 보랏빛 바탕에 자두색 강조 · 둥글둥글 귀여운 제목체",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1117,
+    "tint": {
+      "h": 290.2348,
+      "c": 0.0337
+    },
+    "inkL": 0.9199,
+    "hue": 315.1829,
+    "chroma": 1.0455,
+    "fonts": "jua",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 0.9,
+    "radius": null,
+    "tempo": 1.06,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#05030F",
+      "surface": "#0F0A1D",
+      "raised": "#191229",
+      "line": "#2D253E",
+      "ink": "#E6E2EC",
+      "inkSoft": "#CBC2D8",
+      "dim": "#7D8DA7",
+      "accent": "#BC46E8",
+      "accentSoft": "#2A1343",
+      "accentText": "#BE72EF",
+      "onAccent": "#05030F",
+      "success": "#3BE8B0",
+      "danger": "#FF4B4B",
+      "warning": "#FFB13B",
+      "pink": "#BC46E8",
+      "blue": "#00B8F3",
+      "amber": "#FFB13B",
+      "mint": "#3BE8B0",
+      "brick": "#1D131F",
+      "glass": "#3E374D"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "Jua, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Jua",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/jua/Jua-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.3.0/files/jetbrains-mono-latin-wght-normal.woff2",
+          "weight": "100 800"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 400,
+      "weightBody": 500,
+      "tracking": "0em"
+    },
+    "look": {
+      "stroke": 0.9,
+      "tempo": 1.06
+    }
+  },
+  "tags": {
+    "mood": [
+      "밤",
+      "화려한",
+      "도시",
+      "레트로",
+      "몽환적",
+      "어두운",
+      "귀여운"
+    ],
+    "light": "dark",
+    "use": [
+      "홍보",
+      "공개",
+      "이벤트",
+      "뮤직비디오",
+      "브랜드",
+      "처리량"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 16.1,
+      "inkSoft": 11.92,
+      "dim": 6.1,
+      "accentText": 6.69,
+      "accent": 5.04,
+      "onAccent": 5.04,
+      "success~danger": 0.164,
+      "success~warning": 0.124,
+      "danger~warning": 0.147,
+      "accent~ink": 0.321
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}