kasaframe 0.1.1 → 0.1.4

package/themes/glass-light/slots.ts

@@ -0,0 +1,198 @@
+import { clamp, ease, rand, type SceneCtx, type Style } from "@kasaframe/core";
+import { dropBurst } from "@kasaframe/motion";
+import type { ThemeSlots } from "@kasaframe/themes/slots";
+import { stillStage } from "@kasaframe/themes/stage3d";
+import { causticFloor, glassStudio } from "./effects.ts";
+
+// 장면 문법 패턴이 테마 이름 없이 부르는 자리 — 유리와 빛의 결로 채운다. 3D 는 surface 하나, 나머지는 DOM·캔버스 2D
+const col = (ctx: SceneCtx, k: string, fb: string) => ctx.style.colors[k] ?? fb;
+
+// 글자마다 span — inline span 이라 글꼴 크기·줄 나눔은 그대로, 색·그림자만 만진다
+function letters(el: HTMLElement, text: string): HTMLSpanElement[] {
+  el.textContent = "";
+  return Array.from(text).map((ch) => {
+    const s = document.createElement("span");
+    s.textContent = ch;
+    el.append(s);
+    return s;
+  });
+}
+
+function beside(el: HTMLElement, css: string): (fn: (d: HTMLDivElement, r: { x: number; y: number; w: number; h: number }) => void) => void {
+  let d: HTMLDivElement | null = null;
+  return (fn) => {
+    const host = (el.offsetParent as HTMLElement | null) ?? el.parentElement;
+    if (!host) return;
+    if (!d) {
+      d = document.createElement("div");
+      d.style.cssText = `position:absolute;pointer-events:none;overflow:hidden;${css}`;
+      host.append(d);
+    }
+    const a = el.getBoundingClientRect();
+    const b = host.getBoundingClientRect();
+    fn(d, { x: a.left - b.left, y: a.top - b.top, w: a.width, h: a.height });
+  };
+}
+
+export const slots: ThemeSlots = {
+  // 밝은 스튜디오 한 장 — 파랑·분홍 빛이 고인 벽과 소프트박스, 바닥에 고인 빛 무늬. 서 있다(움직이는 것은 내용 몫)
+  surface(el, { ctx }) {
+    const stage = glassStudio(el, { ctx, shots: [{ from: -1, to: 1e9, keys: [{ t: 0, pos: [0, 3.2, 15], look: [0, 2.6, 0] }] }] });
+    stage.add(causticFloor(stage, { ctx, pos: [0, 0, 0], size: 30, strength: 0.6 }));
+    return stillStage(stage, stage);
+  },
+
+  // 서리 유리 판 — 뒤를 흐리게 비추고, 기울어 미끄러져 와 서는 동안 테의 박막 무지개가 반 바퀴 돌아 선다
+  panel(el, { ctx, at, seed, tone }) {
+    const r = ctx.style.radius?.lg ?? 22;
+    const accent = tone === "accent";
+    const tint = accent ? `${col(ctx, "accent", "#2F6BFF")}2E` : "#FFFFFF40";
+    const p = document.createElement("div");
+    p.style.cssText = `position:absolute;inset:0;border-radius:${r}px;background:linear-gradient(135deg,#FFFFFF8C,${tint} 55%,#FFFFFF33);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 18px 44px ${col(ctx, "accentText", "#1F55DB")}2E,inset 0 1px 0 #FFFFFFE6,inset 0 -1px 0 #FFFFFF55;transform-origin:50% 100%;pointer-events:none;`;
+    const rim = document.createElement("div");
+    rim.style.cssText = `position:absolute;inset:0;border-radius:${r}px;padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.85;`;
+    p.append(rim);
+    el.prepend(p);
+    const phase = rand(seed, 0) * 360;
+    return (t) => {
+      const on = t >= at;
+      p.style.display = on ? "" : "none";
+      if (!on) return;
+      const u = ease.outCubic(clamp((t - at) / 0.42));
+      p.style.opacity = String(clamp((t - at) / 0.15));
+      p.style.transform = `perspective(900px) translateY(${(1 - u) * 26}px) rotateX(${(1 - u) * 26}deg)`;
+      rim.style.background = `conic-gradient(from ${phase + 180 * u}deg, #FFFFFF, #9DB8FF, #FFFFFF 25%, #FF9DB7 40%, #FFFFFF 55%, #A8F0D8 70%, #FFFFFF 85%, #9DB8FF)`;
+    };
+  },
+
+  // 기울어 미끄러져 앉고, 소프트박스 반사 띠가 한 번 지나간다
+  land(el, { at }) {
+    const sheen = beside(el, "mix-blend-mode:screen;");
+    return (t): Style => {
+      const k = t - at;
+      if (k < 0 || k > 0.6) {
+        if (k > 0.6) sheen((d) => (d.style.opacity = "0"));
+        return {};
+      }
+      const u = ease.outCubic(clamp(k / 0.4));
+      sheen((d, r) => {
+        Object.assign(d.style, { left: `${r.x}px`, top: `${r.y}px`, width: `${r.w}px`, height: `${r.h}px`, borderRadius: "12px" });
+        const x = -40 + 180 * ease.inOutCubic(clamp((k - 0.12) / 0.45));
+        d.style.background = `linear-gradient(105deg,#FFFFFF00 ${x - 18}%,#FFFFFFCC ${x}%,#FFFFFF00 ${x + 18}%)`;
+        d.style.opacity = String(1 - clamp((k - 0.5) / 0.1));
+      });
+      return { y: -16 * (1 - u), rotateX: 20 * (1 - u), opacity: clamp(k / 0.12) };
+    };
+  },
+
+  // 유리 앞면에 맺히는 글 — 글자마다 흐린 빛 번짐에서 또렷한 짙은 글로 맺힌다
+  write(el, { ctx, text, at, dur }) {
+    const ink = col(ctx, "ink", "#11151D");
+    const spans = letters(el, text);
+    const n = Math.max(1, spans.length);
+    return (t) => {
+      spans.forEach((s, i) => {
+        const k = t - (at + (dur * i) / n);
+        if (t >= at + dur || k >= 0.22) {
+          s.style.opacity = "1";
+          s.style.color = ink;
+          s.style.textShadow = "";
+          return;
+        }
+        s.style.opacity = k < 0 ? "0" : "1";
+        const a = clamp(k / 0.22);
+        s.style.color = `color-mix(in srgb, ${ink} ${Math.round(a * 100)}%, transparent)`;
+        s.style.textShadow = `0 0 ${(0.35 * (1 - a)).toFixed(3)}em ${ink}`;
+      });
+    };
+  },
+
+  // 프리즘 빛 — 짙은 선이 그어지고 다 그은 뒤 색 줄이 양옆으로 갈라져 선다. 선 안으로는 흰 빛 한 점이 그은 쪽으로 흐른다
+  trace(el, { ctx, points, at, dur, tone }) {
+    const ns = "http://www.w3.org/2000/svg";
+    const svg = document.createElementNS(ns, "svg");
+    svg.setAttribute("style", "position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;");
+    const d = points.map(([x, y], i) => `${i ? "L" : "M"}${x.toFixed(1)} ${y.toFixed(1)}`).join(" ");
+    const len = points.slice(1).reduce((s, [x, y], i) => s + Math.hypot(x - points[i][0], y - points[i][1]), 0) || 1;
+    const mk = (w: number, color: string, op: number) => {
+      const p = document.createElementNS(ns, "path");
+      p.setAttribute("d", d);
+      p.setAttribute("fill", "none");
+      p.setAttribute("stroke", color);
+      p.setAttribute("stroke-width", String(w));
+      p.setAttribute("stroke-linecap", "round");
+      p.setAttribute("stroke-linejoin", "round");
+      p.setAttribute("opacity", String(op));
+      p.setAttribute("stroke-dasharray", `${len} ${len}`);
+      svg.append(p);
+      return p;
+    };
+    const glow = mk(12, col(ctx, tone === "accent" ? "accent" : "rim", "#7FA6FF"), 0.25);
+    glow.setAttribute("style", "filter:blur(5px)");
+    const hues = ["#FF6B8B", "#FFC94D", "#4FD8A8", "#5B8CFF"].map((c) => mk(2, c, 0.85));
+    const core = mk(3.5, col(ctx, tone === "accent" ? "accentText" : "inkSoft", "#2A3140"), 1);
+    const spark = mk(5, "#FFFFFF", 0.95);
+    spark.setAttribute("stroke-dasharray", `${Math.min(70, len * 0.1)} ${len}`);
+    el.append(svg);
+    return (t) => {
+      svg.style.display = t >= at ? "" : "none";
+      const u = ease.inOutCubic(clamp((t - at) / Math.max(0.01, dur)));
+      for (const p of [glow, core, ...hues]) p.setAttribute("stroke-dashoffset", String(len * (1 - u)));
+      const split = 3.2 * ease.outCubic(clamp((t - at - dur) / 0.4));
+      hues.forEach((p, i) => p.setAttribute("transform", `translate(0 ${((i - 1.5) * split).toFixed(2)})`));
+      const head = u < 1 ? len * u : (len * ((t - at - dur) * 0.5 + 1)) % len;
+      spark.setAttribute("stroke-dashoffset", String(-head + Math.min(70, len * 0.1)));
+    };
+  },
+
+  // 드롭 — 하얀 섬광과 함께 유리 조각이 사방으로 튄다
+  drop(el, { ctx, drop }) {
+    const flash = document.createElement("div");
+    flash.style.cssText = "position:absolute;inset:0;background:#FFFFFF;opacity:0;pointer-events:none;";
+    const cv = document.createElement("canvas");
+    cv.width = ctx.meta.width / 2;
+    cv.height = ctx.meta.height / 2;
+    cv.style.cssText = "position:absolute;inset:0;width:100%;height:100%;pointer-events:none;";
+    el.append(cv, flash);
+    const g = cv.getContext("2d")!;
+    const seed = `shard:${ctx.id}`;
+    const rim = col(ctx, "rim", "#7FA6FF");
+    const warm = col(ctx, "warm", "#FF9DB7");
+    const shards = Array.from({ length: 46 }, (_, i) => {
+      const a = rand(seed, i) * Math.PI * 2;
+      const sp = 0.3 + rand(seed, i + 77) * 0.6;
+      return { vx: Math.cos(a) * sp, vy: Math.sin(a) * sp * 0.7 - 0.35, spin: (rand(seed, i + 155) - 0.5) * 10, s: 10 + rand(seed, i + 233) * 18, c: i % 3 ? rim : warm };
+    });
+    return (t) => {
+      const s = dropBurst(t, { beats: ctx.beats, drop, rules: ctx.style.motion, scene: ctx.id, source: "glass-light:drop" });
+      flash.style.opacity = String(Math.round(s.flash * 85) / 100);
+      const k = t - ctx.beats.drop(drop);
+      g.clearRect(0, 0, cv.width, cv.height);
+      if (k >= 0 && k < 1.4) {
+        const [cx, cy] = [cv.width / 2, cv.height / 2];
+        g.globalAlpha = 1 - clamp((k - 1) / 0.4);
+        for (const b of shards) {
+          g.save();
+          g.translate(cx + b.vx * k * cv.height, cy + (b.vy * k + 0.6 * k * k) * cv.height);
+          g.rotate(b.spin * k);
+          const grad = g.createLinearGradient(-b.s, -b.s, b.s, b.s);
+          grad.addColorStop(0, "#FFFFFFEE");
+          grad.addColorStop(1, `${b.c}88`);
+          g.fillStyle = grad;
+          g.strokeStyle = "#FFFFFF";
+          g.lineWidth = 1.2;
+          g.beginPath();
+          g.moveTo(0, -b.s);
+          g.lineTo(b.s * 0.7, b.s * 0.6);
+          g.lineTo(-b.s * 0.8, b.s * 0.4);
+          g.closePath();
+          g.fill();
+          g.stroke();
+          g.restore();
+        }
+        g.globalAlpha = 1;
+      }
+      return s;
+    };
+  },
+};

