Subtitle Design System th01
12 DaVinci Resolve Fusion title templates and an intro preset. All values are Fusion values, and Fusion measures the text widths.
tokens.json
8.1 KB · 2026-10-01
{
"name": "th01",
"title": "자막 디자인 시스템 th01",
"canvas": {
"width": 1920,
"height": 1080,
"note": "모든 위치·크기는 Fusion 단위입니다. Center (x, y) 는 0~1, y 는 아래에서 위. 마스크 Width = 픽셀/1920, Height = 픽셀/1080. CornerRadius = 모서리 반지름 ÷ (짧은 변/2)."
},
"pipeline": {
"note": "색은 두 가지로 적습니다. 목록 [R, G, B] 는 원본 플리마켓 컴포지션의 Fusion 값(기준 설정에서 원본 모습). {\"display\": \"#hex\"} 는 화면색으로 정한 색이고, 빌드가 BT.709 OETF 역함수로 기준 설정의 Fusion 값을 계산합니다.",
"colorScienceMode": "DaVinci YRGB Color Managed v2",
"timelineColorSpace": "Rec.709 (Scene)",
"outputColorSpace": "Rec.709 (Scene)",
"workingLuminance": "SDR 100",
"variants": {
"cm": {
"suffix": "",
"note": "위 설정의 프로젝트용(기준)."
},
"yrgb": {
"suffix": " (색 관리 없음)",
"note": "DaVinci YRGB(색 관리 없음) 프로젝트용. 기준 값에 BT.709 OETF 를 적용한 값입니다. 화면색은 기준 설정과 같습니다(검정 가까이는 리졸브 DRT 때문에 조금 다릅니다)."
}
},
"oetf": {
"alpha": 1.099,
"beta": 0.018,
"gamma": 0.45,
"linear": 4.5
}
},
"color": {
"speaker-1": [0.011289247014021, 0.418478260869565, 0.102974828375286],
"speaker-2": [0.0292307948434309, 0.168115942028985, 0.855072463768116],
"speaker-3": [0.847826086956522, 0.136231884057971, 0.00372334389287526],
"speaker-4": [0.247491638795987, 0.0706521739130435, 0.869565217391304],
"ink": [0.0153261367602296, 0.0175521639615446, 0.0224107262224479],
"paper": [1, 1, 1],
"wall-top": {
"display": "#E2E8DF"
},
"wall-bottom": {
"display": "#CCD1C8"
},
"muted": {
"display": "#5F6368"
}
},
"color_usage": {
"speaker-1": "첫 화자. 바 테두리·이름 알약·소속 글자.",
"speaker-2": "둘째 화자.",
"speaker-3": "셋째 화자·둘이 함께·안내(카드 테두리·알약·작은 줄, 링크, 질문, 이지선다 A, 폼 데모 오른쪽 카드). 카드·링크·질문의 기본색.",
"speaker-4": "넷째 화자(학생).",
"ink": "자막·카드 큰 줄 글자.",
"paper": "바·카드·알약 안쪽.",
"wall-top": "안내 카드 뒤 벽 그라데이션 위.",
"wall-bottom": "벽 그라데이션 아래.",
"muted": "카드 안 보조 줄."
},
"font": {
"display": {
"family": "Cafe24 Ssurround",
"style": "Bold"
},
"label": {
"family": "Pretendard",
"style": "Bold"
},
"icon": {
"family": "Segoe UI Symbol",
"style": "Regular"
}
},
"size": {
"caption": 0.055648996702227,
"card-line-1": 0.062,
"card-line-2": 0.05,
"link": 0.06,
"card-note": 0.036,
"question": 0.045,
"choice": 0.045,
"pill-name": 0.0214715989792402,
"pill-affil": 0.0178929991493668,
"pill-icon": 0.0187850122438026
},
"bar": {
"note": "자막바 = 바깥 색 마스크 + 안쪽 흰 마스크(6px 안). 원본: 260911 남성역 플리마켓 '플리마켓 편집 v1' V4 자막바.",
"center": [0.5, 0.134259259259259],
"outer": {
"width": 0.805208333333333,
"height": 0.101851851851852,
"corner": 0.545454545454545
},
"inner": {
"width": 0.798958333333333,
"height": 0.0907407407407407,
"corner": 0.489795918367347
},
"border_px": 6,
"caption_center": [0.5, 0.138888888888889]
},
"pill": {
"note": "알약 폭은 퓨전이 글자 폭(DataWindow)을 재서 정합니다. 원본 자막바(이름 3글자·소속 9글자)에서 푼 값.",
"center_y": 0.211111111111111,
"icon_center_y": 0.212037037037037,
"height": 0.0462962962962963,
"inner_height": 0.0407407407407407,
"name_left_px": 206,
"name_pad_px": 27.6,
"gap_px": 16,
"affil_icon_px": 34,
"affil_text_px": 69,
"affil_right_px": 35,
"affil_border_px": 3
},
"card": {
"note": "안내 카드 = 자막바를 키운 것. 같은 폭·왼끝, 알약 1.25배.",
"center": [0.5, 0.481481481481481],
"width": 0.805208333333333,
"height_px": 360,
"radius_px": 36,
"border_px": 6,
"pill_scale": 1.25,
"line1_y": 0.531481481481481,
"line2_y": 0.424537037037037,
"tall_height_px": 620
},
"box": {
"note": "링크·질문·이지선다 상자 = 자막바와 같은 높이·곡률(110px, 0.5455/0.4898).",
"pad_px": 64
},
"fade": {
"card_content_frames": 6,
"note": "카드 내용 페이드. 카드 클립 사이 넘김(편집 페이지 클립 페이드)은 8프레임을 씁니다.",
"scene_clip_frames": 8
},
"layout": {
"note": "요소별 배치(픽셀, 1920×1080). 생성기가 /1920·/1080 으로 나눠 Fusion 값으로 넣습니다.",
"card_pill": {
"inset_px": 19,
"lift_px": 28
},
"question": {
"left_px": 187,
"top_px": 60,
"height_px": 110,
"row_gap_px": 16,
"pad_px": 48,
"badge_text_dy_px": 3
},
"choice": {
"y_px": 760,
"circle_px": 74,
"circle_inset_px": 18,
"lead_px": 110,
"pad_px": 48,
"gap_px": 40
},
"link": {
"y_px": 540
},
"qr": {
"image_center_px": [488, 560],
"column_x_px": 1250,
"column_width_px": 870,
"line1_y_px": 395,
"line2_y_px": 482,
"link_y_px": 612,
"note_y_px": 735,
"image_px": 528
}
},
"form": {
"note": "폼 데모. 폼 색은 신청 폼 페이지(구글 폼 테마)의 화면색. 폼 글자 크기는 신청곡 홍보 영상 폼 장면의 Text+ Size 그대로(그 영상에서 폼 페이지 글자 px 를 1280 으로 나눠 정한 값입니다).",
"colors": {
"bg": "#FFF0D9",
"accent": "#E04500",
"topbar": "#FF9800",
"text": "#1F1F1F",
"gray": "#5F6368",
"light": "#9AA0A6",
"red": "#D93025",
"line": "#DADCE0",
"phone": "#1B1B1D",
"shadow": "#B9BFB5"
},
"size": {
"title": 0.02109375,
"desc": 0.010546875,
"req": 0.0109375,
"label": 0.015234375,
"body": 0.0140625,
"answer": 0.015234375,
"button": 0.014453125,
"clear": 0.01328125,
"clock": 0.01328125,
"tick": 0.01640625
},
"frames": {
"tap1": 16,
"type2": 34,
"type2_end": 76,
"type3": 86,
"type3_end": 116,
"tap4": 130,
"submit": 150,
"done": 162
},
"phone": {
"center_px": [485, 540],
"size_px": [460, 960],
"radius_px": 64,
"screen_inset_px": 16,
"screen_radius_px": 48,
"shadow_offset_px": [8, 12],
"shadow_radius_px": 66
},
"card": {
"left_px": 785,
"top_px": 300,
"size_px": [880, 480],
"pad_px": 48,
"lines": [
{
"text": "신청곡 · 학번이름 쓰고",
"size": 0.052,
"y_px": 400,
"accent": false
},
{
"text": "익명을 원하면 체크!",
"size": 0.05,
"y_px": 486,
"accent": true
},
{
"text": "제출 누르면 신청 완료!",
"size": 0.052,
"y_px": 580,
"accent": false
},
{
"text": "사연은 안 써도 돼요",
"size": 0.05,
"y_px": 675,
"accent": true
}
]
}
},
"intro": {
"note": "리졸브 기본 Fusion 타이틀 Draw On Corners 1 Line 에 넣는 값(템플릿은 싣지 않습니다). 기본값에서 바뀌는 것은 text·text_blue·box_blue 셋.",
"template": "Draw On Corners 1 Line",
"text": "Prod. NSBD",
"text_blue": 0.949019607843137,
"box_blue": 0.949019607843137,
"length_frames": 73,
"clip_fade_out_frames": 33,
"sfx": {
"start_frames": 0,
"source_in_frames": 31,
"source_out_frames": 122,
"gain_db": -11.6,
"fade_out_frames": 85
},
"click": {
"start_frames": 24,
"source_in_frames": 0,
"source_out_frames": 53,
"gain_db": -2.8,
"fade_out_frames": 4
}
}
}