kasaframe 0.1.1 → 0.1.4

package/themes/riso-zine/variants/sand-jade.json

@@ -0,0 +1,120 @@
+{
+  "id": "sand-jade",
+  "world": "riso-zine",
+  "name": "Sand Jade",
+  "desc": "모래빛 바탕에 옥색 강조 · 굵은 명조 제목에 고딕 본문 · 종이 결",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9039,
+    "tint": {
+      "h": 90.2882,
+      "c": 0.0377
+    },
+    "inkL": 0.4669,
+    "hue": 164.4614,
+    "chroma": 1.1424,
+    "fonts": "myeongjo",
+    "texture": {
+      "kind": "paper",
+      "amount": 0.8
+    },
+    "stroke": 1.37,
+    "radius": null,
+    "tempo": 1.05,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#E9DFC4",
+      "surface": "#F0E8D0",
+      "raised": "#E0D5B6",
+      "line": "#C8BB9A",
+      "ink": "#6D4A00",
+      "inkSoft": "#6D4A00",
+      "dim": "#8F6600",
+      "accent": "#009D71",
+      "accentSoft": "#78DAAB",
+      "accentText": "#6D4A00",
+      "onAccent": "#E9DFC4",
+      "success": "#6D4A00",
+      "danger": "#009D71",
+      "warning": "#009D71",
+      "blue": "#6D4A00",
+      "pink": "#009D71",
+      "paper": "#E9DFC4"
+    },
+    "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": "paper",
+        "amount": 0.8
+      },
+      "stroke": 1.37,
+      "tempo": 1.05
+    }
+  },
+  "tags": {
+    "mood": [
+      "아날로그",
+      "인쇄",
+      "개성",
+      "힙한",
+      "레트로",
+      "밝은",
+      "선명한",
+      "고전적"
+    ],
+    "light": "light",
+    "use": [
+      "홍보",
+      "행사",
+      "포스터",
+      "문화",
+      "출판",
+      "소개"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 6.01,
+      "dim": 3.89,
+      "accent": 2.6,
+      "onAccent": 2.6,
+      "success~danger": 0.185,
+      "success~warning": 0.185,
+      "accent~ink": 0.185
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/riso-zine/variants/sand-plum.json

@@ -0,0 +1,113 @@
+{
+  "id": "sand-plum",
+  "world": "riso-zine",
+  "name": "Sand Plum",
+  "desc": "모래빛 바탕에 자두색 강조 · 획이 꽉 들어찬 초굵은 제목",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9031,
+    "tint": {
+      "h": 57.6811,
+      "c": 0.027
+    },
+    "inkL": 0.1921,
+    "hue": 321.4686,
+    "chroma": 1.1118,
+    "fonts": "gasoek",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 0.83,
+    "radius": null,
+    "tempo": 1,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#EEDBCE",
+      "surface": "#FAEADF",
+      "raised": "#DFCBBA",
+      "line": "#B6A28E",
+      "ink": "#001724",
+      "inkSoft": "#001724",
+      "dim": "#003C59",
+      "accent": "#A700BE",
+      "accentSoft": "#CF99DE",
+      "accentText": "#001724",
+      "onAccent": "#EEDBCE",
+      "success": "#001724",
+      "danger": "#A700BE",
+      "warning": "#A700BE",
+      "blue": "#001724",
+      "pink": "#A700BE",
+      "paper": "#EEDBCE"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Gasoek 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": "Gasoek One",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gasoekone/GasoekOne-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": "-0.01em"
+    },
+    "look": {
+      "stroke": 0.83
+    }
+  },
+  "tags": {
+    "mood": [
+      "아날로그",
+      "인쇄",
+      "개성",
+      "힙한",
+      "레트로",
+      "밝은"
+    ],
+    "light": "light",
+    "use": [
+      "홍보",
+      "행사",
+      "포스터",
+      "문화",
+      "출판",
+      "소개"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 13.66,
+      "dim": 8.73,
+      "accent": 4.61,
+      "onAccent": 4.61,
+      "success~danger": 0.318,
+      "success~warning": 0.318,
+      "accent~ink": 0.318
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/server-hall/THEME.md

@@ -0,0 +1,58 @@
+# 데이터센터 통로 `server-hall`
+
+**비유: 요청이 빛으로 데이터센터 통로를 지나 랙에 닿으며 화면이 찍힌다 — 랙 한 대가 회사, 켜진 서버 칸 하나가 모델, 통로 끝 코어 스위치 하나가 한 주소.** 어두운 홀에서 빛은 일을 하는 것에서만 난다 — 켜진 칸의 LED, 머리 위 트레이를 흐르는 요청, 켜진 조명줄. 카메라는 통로를 따라 요청을 좇거나 랙·스위치 앞에 다가갈 때만 움직이고 마디마다 다른 자리에 선다.
+
+| 기술 개념 | 이 세계에서 |
+|---|---|
+| 요청 | 빛 펄스 — 트레이를 따라 흐르고 꼬리를 끈다(`requestPulse`) |
+| 공급자(회사) | 랙 한 대 — 위에 줄 표지 |
+| 모델 | 켜진 서버 칸(1U) 하나 — 42U 중 켜진 칸 수가 모델 수(`rackRow` fill) |
+| 게이트웨이 한 주소 | 통로 끝 코어 스위치 하나, 위에 주소 판 — 모든 트레이가 여기로 모인다 |
+| 형식 | 스위치로 들어오는 두 갈래 트레이(청록·호박) |
+| 지연 | 빛이 길을 지나는 시간 — 실측 ms 그대로 달린다 |
+| 비용 | 계량기 판(PDU 화면)의 숫자와 막대(`meterPanel`) |
+| 시간대 가격 | 통로 조명 — 00–10 시는 불이 꺼진 시간(`hallLights`·`hourBoard`) |
+| 캐시 | 가까운 랙에서 바로 돌아오는 짧은 빛(스위치에서 한 칸 거리) |
+| 폴백 | 빛이 다른 랙 갈래로 꺾인다(`toRack` 길 바꾸기) |
+| 한도 | 랙의 42U — 더 켤 칸이 없다 |
+| 드롭·결과 | 서지 — 스위치에서 바깥으로 홀 전체 칸이 물결처럼 번쩍인다(`rackRow` wave + `surge`) |
+
+## 맞는 내용·용도
+
+- 인프라·API·게이트웨이·라우팅·지연·용량·트래픽처럼 「어디로 흘러가 어디에 닿는가」가 요점인 내용 — 개발자 도구 공개·홍보·설명.
+- 용도: 홍보(promo)·공개(launch)·설명(explainer)·쇼츠(shorts). 마디마다 다른 자리의 컷, 드롭에 서지.
+- 화면 글은 랙 줄 표지(회사 이름)·주소·모델 ID·숫자·짧은 낱말. 표지·숫자는 Barlow Condensed, 주소·ID 는 JetBrains Mono, 한글은 Pretendard.
+
+## 금지
+
+- 밝은 홀·흰 조명 아래의 랙 — 어둠이 바탕이다. 빛은 LED·요청·조명줄만.
+- 뜻 없는 깜빡임 — LED 는 칸이 켜질 때·요청이 닿을 때·서지에만 바뀐다. 무작위로 반짝이는 LED 금지.
+- 이유 없는 카메라 떠돌기·돌기. 카메라는 통로를 따라 다가가거나 요청을 좇을 때만, 키 사이로 움직인다.
+- 무거운 후처리(블룸·피사계 심도)·그림자 — 헤드리스 SwiftShader 가 버티게 빛 번짐은 가산 혼합 점으로.
+- 카메라가 등 뒤에서 보는 줄 표지(글이 뒤집힌다) — 그 컷엔 표지를 끈다(`names: false`).
+- 슬로건·감성 문장.
+
+## 움직임
+
+- 쉬지 않는다: 요청 빛이 트레이를 끊이지 않고 흐르고(초당 10개 안팎), 칸이 켜지고, 카메라가 키 사이를 천천히 다가간다.
+- 구도는 마디마다 바꾼다: 통로 입구 → 통로 안 → 스위치 정면 → 스위치 화면 → 두 갈래 트레이 → 스위치 앞에서 돌아본 홀 → 시간 판 → 계량기 → 옆에서 본 경주 트레이 → 끝 카드.
+- 박마다 큰 사건 하나: 랙 줄 표지와 수가 켜지고, 모델 ID 가 바뀌며 빛이 그 랙으로 나가고, 형식 빛이 두 배로 늘고, 시간 판이 밤을 지나고, 계량기가 값을 깎는다.
+
+## 효과
+
+같은 레포 안에서는 `effects.ts` 를 바로, 프로젝트에서는 `fx("server-hall")`. `hallStage` 로 무대를 짓고 나머지 rig 를 `stage.add(…)` 로 얹는다. 빛 번짐 판·글 판·길 위의 점은 `kit.ts`(`plate`·`along`·`powerOn`).
+
+| 효과 | 꼴 | 하는 일 |
+|---|---|---|
+| `hallStage` | layer | 원근 카메라·안개로 깊어지는 어두운 통로·타공 바닥. 컷마다 키(자리·보는 곳·화각) 사이로만 움직인다 |
+| `rackRow` | rig | 랙 줄 — 캐비닛마다 42U 칸, fill 대로 아래부터 LED 가 켜지고(켜지는 순간 희게), wave 면 드롭에 홀 전체가 물결처럼 번쩍인다 |
+| `cableTray` | rig | 머리 위 노란 트레이 — 요청 빛이 다니는 길. at·until 로 컷마다 켜고 끈다 |
+| `requestPulse` | rig | 요청 빛 — 시각마다 꺾은선을 따라 dur 초에 지나가며 꼬리를 끈다. 길·색·시간을 펄스마다 |
+| `coreSwitch` | rig | 통로 끝 코어 스위치 — 포트 LED 격자, 위에 주소 판, 정면 화면에 모델 ID, 요청이 닿으면 포트가 가운데부터 켜진다 |
+| `labelPlate` | rig | 뒤에서 빛나는 글 판이 형광등처럼 두 번 깜빡이며 켜진다. 글이 함수면 시각마다 바뀐다 |
+| `hallLights` | rig | 천장 조명줄 — 줄마다 밝기를 t 로, 홀 전체 밝기도 따라간다(밤 시간대 = 불 꺼진 통로) |
+| `hourBoard` | rig | 벽의 24칸 시간 판 — 한 시간씩 켜지고 밤 창은 다른 색, 지금 칸 아래 막대 |
+| `surge` | rig | 드롭 — 빛 고리가 퍼지고 화면이 한 번 차갑게 번쩍인다(흔들림은 카메라에 조금) |
+| `meterPanel` | rig | 계량기 판 — 큰 숫자가 from → to 로 구르고 아래 막대가 같은 비율로 준다 |
+
+견본: `sample/` — 공통 주제 「OpenGateway 소개 15초」, kawaii-friends 4.0–19.0초(드롭 7.34초). 통로 입구에서 회사 랙 아홉이 모델 수만큼 칸을 켜고(OpenAI 41칸) → 통로 안, 랙 위에 수가 켜지고 첫 요청이 스위치로 → 끊이지 않는 요청이 코어 스위치 하나(apis.opengateway.ai/v1)로 → 스위치 화면의 모델 ID 가 박마다 바뀌며 빛이 그 랙으로 → OpenAI·Anthropic 두 갈래 트레이 → 드롭 서지, 홀 전체 LED 물결과 102 → 24칸 시간 판과 꺼지는 조명, 밤 -90% → 계량기 deepseek 값 → 실측 시간 그대로 달리는 세 줄기 빛(612.5·693.0·760.5ms)과 18번 호출 → 통로 위 OG 로고와 opengateway.ai.