package/themes/glass-light/style.json

@@ -0,0 +1,94 @@
+{
+  "name": "glass-light",
+  "label": "유리와 빛 — 정보가 유리에 맺히고 빛이 갈라진다",
+  "scheme": "light",
+  "colors": {
+    "bg": "#E8ECF2",
+    "surface": "#F6F8FB",
+    "raised": "#DCE2EB",
+    "line": "#C4CCD8",
+    "ink": "#11151D",
+    "inkSoft": "#2A3140",
+    "dim": "#5B6577",
+    "accent": "#2F6BFF",
+    "accentSoft": "#9DB8FF",
+    "accentText": "#1F55DB",
+    "onAccent": "#FFFFFF",
+    "success": "#1F9D6B",
+    "danger": "#D9443A",
+    "warning": "#E08A1E",
+    "glass": "#DDE8FF",
+    "rim": "#7FA6FF",
+    "warm": "#FF9DB7"
+  },
+  "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": 170,
+    "title": 86,
+    "body": 40,
+    "caption": 30,
+    "weightDisplay": 800,
+    "weightBody": 600,
+    "tracking": "-0.015em"
+  },
+  "radius": {
+    "sm": 10,
+    "md": 18,
+    "lg": 28,
+    "pill": 999
+  },
+  "shadow": {
+    "soft": "none",
+    "lift": "none"
+  },
+  "motion": {
+    "beatPulse": "drops-only",
+    "shake": {
+      "on": [
+        "drop"
+      ],
+      "maxPerPhrase": 1,
+      "maxPx": 8
+    },
+    "cameraMove": "free",
+    "repeatSameMove": false,
+    "maxFreezeSec": 0.1,
+    "enter": "fade",
+    "ease": "outCubic",
+    "durations": {
+      "fast": 0.12,
+      "base": 0.35,
+      "slow": 0.8
+    }
+  },
+  "theme": {
+    "inks": [
+      "#E8ECF2 밝은 스튜디오",
+      "#11151D 짙은 글",
+      "#2F6BFF OG 파랑 빛(강조)",
+      "무지개는 잉크가 아니라 분산 — 유리 가장자리와 프리즘에서만"
+    ],
+    "texture": "서리 낀 유리(거칠기 0.15–0.3)·굴절·무지개 분산, 바닥에 늘 흐르는 커스틱 빛 무늬, 부드러운 그림자",
+    "movement": "유리판이 공중에서 미끄러져 와 살짝 기울며 앉고 선다(떠다니지 않는다). 유리가 앉을 때마다 바닥 빛 무늬가 다시 모여 옮겨 간다. 카메라는 박에 맞춘 키로만 다가가고 물러나고 그 사이엔 선다. 마디마다 컷, 박마다 판이 서거나 빛이 갈라진다"
+  },
+  "notes": [
+    "출처: OG 캠페인 유리 타일, crazygl 유리 캡슐, canvasui 유리 오브젝트, ollin 커스틱.",
+    "글은 유리판 앞면에 박는다 — 서리 유리 뒤 글은 흐려 안 읽힌다."
+  ]
+}

