kasaframe 0.1.3 → 0.1.5

package/themes/data-journal/style.json

@@ -0,0 +1,114 @@
+{
+  "name": "data-journal",
+  "label": "데이터 저널 — 편집된 차트 위에서 강조 한 색이 값을 짚는다",
+  "scheme": "light",
+  "colors": {
+    "bg": "#FFF1E5",
+    "surface": "#FFF8F1",
+    "raised": "#F2DFCE",
+    "line": "#E3CDBA",
+    "ink": "#2B2724",
+    "inkSoft": "#45403C",
+    "dim": "#6B625C",
+    "accent": "#B8233C",
+    "accentSoft": "#F1C9CC",
+    "accentText": "#9C1A31",
+    "onAccent": "#FFFFFF",
+    "success": "#0D7680",
+    "danger": "#C9561C",
+    "warning": "#9A6B00",
+    "context": "#B9AA9C",
+    "band": "#F0DDCB",
+    "grid": "#E6D3C2"
+  },
+  "fonts": {
+    "sans": "\"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+    "display": "Hahmlet, \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", serif",
+    "mono": "\"IBM Plex Mono\", ui-monospace, \"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+    "faces": [
+      {
+        "family": "Hahmlet",
+        "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/hahmlet/Hahmlet%5Bwght%5D.ttf",
+        "weight": "100 900"
+      },
+      {
+        "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": {
+    "hero": 200,
+    "title": 84,
+    "body": 40,
+    "caption": 30,
+    "weightDisplay": 700,
+    "weightBody": 500,
+    "tracking": "-0.01em"
+  },
+  "radius": {
+    "sm": 2,
+    "md": 4,
+    "lg": 6,
+    "pill": 999
+  },
+  "shadow": {
+    "soft": "none",
+    "lift": "none"
+  },
+  "motion": {
+    "beatPulse": "drops-only",
+    "shake": {
+      "on": [
+        "drop"
+      ],
+      "maxPerPhrase": 1,
+      "maxPx": 6
+    },
+    "cameraMove": "free",
+    "repeatSameMove": false,
+    "maxFreezeSec": 0.1,
+    "enter": "fade",
+    "ease": "outCubic",
+    "durations": {
+      "fast": 0.12,
+      "base": 0.32,
+      "slow": 0.7
+    }
+  },
+  "theme": {
+    "inks": [
+      "#FFF1E5 연어색 신문 종이",
+      "#2B2724 짙은 글·바닥선",
+      "#B9AA9C 회갈색 맥락(대부분의 막대·선·점)",
+      "#B8233C 강조 한 색 — 화면마다 하나의 값만"
+    ],
+    "texture": "평면 종이, 그림자 없음. 가로 눈금선만 1px 옅게, 바닥선 하나 진하게. 직접 라벨·가는 지시선 주석·옅은 구간 띠",
+    "movement": "선은 왼쪽에서 오른쪽으로 그어지고 막대는 바닥에서 자라고 점은 하나씩 앉는다. 쉬지 않는 몫은 짚어 읽는 커서와 값 상자 — 박마다 다음 값에 닿고 그 사이엔 차트 위를 미끄러진다. 큰 숫자는 세어 오른다"
+  },
+  "notes": [
+    "출처: Datawrapper 구간 강조·주석·직접 라벨 예시, FT Visual Vocabulary.",
+    "강조색은 한 화면에 한 값. 작은 글은 ink·dim 으로 — 강조색 작은 글은 accentText."
+  ]
+}

package/themes/data-journal/theme.json

@@ -0,0 +1,142 @@
+{
+  "id": "data-journal",
+  "name": "데이터 저널",
+  "metaphor": "신문 데이터 면처럼 편집된 차트 위에서 강조 한 색이 값을 짚고, 독자의 커서가 점을 하나씩 짚어 읽는다",
+  "status": "approved",
+  "approvedAt": "2026-10-11",
+  "purposes": [
+    "explainer",
+    "shorts",
+    "promo",
+    "launch",
+    "square"
+  ],
+  "aspect": [
+    "16:9",
+    "9:16"
+  ],
+  "vary": {
+    "scheme": [
+      "light",
+      "dark"
+    ],
+    "hue": [
+      [
+        0,
+        360
+      ]
+    ],
+    "chroma": [
+      0.85,
+      1.15
+    ],
+    "tint": [
+      0,
+      0.04
+    ],
+    "fonts": [
+      "base",
+      "myeongjo",
+      "gowun-batang",
+      "plex",
+      "gothic-a1",
+      "plex-mono",
+      "tag:serif+newspaper",
+      "tag:sans+data"
+    ],
+    "texture": [
+      "none",
+      "paper"
+    ],
+    "radius": [
+      0,
+      6
+    ],
+    "tempo": [
+      0.9,
+      1.15
+    ]
+  },
+  "tags": {
+    "mood": [
+      "신뢰",
+      "차분한",
+      "정확한",
+      "편집된",
+      "지면"
+    ],
+    "light": "light",
+    "use": [
+      "비교",
+      "가격",
+      "벤치마크",
+      "통계",
+      "순위",
+      "설명",
+      "보고서"
+    ],
+    "dims": "2D"
+  },
+  "effects": [
+    {
+      "name": "paperPage",
+      "kind": "layer",
+      "does": "지면 — 연어색 신문 종이 한 장과 옅은 섬유 결, 서 있다",
+      "use": "const paper = paperPage(root, { ctx, seed: ctx.id })"
+    },
+    {
+      "name": "headline",
+      "kind": "layer",
+      "does": "제목·부제·머리말·출처 — 낱말(chars 면 글자)이 아래에서 차례로 올라와 앉는다. kind 가 위계(head 세리프·dek·kicker 강조 머리말과 짧은 줄·source 작은 회색·mono), swap 이면 그 시각에 글이 갈려 든다",
+      "use": "paints.push(headline(el, { ctx, text: \"회사별 모델 수\", x: 140, y: 150, at: 0.02, kind: \"head\" }))"
+    },
+    {
+      "name": "barRank",
+      "kind": "layer",
+      "does": "막대 순위 — 이름 · 바닥선에서 자라는 막대 · 끝 값. 회갈색 맥락 사이 강조 하나(hot). end(i) 로 막대 끝 자리",
+      "use": "const rows = barRank(el, { ctx, x: 140, y: 400, w: 1640, rowH: 150, items: [{ label: \"gpt-5.4-nano\", value: 612.5, text: \"612.5ms\", hot: true }], at: b[0] }); paints.push(rows)"
+    },
+    {
+      "name": "lineSeries",
+      "kind": "layer",
+      "does": "선 그래프 — 가로 눈금선과 바닥선, 회색 맥락선 위 강조선이 왼쪽에서 오른쪽으로 그어지고 끝에 점·직접 라벨. step 이면 계단(시간대 가격표), dots 면 점마다. px·py 로 같은 눈금",
+      "use": "const plot = lineSeries(el, { ctx, x: 260, y: 300, w: 1440, h: 520, xDomain: [0, 24], yDomain: [0, 0.35], series: [{ points: [[0, 0.03], [10, 0.3], [24, 0.3]], hot: true, step: true }], at: 0, yTicks: [0, 0.1, 0.2, 0.3] }); paints.push(plot)"
+    },
+    {
+      "name": "dotStrip",
+      "kind": "layer",
+      "does": "점 줄 그림 = 하나하나 세는 단위 — 점 하나가 항목 하나, 열마다 쌓이고 강조 열만 강조색. scatter 면 흩어져 떠올랐다가 gather 에 열로 모인다, loose 는 목록 밖 점. shown(t)·at(k, t)",
+      "use": "const dots = dotStrip(el, { ctx, x: 240, y: 900, cols: [{ label: \"OpenAI\", count: 41, hot: true }], dot: 22, perRow: 2, at: 0, dur: 1.2, counts: true }); paints.push(dots)"
+    },
+    {
+      "name": "slopeLines",
+      "kind": "layer",
+      "does": "기울기 차트 = 전·후(할인·개선) — 두 세로 기준선 사이를 값 선이 잇고, 양끝 점과 값 글. 쌍마다 at",
+      "use": "paints.push(slopeLines(el, { ctx, x0: 720, x1: 1320, y: 300, h: 560, domain: [0, 1.3], headers: [\"정가\", \"00–10시\"], pairs: [{ label: \"입력\", from: 0.3, to: 0.03, fromText: \"$0.30\", toText: \"$0.03\", hot: true, at: b[1] }], at: 0 }))"
+    },
+    {
+      "name": "rangeBand",
+      "kind": "layer",
+      "does": "구간 띠 = 예외·특별 구간(시간대·폴백 구간) — 옅은 띠나 사선 빗금이 왼쪽에서 쓸려 들고 위에 머리 글",
+      "use": "paints.push(rangeBand(el, { ctx, x: plot.px(0), y: 300, w: plot.px(10) - plot.px(0), h: 520, at: 0, hatch: true, label: \"00:00-10:00 KST\" }))"
+    },
+    {
+      "name": "annotation",
+      "kind": "layer",
+      "does": "주석 = 짚어 설명하는 글 — 가는 지시선이 글에서 값까지 휘어 그어지고 끝에 고리, 글은 그다음 떠오른다(to 가 없으면 글만)",
+      "use": "paints.push(annotation(el, { ctx, text: \"-90% · $0.30 → $0.03\", x: plot.px(1), y: 500, to: [plot.px(5), plot.py(0.03)], at: b[2] }))"
+    },
+    {
+      "name": "bigNumber",
+      "kind": "layer",
+      "does": "큰 숫자 — 짧은 강조 줄 아래 숫자가 세어 오르고 작은 라벨, track 이면 그 값을 그대로 센다. drop 이면 강조 띠가 뒤를 훑고 한 번 튄다(섬광·흔들림 dropBurst, shakeEl)",
+      "use": "paints.push(bigNumber(el, { ctx, x: 140, y: 470, value: 102, at: 0, size: 360, label: \"모델\", drop: 0, shakeEl: frame }))"
+    },
+    {
+      "name": "readout",
+      "kind": "layer",
+      "does": "짚어 읽는 커서 = 독자의 눈 — 고리·세로 기준선·짙은 값 상자가 박마다 다음 값에 닿고 그 사이엔 차트 위를 미끄러진다(서지 않는다). below 면 상자를 점 아래에",
+      "use": "paints.push(readout(el, { ctx, stops: [{ t: b[1], at: rows.end(0), text: \"gpt-5.4-nano · 612.5ms\" }], floor: plot.py(0) }))"
+    }
+  ]
+}

package/themes/data-journal/variants/blush-green.json

@@ -0,0 +1,129 @@
+{
+  "id": "blush-green",
+  "world": "data-journal",
+  "name": "Blush Green",
+  "desc": "연분홍 바탕에 초록 강조 · 굵은 명조 제목에 고딕 본문 · 종이 결",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9654,
+    "tint": {
+      "h": 35.0711,
+      "c": 0.0337
+    },
+    "inkL": 0.1828,
+    "hue": 138.9037,
+    "chroma": 0.9791,
+    "fonts": "myeongjo",
+    "texture": {
+      "kind": "paper",
+      "amount": 0.8
+    },
+    "stroke": 1,
+    "radius": 2,
+    "tempo": 1.02,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#FFF0EC",
+      "surface": "#FFF8F7",
+      "raised": "#F9D8CC",
+      "line": "#E7C4B6",
+      "ink": "#151113",
+      "inkSoft": "#312B2C",
+      "dim": "#5C4F4F",
+      "accent": "#226700",
+      "accentSoft": "#C5D7BA",
+      "accentText": "#1A5100",
+      "onAccent": "#FFFFFF",
+      "success": "#0D7680",
+      "danger": "#C9561C",
+      "warning": "#9A6B00",
+      "context": "#B69D95",
+      "band": "#F7D6C9",
+      "grid": "#EBCBBF"
+    },
+    "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"
+    },
+    "radius": {
+      "sm": 1,
+      "md": 2,
+      "lg": 3,
+      "pill": 999
+    },
+    "look": {
+      "texture": {
+        "kind": "paper",
+        "amount": 0.8
+      },
+      "tempo": 1.02
+    }
+  },
+  "tags": {
+    "mood": [
+      "신뢰",
+      "차분한",
+      "정확한",
+      "편집된",
+      "지면",
+      "밝은",
+      "아날로그",
+      "고전적"
+    ],
+    "light": "light",
+    "use": [
+      "비교",
+      "가격",
+      "벤치마크",
+      "통계",
+      "순위",
+      "설명",
+      "보고서"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 16.87,
+      "inkSoft": 12.53,
+      "dim": 7.05,
+      "accentText": 8.53,
+      "accent": 6.32,
+      "onAccent": 7.02,
+      "success~danger": 0.131,
+      "success~warning": 0.137,
+      "accent~danger": 0.044,
+      "accent~ink": 0.28
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/data-journal/variants/chalk-magenta.json

@@ -0,0 +1,138 @@
+{
+  "id": "chalk-magenta",
+  "world": "data-journal",
+  "name": "Chalk Magenta",
+  "desc": "분필빛 바탕에 자홍 강조 · 단정한 기술 문서체 · 종이 결",
+  "params": {
+    "scheme": "light",
+    "bgL": 0.9393,
+    "tint": {
+      "h": 232.5174,
+      "c": 0.0009
+    },
+    "inkL": 0.1613,
+    "hue": 342.6329,
+    "chroma": 1.0069,
+    "fonts": "plex",
+    "texture": {
+      "kind": "paper",
+      "amount": 0.8
+    },
+    "stroke": 1,
+    "radius": 1,
+    "tempo": 1.01,
+    "density": 1
+  },
+  "style": {
+    "scheme": "light",
+    "colors": {
+      "bg": "#EAEBEB",
+      "surface": "#EBF2F8",
+      "raised": "#DCD7D2",
+      "line": "#CBC3BC",
+      "ink": "#080E13",
+      "inkSoft": "#22282D",
+      "dim": "#494C51",
+      "accent": "#8B0069",
+      "accentSoft": "#DDBDD3",
+      "accentText": "#6E0052",
+      "onAccent": "#F1F9FF",
+      "success": "#0D7680",
+      "danger": "#C9561C",
+      "warning": "#9A6B00",
+      "context": "#9D9C99",
+      "band": "#D9D5CF",
+      "grid": "#CECAC5"
+    },
+    "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"
+    },
+    "radius": {
+      "sm": 1,
+      "md": 1,
+      "lg": 2,
+      "pill": 999
+    },
+    "look": {
+      "texture": {
+        "kind": "paper",
+        "amount": 0.8
+      },
+      "tempo": 1.01
+    }
+  },
+  "tags": {
+    "mood": [
+      "신뢰",
+      "차분한",
+      "정확한",
+      "편집된",
+      "지면",
+      "밝은",
+      "아날로그"
+    ],
+    "light": "light",
+    "use": [
+      "비교",
+      "가격",
+      "벤치마크",
+      "통계",
+      "순위",
+      "설명",
+      "보고서"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 16.21,
+      "inkSoft": 12.47,
+      "dim": 7.17,
+      "accentText": 9.88,
+      "accent": 7.61,
+      "onAccent": 8.54,
+      "success~danger": 0.131,
+      "success~warning": 0.137,
+      "accent~danger": 0.175,
+      "accent~ink": 0.207
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}

package/themes/data-journal/variants/cocoa-amber.json

@@ -0,0 +1,140 @@
+{
+  "id": "cocoa-amber",
+  "world": "data-journal",
+  "name": "Cocoa Amber",
+  "desc": "코코아빛 바탕에 호박색 강조 · 고정폭 라틴 제목에 Plex 한글 · 종이 결",
+  "params": {
+    "scheme": "dark",
+    "bgL": 0.2195,
+    "tint": {
+      "h": 91.6619,
+      "c": 0.0577
+    },
+    "inkL": 0.9193,
+    "hue": 75.9488,
+    "chroma": 0.9364,
+    "fonts": "plex-mono",
+    "texture": {
+      "kind": "paper",
+      "amount": 0.8
+    },
+    "stroke": 1,
+    "radius": 2,
+    "tempo": 1.11,
+    "density": 1
+  },
+  "style": {
+    "scheme": "dark",
+    "colors": {
+      "bg": "#221900",
+      "surface": "#1C1700",
+      "raised": "#322500",
+      "line": "#433101",
+      "ink": "#E4E6D9",
+      "inkSoft": "#C5C5B4",
+      "dim": "#A19B86",
+      "accent": "#CA8A00",
+      "accentSoft": "#402E19",
+      "accentText": "#E29B10",
+      "onAccent": "#151400",
+      "success": "#0D7680",
+      "danger": "#C9561C",
+      "warning": "#9A6B00",
+      "context": "#5E5230",
+      "band": "#342600",
+      "grid": "#3D2E01"
+    },
+    "fonts": {
+      "sans": "\"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", sans-serif",
+      "display": "\"IBM Plex Mono\", \"IBM Plex Sans KR\", \"Pretendard Variable\", Pretendard, \"Noto Sans KR\", \"Apple SD Gothic Neo\", monospace",
+      "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 Mono",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexmono/IBMPlexMono-Regular.ttf",
+          "weight": "400"
+        },
+        {
+          "family": "IBM Plex Mono",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexmono/IBMPlexMono-Bold.ttf",
+          "weight": "700"
+        },
+        {
+          "family": "IBM Plex Sans KR",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexsanskr/IBMPlexSansKR-Regular.ttf",
+          "weight": "400"
+        },
+        {
+          "family": "IBM Plex Sans KR",
+          "src": "https://cdn.jsdelivr.net/gh/google/fonts@bd8f81ddb5c74d5c8897b36ad88b440266245103/ofl/ibmplexsanskr/IBMPlexSansKR-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"
+    },
+    "radius": {
+      "sm": 1,
+      "md": 2,
+      "lg": 3,
+      "pill": 999
+    },
+    "look": {
+      "texture": {
+        "kind": "paper",
+        "amount": 0.8
+      },
+      "tempo": 1.11
+    }
+  },
+  "tags": {
+    "mood": [
+      "신뢰",
+      "차분한",
+      "정확한",
+      "편집된",
+      "지면",
+      "어두운",
+      "따뜻한",
+      "아날로그",
+      "기술적"
+    ],
+    "light": "dark",
+    "use": [
+      "비교",
+      "가격",
+      "벤치마크",
+      "통계",
+      "순위",
+      "설명",
+      "보고서"
+    ],
+    "dims": "2D"
+  },
+  "check": {
+    "ok": true,
+    "at": "2026-10-12",
+    "colors": {
+      "ink": 13.7,
+      "inkSoft": 9.92,
+      "dim": 6.25,
+      "accentText": 7.38,
+      "accent": 5.88,
+      "onAccent": 6.31,
+      "success~danger": 0.131,
+      "success~warning": 0.137,
+      "accent~danger": 0.087,
+      "accent~ink": 0.262
+    },
+    "frame": "kf check 통과 — 표준 장면 0–4초",
+    "pattern": "hook-number.counter"
+  }
+}