kasaframe 0.1.1 → 0.1.4

package/themes/depth-flight/style.json

@@ -0,0 +1,94 @@
+{
+  "name": "depth-flight",
+  "label": "깊이 비행 — 관문을 지나 깊이로",
+  "scheme": "dark",
+  "colors": {
+    "bg": "#03050B",
+    "surface": "#0A0F1C",
+    "raised": "#121A2E",
+    "line": "#1E2A47",
+    "ink": "#EEF4FF",
+    "inkSoft": "#C7D6F2",
+    "dim": "#7F93BD",
+    "accent": "#3D8BFF",
+    "accentSoft": "#9CC4FF",
+    "accentText": "#8FBBFF",
+    "accentDeep": "#0B2C6B",
+    "onAccent": "#03050B",
+    "success": "#5EE6A8",
+    "danger": "#FF6B6B",
+    "warning": "#FFB547",
+    "metal": "#C9D1DC",
+    "glow": "#5AA2FF"
+  },
+  "fonts": {
+    "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "display": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "mono": "\"JetBrains Mono\", ui-monospace, \"SF Mono\", \"Pretendard Variable\", \"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": "JetBrains Mono",
+        "src": "https://cdn.jsdelivr.net/npm/@fontsource-variable/jetbrains-mono@5/files/jetbrains-mono-latin-wght-normal.woff2",
+        "weight": "100 800"
+      }
+    ]
+  },
+  "type": {
+    "hero": 180,
+    "title": 90,
+    "body": 40,
+    "caption": 30,
+    "weightDisplay": 800,
+    "weightBody": 600,
+    "tracking": "-0.01em"
+  },
+  "radius": {
+    "sm": 0,
+    "md": 0,
+    "lg": 0,
+    "pill": 999
+  },
+  "shadow": {
+    "soft": "none",
+    "lift": "none"
+  },
+  "motion": {
+    "beatPulse": "drops-only",
+    "shake": {
+      "on": [
+        "drop"
+      ],
+      "maxPerPhrase": 1,
+      "maxPx": 10
+    },
+    "cameraMove": "free",
+    "repeatSameMove": false,
+    "maxFreezeSec": 0.1,
+    "enter": "fade",
+    "ease": "linear",
+    "durations": {
+      "fast": 0.1,
+      "base": 0.3,
+      "slow": 0.8
+    }
+  },
+  "theme": {
+    "inks": [
+      "#03050B 깊은 밤 바탕(안개 색)",
+      "#EEF4FF 차가운 흰 글",
+      "#3D8BFF 전기 파랑 빛(리본·관문 발광)",
+      "#C9D1DC 은색 금속(관문 테)"
+    ],
+    "texture": "안개가 먼 것을 지운다 — 정보는 안개 속에서 다가와 카메라 옆을 지나간다. 면 무늬 없이 빛과 금속 반사로만",
+    "movement": "카메라는 박에 떠나 박에 내려앉는다 — 관문을 뚫고 나가 다음 관문 앞에 서기, 드러낼 것에 다가가기, 비교를 담게 물러나기, 드롭에 숫자 속에서 튕겨 나오기. 그 사이엔 서고 먼지도 선다(먼지는 공간에 박혀 비행 속도만 보인다). 리본 속 빛은 요청이 관문으로 모이는 흐름. 마디마다 다른 자리로 컷"
+  },
+  "notes": [
+    "출처: OG 3D 관문 시안(promo-gateway-flow-v1) — 금속·유리 두 관문과 한 줄기로 모이는 빛 리본.",
+    "글은 3D 공간 안의 글자판. 작은 글은 쓰지 않는다(깊이에서 뭉개진다)."
+  ]
+}

package/themes/depth-flight/theme.json