package/themes/glass-light/theme.json

@@ -0,0 +1,119 @@
+{
+  "id": "glass-light",
+  "name": "유리와 빛",
+  "metaphor": "정보가 유리판에 맺히고, 빛이 유리를 지나며 갈라지고 모인다",
+  "status": "approved",
+  "approvedAt": "2026-10-11",
+  "purposes": [
+    "launch",
+    "promo",
+    "ad",
+    "square",
+    "shorts"
+  ],
+  "aspect": [
+    "16:9",
+    "9:16"
+  ],
+  "vary": {
+    "scheme": [
+      "light"
+    ],
+    "hue": [
+      [
+        0,
+        360
+      ]
+    ],
+    "chroma": [
+      0.8,
+      1.15
+    ],
+    "tint": [
+      0,
+      0.03
+    ],
+    "fonts": [
+      "base",
+      "suit",
+      "wanted",
+      "plex",
+      "gothic-a1",
+      "gowun-batang"
+    ],
+    "texture": [
+      "none"
+    ],
+    "tempo": [
+      0.9,
+      1.2
+    ]
+  },
+  "tags": {
+    "mood": [
+      "세련된",
+      "깨끗한",
+      "고급",
+      "밝은"
+    ],
+    "light": "light",
+    "use": [
+      "제품 공개",
+      "광고",
+      "브랜드",
+      "디자인",
+      "홍보"
+    ],
+    "dims": "3D"
+  },
+  "effects": [
+    {
+      "name": "glassStudio",
+      "kind": "layer",
+      "does": "유리 스튜디오 — 밝은 무대, 방 빛 환경 맵, 그림자 바닥, 파랑·분홍 빛 벽과 테두리 빛. 카메라는 박에 맞춘 키로만 다가가고 물러나고 올라간다",
+      "use": "const stage = glassStudio(root, { ctx, shots: [{ from: 0, to: 1.4, keys: [{ t: 0, pos: [0, 4.6, 20], look: [0, 3.4, 0] }, { t: b[2], pos: [0, 4.2, 16], look: [0, 3.3, 0], ease: \"outCubic\" }] }] })"
+    },
+    {
+      "name": "causticFloor",
+      "kind": "rig",
+      "does": "바닥 커스틱 — 유리가 모은 빛 무늬. 유리가 앉을 때마다(moves) 빛이 다시 모여 무늬가 옮겨 가고, 그 사이엔 선다",
+      "use": "stage.add(causticFloor(stage, { ctx, pos: [0, 0, 0], size: 26, moves: beats }))"
+    },
+    {
+      "name": "glassTile",
+      "kind": "rig",
+      "does": "유리 타일 — 서리 유리판이 공중에서 미끄러져 와 서고 앞면에 글이 맺힌다, grow 면 기둥처럼 솟고 focus 구간엔 앞으로 나와 커진다",
+      "use": "stage.add(glassTile(stage, { ctx, text: \"OpenAI\", pos: [0, 3, 0], size: [3.4, 1.3], at }))"
+    },
+    {
+      "name": "prismBeam",
+      "kind": "rig",
+      "does": "프리즘 빛 — 흰 빛이 삼각 유리를 지나 여러 색으로 갈라진다(reverse 면 모여 한 줄기)",
+      "use": "stage.add(prismBeam(stage, { ctx, pos: [0, 3.4, 0], at: 0, reverse: true }))"
+    },
+    {
+      "name": "lensSweep",
+      "kind": "rig",
+      "does": "렌즈 — 둥근 유리 테가 박마다 다음 글 판으로 옮겨 그 판을 감싼다(판보다 큰 빈 테 — 글을 가리지 않는다). 키우는 일은 그 글 판의 focus",
+      "use": "stage.add(lensSweep(stage, { ctx, size: [11.4, 1.5], stops: beats.map((t, k) => ({ t, pos: [rows[k][0], rows[k][1], 1.45] })) }))"
+    },
+    {
+      "name": "lightRing",
+      "kind": "rig",
+      "does": "빛 고리 — 유리 큐브 24 개가 하루를 두르고 밤 창 큐브가 파랗게 빛나다 -90% 로 잦아든다",
+      "use": "stage.add(lightRing(stage, { ctx, pos: [0, 0, 0], drop: 1.2, window: [0, 10] }))"
+    },
+    {
+      "name": "glassLogo",
+      "kind": "rig",
+      "does": "유리 로고 — 모양들을 두께 있는 유리로 밀어내 무지개 분산으로 빛나게, 돌며 들어와 선다",
+      "use": "stage.add(glassLogo(stage, { ctx, shapes, pos: [0, 4, 0], width: 7, at }))"
+    },
+    {
+      "name": "shatterFlash",
+      "kind": "rig",
+      "does": "드롭 — 하얀 섬광과 함께 유리 조각이 사방으로 튄다, 흔들림(dropBurst)",
+      "use": "stage.add(shatterFlash(stage, { ctx, pos: [0, 3.6, 0], drop: 0 }))"
+    }
+  ]
+}

