kasaframe 0.1.1 → 0.1.4

package/themes/circuit-board/slots.ts

@@ -0,0 +1,108 @@
+import { clamp, ease, type Style } from "@kasaframe/core";
+import type { ThemeSlots } from "@kasaframe/themes/slots";
+import { cssVar, layer, letters, shownCount, traceCanvas } from "@kasaframe/themes/slotkit";
+import { boardMask, powerOn } from "./effects.ts";
+import { measure, pointAt, slice, stroke } from "./pcb.ts";
+
+// 장면 문법 패턴이 테마 이름 없이 부르는 자리 — 기판 결로. 바탕은 서 있고, 움직임은 부품 장착·전류 펄스·실크 찍기에서만 나온다
+const PLACE = 0.16;
+const placed = (t: number, at: number): number => ease.outCubic(clamp((t - at) / PLACE));
+
+export const slots: ThemeSlots = {
+  surface(el, { ctx, seed }) {
+    return boardMask(el, { ctx, seed });
+  },
+
+  // 기판에 꽂힌 표시기 모듈 — 실크 테두리 위로 연기 유리 판이 픽앤플레이스로 내려와 앉고, 아래 다리가 납땜에 한 번 달아오른다
+  panel(el, { at, tone }) {
+    const box = layer(el, "inset:0", true);
+    layer(box, "inset:-14px;border:2px solid var(--kf-silk, var(--kf-ink));border-radius:2px");
+    const part = layer(box, "inset:0");
+    const legs = layer(part, "left:6%;right:6%;bottom:-11px;height:11px;--leg:var(--kf-gold, var(--kf-accent));background:repeating-linear-gradient(to right, var(--leg) 0 14px, transparent 14px 30px)");
+    layer(
+      part,
+      `inset:0;border-radius:4px;background:color-mix(in srgb, var(--kf-mask, var(--kf-bg)) 24%, #000);box-shadow:0 5px 0 rgba(0,0,0,.38), inset 0 0 0 ${tone === "accent" ? "3px var(--kf-accent)" : "1px rgba(255,255,255,.08)"}`,
+    );
+    return (t) => {
+      box.style.visibility = t >= at ? "visible" : "hidden";
+      const e = placed(t, at);
+      part.style.transform = `translateY(${(-(1 - e) * 18).toFixed(2)}px) scale(${(1.08 - 0.08 * e).toFixed(4)})`;
+      const solder = t >= at + PLACE && t < at + PLACE + 0.14 ? 1 - (t - at - PLACE) / 0.14 : 0;
+      legs.style.setProperty("--leg", solder > 0 ? `color-mix(in srgb, var(--kf-hot, #fff) ${Math.round(solder * 100)}%, var(--kf-gold, var(--kf-accent)))` : "var(--kf-gold, var(--kf-accent))");
+    };
+  },
+
+  // 부품이 위에서 내려와 착 앉고, 납땜하는 순간 한 번 밝아진다
+  land(_el, { at }) {
+    return (t): Style => {
+      if (t < at || t > at + 0.32) return {};
+      const e = placed(t, at);
+      const solder = t >= at + PLACE && t < at + PLACE + 0.1 ? 1.35 : 1;
+      return { y: -(1 - e) * 26, scale: 1.12 - 0.12 * e, brightness: solder };
+    };
+  },
+
+  // 글자에 전류가 지나간다 — 찍히는 머리 글자가 달아오르고 바로 뒤 두 글자가 금빛으로 식는다
+  write(el, { text, at, dur }) {
+    const spans = letters(el, text);
+    return (t) => {
+      const n = shownCount(spans.length, t, at, dur);
+      const live = t < at + dur;
+      spans.forEach((s, i) => {
+        s.style.visibility = i < n ? "visible" : "hidden";
+        s.style.color = !live || i < n - 3 ? "" : i === n - 1 ? "var(--kf-hot, var(--kf-accent))" : "var(--kf-gold, var(--kf-accent))";
+      });
+    };
+  },
+
+  // 트레이스가 깔리고, 다 깔린 뒤엔 요청 펄스가 그 위를 지나간다(시드마다 다른 박자로 한 번씩)
+  trace(el, { points, at, dur, seed, tone }) {
+    const { g, clear } = traceCanvas(el, points, 50);
+    const path = measure(points);
+    const line = tone === "accent" ? cssVar(el, "gold", "#E8B84B") : cssVar(el, "trace", "#2E7656");
+    const gold = cssVar(el, "gold", "#E8B84B");
+    const hot = cssVar(el, "hot", "#FFF4CC");
+    const every = 0.9 + (seed.length % 5) * 0.07;
+    const speed = Math.max(900, path.len / 0.5);
+    return (t) => {
+      clear();
+      const p = ease.outCubic(clamp((t - at) / Math.max(0.05, dur)));
+      if (p <= 0) return;
+      g.lineCap = "round";
+      g.lineJoin = "round";
+      g.lineWidth = 8;
+      g.strokeStyle = line;
+      stroke(g, slice(path, 0, path.len * p));
+      g.fillStyle = gold;
+      const [sx, sy] = path.pts[0];
+      g.beginPath();
+      g.arc(sx, sy, 11, 0, Math.PI * 2);
+      g.fill();
+      if (p < 1) return;
+      const [ex, ey] = path.pts[path.pts.length - 1];
+      g.beginPath();
+      g.arc(ex, ey, 11, 0, Math.PI * 2);
+      g.fill();
+      const tau = (t - at - dur) % every;
+      const d = tau * speed;
+      if (d > path.len + 200) return;
+      for (let k = 3; k >= 0; k--) {
+        g.globalAlpha = 1 - k * 0.22;
+        g.strokeStyle = k === 0 ? hot : gold;
+        stroke(g, slice(path, d - (200 * (k + 1)) / 4, d - (200 * k) / 4));
+      }
+      g.globalAlpha = 1;
+      if (d <= path.len) {
+        const [hx, hy] = pointAt(path, d);
+        g.fillStyle = hot;
+        g.beginPath();
+        g.arc(hx, hy, 10, 0, Math.PI * 2);
+        g.fill();
+      }
+    };
+  },
+
+  drop(el, { ctx, drop }) {
+    return powerOn(el, { ctx, drop });
+  },
+};