@@ -0,0 +1,119 @@
+{
+  "id": "depth-flight",
+  "name": "깊이 비행",
+  "metaphor": "카메라가 관문을 지나 깊이로 날아들며, 정보가 안개 속에서 다가온다",
+  "status": "approved",
+  "approvedAt": "2026-10-11",
+  "purposes": [
+    "promo",
+    "launch",
+    "explainer",
+    "shorts"
+  ],
+  "aspect": [
+    "16:9",
+    "9:16"
+  ],
+  "vary": {
+    "scheme": [
+      "dark"
+    ],
+    "hue": [
+      [
+        190,
+        290
+      ]
+    ],
+    "chroma": [
+      0.75,
+      1.15
+    ],
+    "tint": [
+      0,
+      0.03
+    ],
+    "fonts": [
+      "base",
+      "suit",
+      "wanted",
+      "plex",
+      "gothic-a1",
+      "orbit"
+    ],
+    "texture": [
+      "none",
+      "grain"
+    ],
+    "tempo": [
+      0.9,
+      1.2
+    ]
+  },
+  "tags": {
+    "mood": [
+      "웅장한",
+      "깊이",
+      "미래적",
+      "몰입"
+    ],
+    "light": "dark",
+    "use": [
+      "제품 공개",
+      "홍보",
+      "기술",
+      "인프라",
+      "발표"
+    ],
+    "dims": "3D"
+  },
+  "effects": [
+    {
+      "name": "flightStage",
+      "kind": "layer",
+      "does": "비행 무대 — 안개 낀 깊은 밤, 컷마다 카메라가 박에 맞춘 키를 따라 날아 내려앉는다(키마다 이징, 같은 자리 키 사이는 선다). 돌려준 함수가 그리기, 속성이 무대",
+      "use": "const stage = flightStage(root, { ctx, shots: [{ from: 0, to: 1.4, keys: [{ t: 0, pos: [0, 0, 15], look: [0, 0, -6] }, { t: b[2], pos: [0, 0.6, 7], look: [0, 0.6, -8], ease: \"outCubic\" }] }] })"
+    },
+    {
+      "name": "starDust",
+      "kind": "rig",
+      "does": "박힌 먼지 — 공간에 박혀 있어 카메라가 날 때만 다가와 지나간다(흐름이 곧 비행 속도), 카메라가 서면 선다",
+      "use": "stage.add(starDust(stage, { ctx }))"
+    },
+    {
+      "name": "lightRibbons",
+      "kind": "rig",
+      "does": "빛 리본 — 흩어진 줄기가 한 점(관문)으로 모여 한 줄기로, 속 빛이 늘 흐른다",
+      "use": "stage.add(lightRibbons(stage, { ctx, from: [-16, 0, -2], to: [0, 0, -8], out: [14, 0, -12], at: 0 }))"
+    },
+    {
+      "name": "gate",
+      "kind": "rig",
+      "does": "관문 — OG 로고의 둥근 사각 칸, 은색 금속 또는 짙은 푸른 유리. 테두리 빛이 번지고 박마다 크게 지나간다",
+      "use": "stage.add(gate(stage, { ctx, pos: [0, 0, -6], kind: \"metal\", at: 0, pulse: beats }))"
+    },
+    {
+      "name": "depthCard",
+      "kind": "rig",
+      "does": "깊이 카드 — 스스로 빛나는 글자판이 안개 속 깊이에서 미끄러져 와 선다. layers 로 두께, text 가 함수면 숫자가 굴러간다",
+      "use": "stage.add(depthCard(stage, { ctx, text: \"102\", pos: [0, 1, -14], height: 5, at: 0, layers: 12 }))"
+    },
+    {
+      "name": "pillar",
+      "kind": "rig",
+      "does": "빛기둥 — 값만큼 바닥에서 솟는 발광 기둥, 솟는 동안 꼭대기 빛이 크게 번진다",
+      "use": "stage.add(pillar(stage, { ctx, pos: [x, 0, 0], height: 6 * n / 41, at }))"
+    },
+    {
+      "name": "warpBurst",
+      "kind": "rig",
+      "does": "드롭 — 하얗게 터지고 빛줄기가 사방으로 뻗으며 카메라가 흔들린다(dropBurst)",
+      "use": "stage.add(warpBurst(stage, { ctx, drop: 0 }))"
+    },
+    {
+      "name": "dayRing",
+      "kind": "rig",
+      "does": "하루 고리 — 24 칸이 둥글게 서고 정한 시각에 밤 창(00–10시)이 -90% 로 주저앉는다, 고리는 늘 돈다",
+      "use": "stage.add(dayRing(stage, { ctx, pos: [0, 0, 0], drop: 1.2, window: [0, 10] }))"
+    }
+  ]
+}