package/themes/glass-light/variants/blush-coral.json

@@ -0,0 +1,116 @@
+{
+  "id": "blush-coral",
+  "world": "glass-light",
+  "name": "Blush Coral",
+  "desc": "연분홍 바탕에 산호색 강조 · 단정한 바탕체 제목에 고딕 본문",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9695,
+    "tint": {
+      "h": 357.1508,
+      "c": 0.0205
+    },
+    "inkL": 0.1518,
+    "hue": 22.631,
+    "chroma": 1.0794,
+    "fonts": "gowun-batang",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": null,
+    "tempo": 1.19,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#FFF1F5",
+      "surface": "#FFFFFF",
+      "raised": "#F4E5ED",
+      "line": "#D9CDD8",
+      "ink": "#0E0A0F",
+      "inkSoft": "#2B2733",
+      "dim": "#625E6E",
+      "accent": "#E10030",
+      "accentSoft": "#FFA297",
+      "accentText": "#B60025",
+      "onAccent": "#FFFFFF",
+      "success": "#1F9D6B",
+      "danger": "#E75246",
+      "warning": "#E08A1E",
+      "glass": "#F5ECFF",
+      "rim": "#FB837D",
+      "warm": "#B5D06D"
+    },
+    "fonts": {
+      "sans": "\"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"Gowun Batang\", \"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": "Gowun Batang",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/gowunbatang/GowunBatang-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": "-0.01em"
+    },
+    "look": {
+      "tempo": 1.19
+    }
+  },
+  "tags": {
+    "mood": [
+      "세련된",
+      "깨끗한",
+      "고급",
+      "밝은",
+      "따뜻한",
+      "고전적"
+    ],
+    "light": "light",
+    "use": [
+      "제품 공개",
+      "광고",
+      "브랜드",
+      "디자인",
+      "홍보"
+    ],
+    "dims": "3D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 17.89,
+      "inkSoft": 13.33,
+      "dim": 5.73,
+      "accentText": 6.33,
+      "accent": 4.51,
+      "onAccent": 4.96,
+      "success~danger": 0.076,
+      "success~warning": 0.079,
+      "danger~warning": 0.077,
+      "accent~danger": 0.047,
+      "accent~ink": 0.303
+    },
+    "frame": "kf check 통과 — 끝 구간 3.183–4초(입체라 가볍게)·끝 프레임 한 장",
+    "pattern": "hook-number.roll"
+  }
+}