package/themes/circuit-board/style.json

@@ -0,0 +1,104 @@
+{
+  "name": "circuit-board",
+  "label": "회로 기판 — 요청이 트레이스 위 전류 펄스로 달린다",
+  "scheme": "dark",
+  "colors": {
+    "bg": "#0C3626",
+    "surface": "#114431",
+    "raised": "#17523C",
+    "line": "#2E7656",
+    "ink": "#F2EFE4",
+    "inkSoft": "#CFDDD3",
+    "dim": "#94BCA8",
+    "accent": "#E8B84B",
+    "accentSoft": "#6E5A26",
+    "accentText": "#F2C75E",
+    "onAccent": "#0C3626",
+    "success": "#E8B84B",
+    "danger": "#E07A44",
+    "warning": "#E8B84B",
+    "mask": "#0C3626",
+    "pour": "#114431",
+    "trace": "#2E7656",
+    "gold": "#E8B84B",
+    "copper": "#D98C53",
+    "silk": "#F2EFE4",
+    "hot": "#FFF4CC",
+    "body": "#17191B"
+  },
+  "fonts": {
+    "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "display": "Orbit, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "mono": "\"Share Tech Mono\", ui-monospace, \"SF Mono\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+    "faces": [
+      {
+        "family": "Orbit",
+        "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/orbit/Orbit-Regular.ttf",
+        "weight": "400"
+      },
+      {
+        "family": "Share Tech Mono",
+        "src": "https://cdn.jsdelivr.net/gh/google/fonts@main/ofl/sharetechmono/ShareTechMono-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": 200,
+    "title": 96,
+    "body": 40,
+    "caption": 30,
+    "weightDisplay": 400,
+    "weightBody": 500,
+    "tracking": "0.02em"
+  },
+  "radius": {
+    "sm": 2,
+    "md": 4,
+    "lg": 6,
+    "pill": 999
+  },
+  "shadow": {
+    "soft": "0 3px 0 rgba(0, 0, 0, 0.35)",
+    "lift": "0 6px 0 rgba(0, 0, 0, 0.32)"
+  },
+  "motion": {
+    "beatPulse": "drops-only",
+    "shake": {
+      "on": [
+        "drop"
+      ],
+      "maxPerPhrase": 1,
+      "maxPx": 8
+    },
+    "cameraMove": "off",
+    "repeatSameMove": false,
+    "maxFreezeSec": 0.1,
+    "enter": "fade",
+    "ease": "linear",
+    "durations": {
+      "fast": 0.12,
+      "base": 0.24,
+      "slow": 0.48
+    }
+  },
+  "theme": {
+    "inks": [
+      "#0C3626 솔더 마스크 녹 — 바탕, 마스크 아래 동박·트레이스는 한 단 밝은 #114431·#2E7656",
+      "#F2EFE4 실크 흰색 — 이름·부품 기호·글은 전부 실크",
+      "#E8B84B ENIG 금 — 드러난 패드·커넥터, 전류가 지나간 트레이스. 펄스 머리는 달아오른 #FFF4CC"
+    ],
+    "texture": "광택 솔더 마스크 — 면은 고르고 정지, 마스크 아래 동박 면이 한 단 밝게 비친다. 비아·장착 구멍·기준점은 금 고리. 결이 끓지 않는다",
+    "movement": "기판은 서 있고 전류만 달린다 — 펄스가 45° 꺾인 트레이스를 따라 가고, 닿은 패드·칩이 켜진다. 부품은 위에서 내려와 착 앉고 납땜이 한 번 반짝, 실크 글은 스퀴지가 지나가며 찍힌다. 저항 위에서는 펄스가 머뭇거린다(지연)"
+  },
+  "notes": [
+    "층마다 뜻 하나 — 마스크(바탕) · 동박(길) · 금(지금 쓰는 자리) · 실크(이름). 금을 장식으로 칠하지 않는다.",
+    "트레이스는 직각과 45° 만. 이을 것이 있을 때만 깐다 — 바탕에 흐르는 회로 무늬 금지.",
+    "카메라 이동 없음 — 기판을 바로 위에서 본다. 구도는 컷(다른 기판 자리)으로 바꾼다."
+  ]
+}

package/themes/circuit-board/theme.json

@@ -0,0 +1,149 @@
+{
+  "id": "circuit-board",
+  "name": "회로 기판",
+  "metaphor": "요청이 전류 펄스가 되어 트레이스를 달리고, 닿은 칩(모델)이 켜진다 — 저항은 지연, 선 굵기는 비용",
+  "status": "approved",
+  "approvedAt": "2026-10-11",
+  "purposes": [
+    "explainer",
+    "promo",
+    "shorts",
+    "launch",
+    "demo"
+  ],
+  "aspect": [
+    "16:9",
+    "9:16",
+    "1:1"
+  ],
+  "vary": {
+    "scheme": [
+      "dark"
+    ],
+    "hue": [
+      [
+        61,
+        311
+      ]
+    ],
+    "chroma": [
+      0.6,
+      1.2
+    ],
+    "tint": [
+      0,
+      0.03
+    ],
+    "fixedHue": [
+      "gold",
+      "copper",
+      "hot",
+      "accent",
+      "accentText",
+      "accentSoft",
+      "success",
+      "warning",
+      "danger"
+    ],
+    "fonts": [
+      "base",
+      "plex",
+      "pretendard-jetbrains",
+      "nanum-coding",
+      "space-mono"
+    ],
+    "texture": [
+      "none",
+      "grain"
+    ],
+    "stroke": [
+      0.8,
+      1.4
+    ],
+    "tempo": [
+      0.9,
+      1.2
+    ]
+  },
+  "tags": {
+    "mood": [
+      "정밀",
+      "기술적",
+      "전자",
+      "차분한"
+    ],
+    "light": "dark",
+    "use": [
+      "인프라",
+      "라우팅",
+      "게이트웨이",
+      "지연",
+      "비용",
+      "하드웨어",
+      "시스템"
+    ],
+    "dims": "2D"
+  },
+  "effects": [
+    {
+      "name": "boardMask",
+      "kind": "layer",
+      "does": "기판 바탕 — 솔더 마스크·동박 면·덮인 비아·장착 구멍·기준점을 한 번 그리고 선다",
+      "use": "const board = boardMask(el, { ctx, seed: \"intro\" })"
+    },
+    {
+      "name": "routeTrace",
+      "kind": "layer",
+      "does": "트레이스가 직각·45° 로 깔리고 끝 패드가 금으로 선다, width(t) 면 굵기가 바뀐다(흐르는 전류 = 비용)",
+      "use": "const wire = routeTrace(el, { ctx, points: [[144, 420], [1224, 312]], at: 0.1, dur: 0.3, width: 7 })"
+    },
+    {
+      "name": "currentPulse",
+      "kind": "layer",
+      "does": "요청 = 전류 펄스 — times 마다 트레이스를 달려 끝 패드에서 달아오른다, holds 자리에서 그 초만큼 머문다(지연)",
+      "use": "const req = currentPulse(el, { ctx, points: [[144, 420], [1224, 312]], times: [0.35, 0.7], speed: 2600, width: 7 })"
+    },
+    {
+      "name": "icChip",
+      "kind": "layer",
+      "does": "모델 = 칩 — 픽앤플레이스로 착 앉고 납땜이 반짝, 윗면에 모델 이름, hits 마다 다리와 테두리가 달아오른다",
+      "use": "const chip = icChip(el, { ctx, x: 1240, y: 268, w: 520, h: 88, label: \"gpt-6.1-sol\", ref: \"U1\", at: 0, hits: [0.9] })"
+    },
+    {
+      "name": "resistor",
+      "kind": "layer",
+      "does": "지연 = 저항 — 트레이스 위 저항과 실크 값(ms), 펄스가 머무는 동안(hot 구간) 몸체가 달아오른다",
+      "use": "const r1 = resistor(el, { ctx, x: 640, y: 330, value: \"612.5ms\", ref: \"R1\", hot: [[0.22, 0.83]] })"
+    },
+    {
+      "name": "silkText",
+      "kind": "layer",
+      "does": "실크 글 — 스퀴지가 지나간 쪽부터 찍힌다, text(t)·prints 면 박마다 새 글로 다시 찍힌다",
+      "use": "const addr = silkText(el, { ctx, text: \"apis.opengateway.ai/v1\", x: 80, y: 96, size: 74, at: 0 })"
+    },
+    {
+      "name": "sevenSeg",
+      "kind": "layer",
+      "does": "7 세그먼트 표시기 — 켜질 때 0.1초 램프 시험 뒤 값, 꺼진 세그먼트가 연기 유리 뒤로 옅게 비친다",
+      "use": "const n = sevenSeg(el, { ctx, x: 110, y: 170, h: 440, text: \"102\", at: 0 })"
+    },
+    {
+      "name": "ledArray",
+      "kind": "layer",
+      "does": "SMD LED 줄 — 자리마다 LED 가 lit(i, t) 만큼 켜진다. 개수 세기·24시간 고리·막대",
+      "use": "const leds = ledArray(el, { ctx, points, size: 22, lit: (i, t) => (t >= 0.3 + i * 0.01 ? 1 : 0) })"
+    },
+    {
+      "name": "edgeConnector",
+      "kind": "layer",
+      "does": "한 주소 = 금도금 엣지 커넥터 — 핑거가 차례로 도금되고 hits 마다 그 핀이 달아오른다(트레이스는 pcb.ts fingerPins 에서)",
+      "use": "const j1 = edgeConnector(el, { ctx, x: 80, y: 330, w: 64, h: 480, pins: 8, ref: \"J1\", hits: [{ pin: 1, t: 0.35 }] })"
+    },
+    {
+      "name": "powerOn",
+      "kind": "layer",
+      "does": "드롭 = 전원 투입 — 기판이 금빛으로 들뜨고 빛 고리가 지나간다, 흔들림을 돌려준다",
+      "use": "const s = power(t); applyStyle(frame, s.shake)  // power = powerOn(el, { ctx, drop: 0, origin: [600, 420] })"
+    }
+  ]
+}

package/themes/circuit-board/variants/deep-gold-plex.json

@@ -0,0 +1,133 @@
+{
+  "id": "deep-gold-plex",
+  "world": "circuit-board",
+  "name": "Deep Gold Plex",
+  "desc": "깊은 청록 바탕에 금빛 강조 · 단정한 기술 문서체",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1907,
+    "tint": {
+      "h": 219.9646,
+      "c": 0.0589
+    },
+    "inkL": 0.9653,
+    "hue": 140.8313,
+    "chroma": 1.0792,
+    "fonts": "plex",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1.1,
+    "radius": null,
+    "tempo": 0.91,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#00171F",
+      "surface": "#002630",
+      "raised": "#003542",
+      "line": "#005D70",
+      "ink": "#EDF7EE",
+      "inkSoft": "#CBDDE1",
+      "dim": "#83B3C2",
+      "accent": "#E7B335",
+      "accentSoft": "#5A4503",
+      "accentText": "#F3C44F",
+      "onAccent": "#00171F",
+      "success": "#E7B335",
+      "danger": "#E07A44",
+      "warning": "#E7B335",
+      "mask": "#00171F",
+      "pour": "#002630",
+      "trace": "#005D70",
+      "gold": "#E7B335",
+      "copper": "#D28041",
+      "silk": "#EDF7EE",
+      "hot": "#FFF9E5",
+      "body": "#020203"
+    },
+    "fonts": {
+      "sans": "\"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "mono": "\"IBM Plex Mono\", ui-monospace, \"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "IBM Plex Sans KR",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexsanskr/IBMPlexSansKR-Medium.ttf",
+          "weight": "500"
+        },
+        {
+          "family": "IBM Plex Sans KR",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexsanskr/IBMPlexSansKR-Bold.ttf",
+          "weight": "700"
+        },
+        {
+          "family": "IBM Plex Mono",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexmono/IBMPlexMono-Medium.ttf",
+          "weight": "500"
+        },
+        {
+          "family": "IBM Plex Mono",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexmono/IBMPlexMono-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"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 700,
+      "weightBody": 500,
+      "tracking": "-0.01em"
+    },
+    "look": {
+      "stroke": 1.1,
+      "tempo": 0.91
+    }
+  },
+  "tags": {
+    "mood": [
+      "정밀",
+      "기술적",
+      "전자",
+      "차분한",
+      "어두운",
+      "따뜻한"
+    ],
+    "light": "dark",
+    "use": [
+      "인프라",
+      "라우팅",
+      "게이트웨이",
+      "지연",
+      "비용",
+      "하드웨어",
+      "시스템"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 16.67,
+      "inkSoft": 13.08,
+      "dim": 8.04,
+      "accentText": 11.22,
+      "accent": 9.49,
+      "onAccent": 9.49,
+      "success~danger": 0.113,
+      "danger~warning": 0.113,
+      "accent~danger": 0.113,
+      "accent~ink": 0.204
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/circuit-board/variants/deep-gold.json

@@ -0,0 +1,123 @@
+{
+  "id": "deep-gold",
+  "world": "circuit-board",
+  "name": "Deep Gold",
+  "desc": "깊은 청록 바탕에 금빛 강조 · 한글까지 고정폭인 코딩 글꼴",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.1484,
+    "tint": {
+      "h": 218.953,
+      "c": 0.0363
+    },
+    "inkL": 0.9246,
+    "hue": 139.8197,
+    "chroma": 0.6644,
+    "fonts": "nanum-coding",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 0.88,
+    "radius": null,
+    "tempo": 0.98,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#000D13",
+      "surface": "#001B23",
+      "raised": "#002A34",
+      "line": "#1A505C",
+      "ink": "#E0E9E1",
+      "inkSoft": "#BED0D3",
+      "dim": "#87A3AC",
+      "accent": "#C9AA6A",
+      "accentSoft": "#483B1D",
+      "accentText": "#D6BB7B",
+      "onAccent": "#000D13",
+      "success": "#C9AA6A",
+      "danger": "#E07A44",
+      "warning": "#C9AA6A",
+      "mask": "#000D13",
+      "pour": "#001B23",
+      "trace": "#1A505C",
+      "gold": "#C9AA6A",
+      "copper": "#B07E5B",
+      "silk": "#E0E9E1",
+      "hot": "#F3ECD2",
+      "body": "#000000"
+    },
+    "fonts": {
+      "sans": "\"Nanum Gothic Coding\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "display": "\"Nanum Gothic Coding\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "mono": "\"Nanum Gothic Coding\", ui-monospace, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "faces": [
+        {
+          "family": "Nanum Gothic Coding",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/nanumgothiccoding/NanumGothicCoding-Regular.ttf",
+          "weight": "400"
+        },
+        {
+          "family": "Nanum Gothic Coding",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/nanumgothiccoding/NanumGothicCoding-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"
+        }
+      ]
+    },
+    "type": {
+      "weightDisplay": 700,
+      "weightBody": 400,
+      "tracking": "0em"
+    },
+    "look": {
+      "stroke": 0.88,
+      "tempo": 0.98
+    }
+  },
+  "tags": {
+    "mood": [
+      "정밀",
+      "기술적",
+      "전자",
+      "차분한",
+      "어두운",
+      "따뜻한"
+    ],
+    "light": "dark",
+    "use": [
+      "인프라",
+      "라우팅",
+      "게이트웨이",
+      "지연",
+      "비용",
+      "하드웨어",
+      "시스템"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 15.81,
+      "inkSoft": 12.29,
+      "dim": 7.37,
+      "accentText": 10.53,
+      "accent": 8.85,
+      "onAccent": 8.85,
+      "success~danger": 0.066,
+      "danger~warning": 0.066,
+      "accent~danger": 0.066,
+      "accent~ink": 0.186
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.roll"
+  }
+}