package/themes/depth-flight/variants/cocoa-cyan.json

@@ -0,0 +1,121 @@
+{
+  "id": "cocoa-cyan",
+  "world": "depth-flight",
+  "name": "Cocoa Cyan",
+  "desc": "코코아빛 바탕에 하늘빛 청록 강조 · 또렷한 기하 고딕 · 고운 필름 입자",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.169,
+    "tint": {
+      "h": 68.4677,
+      "c": 0.0507
+    },
+    "inkL": 0.9439,
+    "hue": 221.2654,
+    "chroma": 0.9272,
+    "fonts": "suit",
+    "texture": {
+      "kind": "grain",
+      "amount": 0.55
+    },
+    "stroke": 1,
+    "radius": null,
+    "tempo": 1.2,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#1A0B00",
+      "surface": "#271606",
+      "raised": "#0F2934",
+      "line": "#133A4A",
+      "ink": "#F8EADA",
+      "inkSoft": "#B7D7E5",
+      "dim": "#6B9DB3",
+      "accent": "#00A0C4",
+      "accentSoft": "#7CCDE7",
+      "accentText": "#66C6E5",
+      "accentDeep": "#004154",
+      "onAccent": "#1A0B00",
+      "success": "#5EE6A8",
+      "danger": "#FF6B6B",
+      "warning": "#FFB547",
+      "metal": "#D8CAB9",
+      "glow": "#00B3D6"
+    },
+    "fonts": {
+      "sans": "\"SUIT Variable\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"SUIT Variable\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, \"SUIT Variable\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "SUIT Variable",
+          "src": "https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2.0.5/fonts/variable/ttf/SUIT-Variable.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": "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": {
+      "texture": {
+        "kind": "grain",
+        "amount": 0.55
+      },
+      "tempo": 1.2
+    }
+  },
+  "tags": {
+    "mood": [
+      "웅장한",
+      "깊이",
+      "미래적",
+      "몰입",
+      "어두운",
+      "차가운",
+      "아날로그"
+    ],
+    "light": "dark",
+    "use": [
+      "제품 공개",
+      "홍보",
+      "기술",
+      "인프라",
+      "발표"
+    ],
+    "dims": "3D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 16.26,
+      "inkSoft": 12.67,
+      "dim": 6.48,
+      "accentText": 9.89,
+      "accent": 6.27,
+      "onAccent": 6.27,
+      "success~danger": 0.117,
+      "success~warning": 0.107,
+      "danger~warning": 0.127,
+      "accent~danger": 0.129,
+      "accent~ink": 0.257
+    },
+    "frame": "kf check 통과 — 끝 구간 3.183–4초(입체라 가볍게)·끝 프레임 한 장",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/depth-flight/variants/cocoa-indigo.json