package/themes/glass-light/variants/blush-orange.json

@@ -0,0 +1,115 @@
+{
+  "id": "blush-orange",
+  "world": "glass-light",
+  "name": "Blush Orange",
+  "desc": "연분홍 바탕에 주황 강조 · 폭 넓고 힘 있는 브랜드 고딕",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9305,
+    "tint": {
+      "h": 31.1842,
+      "c": 0.0183
+    },
+    "inkL": 0.2067,
+    "hue": 44.9342,
+    "chroma": 0.9539,
+    "fonts": "wanted",
+    "texture": {
+      "kind": "none",
+      "amount": 0
+    },
+    "stroke": 1,
+    "radius": null,
+    "tempo": 1.18,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#F4E4E1",
+      "surface": "#FFF0EB",
+      "raised": "#E8DADA",
+      "line": "#D0C5C9",
+      "ink": "#1A1619",
+      "inkSoft": "#34313A",
+      "dim": "#66636E",
+      "accent": "#C65100",
+      "accentSoft": "#EDA57E",
+      "accentText": "#A54200",
+      "onAccent": "#FCFCFC",
+      "success": "#1C9B69",
+      "danger": "#BD2621",
+      "warning": "#DE891B",
+      "glass": "#E9E0EE",
+      "rim": "#EA8C5D",
+      "warm": "#8ED08D"
+    },
+    "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": {
+      "tempo": 1.18
+    }
+  },
+  "tags": {
+    "mood": [
+      "세련된",
+      "깨끗한",
+      "고급",
+      "밝은",
+      "따뜻한"
+    ],
+    "light": "light",
+    "use": [
+      "제품 공개",
+      "광고",
+      "브랜드",
+      "디자인",
+      "홍보"
+    ],
+    "dims": "3D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-11",
+    "colors": {
+      "ink": 14.49,
+      "inkSoft": 10.3,
+      "dim": 4.75,
+      "accentText": 5.04,
+      "accent": 3.71,
+      "onAccent": 4.45,
+      "success~danger": 0.103,
+      "success~warning": 0.078,
+      "danger~warning": 0.18,
+      "accent~danger": 0.05,
+      "accent~ink": 0.319
+    },
+    "frame": "kf check 통과 — 끝 구간 3.183–4초(입체라 가볍게)·끝 프레임 한 장",
+    "pattern": "hook-number.roll"
+  }
+}