@@ -0,0 +1,121 @@
+{
+  "id": "cocoa-indigo",
+  "world": "depth-flight",
+  "name": "Cocoa Indigo",
+  "desc": "코코아빛 바탕에 남색 강조 · 폭 넓고 힘 있는 브랜드 고딕 · 고운 필름 입자",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1406,
+    "tint": {
+      "h": 98.5868,
+      "c": 0.0356
+    },
+    "inkL": 0.957,
+    "hue": 265.3155,
+    "chroma": 1.0278,
+    "fonts": "wanted",
+    "texture": {
+      "kind": "grain",
+      "amount": 0.55
+    },
+    "stroke": 1,
+    "radius": null,
+    "tempo": 0.91,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#0C0900",
+      "surface": "#171508",
+      "raised": "#191E34",
+      "line": "#262D4D",
+      "ink": "#F4F1E3",
+      "inkSoft": "#C8D3F1",
+      "dim": "#8592BF",
+      "accent": "#5888FF",
+      "accentSoft": "#A3C1FF",
+      "accentText": "#98B8FF",
+      "accentDeep": "#1D2E72",
+      "onAccent": "#0C0900",
+      "success": "#5EE6A8",
+      "danger": "#FF6B6B",
+      "warning": "#FFB547",
+      "metal": "#D0D0C1",
+      "glow": "#6D9FFF"
+    },
+    "fonts": {
+      "sans": "\"Wanted Sans Variable\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Wanted Sans Variable\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"Geist Mono\", ui-monospace, \"Wanted Sans Variable\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Wanted Sans Variable",
+          "src": "https://cdn.jsdelivr.net/npm/wanted-sans@1.0.3/fonts/webfonts/variable/complete/woff2/WantedSansVariable.woff2",
+          "weight": "400 1000"
+        },
+        {
+          "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
+      },
+      "tempo": 0.91
+    }
+  },
+  "tags": {
+    "mood": [
+      "웅장한",
+      "깊이",
+      "미래적",
+      "몰입",
+      "어두운",
+      "차가운",
+      "아날로그"
+    ],
+    "light": "dark",
+    "use": [
+      "제품 공개",
+      "홍보",
+      "기술",
+      "인프라",
+      "발표"
+    ],
+    "dims": "3D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 17.57,
+      "inkSoft": 13.32,
+      "dim": 6.5,
+      "accentText": 10.03,
+      "accent": 6.03,
+      "onAccent": 6.03,
+      "success~danger": 0.117,
+      "success~warning": 0.107,
+      "danger~warning": 0.127,
+      "accent~danger": 0.221,
+      "accent~ink": 0.325
+    },
+    "frame": "kf check 통과 — 끝 구간 3.183–4초(입체라 가볍게)·끝 프레임 한 장",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/depth-flight/variants/cocoa-violet.json

@@ -0,0 +1,122 @@
+{
+  "id": "cocoa-violet",
+  "world": "depth-flight",
+  "name": "Cocoa Violet",
+  "desc": "코코아빛 바탕에 보라 강조 · 신문·잡지풍 정통 고딕",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.2148,
+    "tint": {
+      "h": 88.8857,
+      "c": 0.0401
+    },
+    "inkL": 0.9246,
+    "hue": 284.819,
+    "chroma": 0.7812,
+    "fonts": "gothic-a1",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": null,
+    "tempo": 1.09,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#211802",
+      "surface": "#2A2314",
+      "raised": "#2F2C3E",
+      "line": "#3E3952",
+      "ink": "#ECE6D6",
+      "inkSoft": "#CCCAE2",
+      "dim": "#9591B4",
+      "accent": "#8A83E8",
+      "accentSoft": "#B7B7EB",
+      "accentText": "#B0AFEA",
+      "accentDeep": "#413970",
+      "onAccent": "#211802",
+      "success": "#5EE6A8",
+      "danger": "#FF6B6B",
+      "warning": "#FFB547",
+      "metal": "#CDC9B8",
+      "glow": "#9597EB"
+    },
+    "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": {
+      "tempo": 1.09
+    }
+  },
+  "tags": {
+    "mood": [
+      "웅장한",
+      "깊이",
+      "미래적",
+      "몰입",
+      "어두운",
+      "차가운",
+      "차분한"
+    ],
+    "light": "dark",
+    "use": [
+      "제품 공개",
+      "홍보",
+      "기술",
+      "인프라",
+      "발표"
+    ],
+    "dims": "3D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 14.05,
+      "inkSoft": 10.94,
+      "dim": 5.83,
+      "accentText": 8.47,
+      "accent": 5.4,
+      "onAccent": 5.4,
+      "success~danger": 0.117,
+      "success~warning": 0.107,
+      "danger~warning": 0.127,
+      "accent~danger": 0.192,
+      "accent~ink": 0.28
+    },
+    "frame": "kf check 통과 — 끝 구간 3.183–4초(입체라 가볍게)·끝 프레임 한 장",
+    "pattern": "hook-number.roll"
+  }
+}