브루니 키우기: 바랜 섬
UI 에셋 목록

문서 개요와 읽는 법

화면 명세서(65개 화면, 70쪽)와 UI/UX 바이블이 정한 부품·토큰을 실제로 만들어야 할 파일 단위로 풀어 적은 목록입니다. 그리는 사람이 이 표만 보고 파일 이름·크기·상태 수를 정할 수 있게 하고, Godot 에서 어떤 노드로 붙는지까지 한 줄에 적었습니다.

열 읽는 법

목차

만드는 법 세 갈래와 크기 규칙

UI 그림은 캐릭터와 같은 방식으로 만듭니다 — 파이썬이 SVG 글자를 쓰고, Godot 가 가져올 때 래스터화합니다. 다만 모든 것을 그림으로 만들면 파일이 늘고 색을 고칠 때마다 다시 그려야 해서, 모양에 따라 네 갈래로 나눴습니다.

크기 규칙

• 모든 px 는 720×1280 캔버스 기준(=1x)입니다. 360dp 폭 기기에서 1dp = 2px 입니다(바이블 2장).
• SVG 는 Godot 가져오기에서 scale 2.0(2x)으로 래스터화합니다 — 1440px 폭 기기까지 선명합니다. 720×1280 전면 그림만 1.5(1080×1920)로 줄여 메모리를 아낍니다(1080×1920 RGBA 비압축 약 8.3MB).
• 9조각 그림은 48×48 원본, 여백 16(바이블 6-1). 9조각 그림은 말풍선·빈 칸·빛남 테두리·등대 층 칸 4종뿐이고, 나머지 판·버튼·막대는 StyleBox 입니다(바이블 6-1·6-3 — 2026-10-14 이 문서 제안을 반영).
• 글자는 그림에 굳히지 않습니다 — 등급 글자·스테이지 번호·가격은 Label 이 얹습니다(영어판 대비). 예외는 로고 하나입니다.

StyleBox 예시 — 주 버튼 보통 btn_primary_n.tres

[gd_resource type="StyleBoxFlat" format=3]
[resource]
bg_color = Color(0.169, 0.702, 0.639, 1)        ; accent.primary #2BB3A3
border_width_left = 4                            ; stroke.l 4 (네 변 모두)
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
border_color = Color(0.227, 0.165, 0.2, 1)       ; line #3A2A33
corner_radius_top_left = 20                      ; r.m 20 (네 모서리 모두)
corner_radius_top_right = 20
corner_radius_bottom_right = 20
corner_radius_bottom_left = 20
shadow_color = Color(0.227, 0.165, 0.2, 0.25)    ; shadow.btn 25%
shadow_size = 1
shadow_offset = Vector2(0, 6)                    ; 아래로 6px, 번짐 없음
content_margin_left = 24
content_margin_right = 24

눌림(_p)은 shadow_offset = Vector2(0, 2) + content_margin_top 4 늘림, 비활성(_d)은 bg_color 를 surface.dim #ECE6E9 로 바꿉니다. 같은 값의 CSS 는 background:#2BB3A3; border:4px solid #3A2A33; border-radius:20px; box-shadow:0 6px 0 rgba(58,42,51,.25) 이고 화면 시안 문서가 이것을 씁니다.

개수 집계표

항목은 「한 가지 부품」, 파일은 그 부품의 상태·변형을 그림으로 따로 만든 수입니다. 예를 들어 frm_gear 는 항목 1개·파일 7장(등급 7), btn_primary 는 항목 1개·파일 0장·res 3개(보통·눌림·비활성 StyleBox)입니다.

나중으로 미룬 것

app_icon_mono · app_icon_ios · sto_shot_ios · deco_logo_en · bgu_tower · frm_tower_floor · ico_st_b_dmg_up · ico_st_b_crit_taken_down · ico_st_b_heal_up · ico_st_b_hp_up · ico_st_b_lifesteal · ico_st_b_cc_resist · ico_st_b_debuff_dur_down · ico_st_b_immune · ico_st_b_revive · ico_st_b_endure · ico_st_d_heal_down · ico_st_d_stain · ico_st_d_freeze · ico_st_d_blind · ico_st_d_fade · ico_feat_raid · ico_feat_tower · ico_feat_hard · fxu_tap

앱 아이콘 · 스토어 그림 (1/2)

스토어 규격은 원문을 2026-10-14 에 열람해 적었습니다. 앱 아이콘은 브루니 옆얼굴(bruni_v2.py)을 크림 바탕에 얹고, 글자를 넣지 않습니다(Play 「순위·가격을 암시하는 배지·글자 금지」).

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
app_icon_play	Play 스토어 고해상도 아이콘 스토어	512×512 스토어 규격 고정	기본 하나	아니오	코드 SVG 32-bit PNG(알파) ≤1024KB · 파일 1	1차
app_icon_fg	Android 적응형 아이콘 앞 층 기기 홈 화면	432×432 스토어 규격 고정	기본 하나	아니오	코드 SVG PNG(알파) · 파일 1	1차
app_icon_bg	Android 적응형 아이콘 뒤 층 기기 홈 화면	432×432 스토어 규격 고정	기본 하나	아니오	코드 SVG PNG · 파일 1	1차
app_icon_main	Android 기본 런처 아이콘(적응형 미지원 기기) 기기 홈 화면	192×192 스토어 규격 고정	기본 하나	아니오	코드 SVG PNG · 파일 1	1차
app_icon_mono	Android 13 테마 아이콘(단색 층) 기기 홈 화면	432×432 스토어 규격 고정	기본 하나	아니오	코드 SVG PNG(알파, 단색) · 파일 1	나중
app_icon_ios	iOS 앱 아이콘 스토어	1024×1024 스토어 규격 고정	기본 하나	아니오	코드 SVG PNG(알파 없음) · 파일 1	나중
app_notif_small	알림 작은 아이콘(상태 표시줄) A02 K01	96×96 스토어 규격 고정	기본 하나	아니오	코드 SVG PNG(흰색 + 알파) · 파일 1	1차

• app_icon_play — Play 콘솔 요구 512×512·1024KB 이하(Play 고객센터 9866151, 2026-10-14 열람). 순위·가격 같은 글자 배지 금지
• app_icon_fg — 108dp 층 = xxxhdpi 432px. 브루니 머리는 가운데 66dp(264px) 안전 영역 안 — 모서리 18dp 는 기기 마스크가 자른다(Android 개발자 문서 「Adaptive icons」 2026-10-14 열람)
• app_icon_bg — 크림 #FFF7EF 바탕 + 물감 얼룩 무늬 3개(안전 영역 밖)
• app_icon_main — Godot 4 Android 내보내기 칸 「launcher_icons/main_192x192」 — 칸 이름은 첫 내보내기 때 확인(미확인). minSdk 24 라 적응형 미지원(API 25 이하) 기기에 쓰인다
• app_icon_mono — 테마 아이콘을 켠 사용자에게만 보인다(API 33+). 없으면 테마 아이콘에서 빠질 뿐 설치·실행엔 지장 없다
• app_icon_ios — iOS 출시 2027-08-09(43주). 1024 한 장에서 Xcode 가 작은 크기를 만든다 — Apple 원문은 이번에 열람하지 않았다(미확인)
• app_notif_small — 「방치 가득」 로컬 알림(A02 선택 동의 · K01 알림)용. 상태 표시줄은 색을 지우고 모양만 쓰므로 흰 실루엣 한 색. 24dp × 4 = 96px

앱 아이콘 · 스토어 그림 (2/2)

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
sto_feature	Play 그래픽 이미지(피처 그래픽) 스토어	1024×500 스토어 규격 고정	기본 하나	아니오	CSS → 헤드리스 크롬 PNG JPEG 또는 24-bit PNG(알파 없음) · 파일 1	1차
sto_shot_play	Play 스크린숏 틀 8장(세로) 스토어	1080×1920 스토어 규격 고정	장마다 문구 1줄 틀 8장	아니오	CSS → 헤드리스 크롬 PNG JPEG 또는 24-bit PNG(알파 없음) · 파일 8	1차
sto_shot_ios —	App Store 스크린숏 틀(6.9형) 스토어	1320×2868 스토어 규격 고정	장마다 문구 1줄 틀 8장	아니오	CSS → 헤드리스 크롬 PNG PNG 또는 JPEG · 파일 8	나중

• sto_feature — Play 필수 1024×500(9866151). 아이콘과 같은 큰 로고를 반복하지 말라는 권고 — 브루니 전신 + 섬 풍경 + 짧은 문구
• sto_shot_play — 게임 화면(720×1280 을 1.5배 = 1080×1920)을 찍어 위에 문구 띠를 얹는다. 게임은 9:16 세로 3장 이상·1080px 이상이어야 추천 면에 실린다(9866151). 최대 8장
• sto_shot_ios — 6.9형 세로 1320×2868(또는 1290×2796·1260×2736), 기기 크기당 1~10장(App Store Connect 「Screenshot specifications」 2026-10-14 열람). 비율이 9:16 보다 길어 위아래 띠를 늘려 맞춘다

스크린숏 8장 구성(초안)

문구 속 숫자는 화면 명세(B02 상한 24시간 · E05 도장 200)와 바이블 12-1(1차 출시 60스테이지·장 2개)에서 가져왔습니다. 찍을 화면은 화면 시안 문서 8개와 겹치게 골랐습니다.

스플래시 · 로딩

부팅(A01)은 「엔진 스플래시 → A01 부팅 화면」 두 단계입니다. 스플래시는 로고만, A01 은 배경(art 문서)·로고·걷는 브루니·진행 막대를 얹습니다. 「불러오는 중」 공통 규칙(0.5초 넘으면 걷는 브루니 64)도 같은 그림을 씁니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
spl_boot	Godot 부팅 스플래시 A01	720×1280 1.5x 1080×1920	기본 하나	아니오	코드 SVG PNG · 파일 1	1차
deco_logo_ko	게임 제목 로고(한국어) 스토어 · A01	500×200 2x 1000×400	기본 하나	아니오	코드 SVG SVG → PNG · 파일 1	1차
deco_logo_en —	게임 제목 로고(영어) 스토어 · A01	500×200 2x 1000×400	기본 하나	아니오	코드 SVG SVG → PNG · 파일 1	나중
ldg_bruni_walk	걷는 브루니(불러오는 중) 공통 규칙 · A01	64×64 2x 128×128	걷기 4프레임 프레임 4장 시트(256×64)	아니오	코드 SVG SVG 시트 · 파일 1	1차
ldg_bar —	부팅 진행 막대 A01	500×24 2x 1000×48	0~100% ProgressBar 채움	StyleBox	Godot StyleBox StyleBoxFlat ×2(바탕·채움) · 파일 0 · res 2	1차

• spl_boot — 엔진이 뜨는 0.5~1초 동안 보인다. 크림 바탕 + 가운데 로고만 — A01 배경과 같은 위치에 로고를 둬서 넘어갈 때 튀지 않게
• deco_logo_ko — 화면 명세 A01 은 500×200, art_assets 는 512×256 — 화면 칸(500×200)을 따른다. 글자는 Jua 를 윤곽선으로 바꿔 SVG 에 굳힌다(기기에 글꼴 없어도 같게)
• deco_logo_en — 영어는 정식 출시 때(바이블 12-3)
• ldg_bruni_walk — A01 은 2배(128)로, 공통 「불러오는 중」(0.5초 넘으면)은 64 로 쓴다. 다리 위치만 바꾼 4장 — bruni_v2.py 몸을 그대로 쓴다
• ldg_bar — 청록 채움, 단계 4개 × 25%

배경

여기 배경은 UI 가 맡는 것만입니다. 장 전투 배경·이야기 배경·A01 부팅 배경은 art 문서 담당입니다(「경계」 쪽 표).

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
bgu_dim —	팝업 뒤 어둡게 팝업 전부(27)	720×1280	열림 0.12초 페이드 ColorRect 알파	—	Godot 노드·Tween·셰이더 ColorRect #3A2A33 60% · 파일 0	1차
bgu_sleep —	절전 바탕 K04	720×1280	기본 ColorRect	—	Godot 노드·Tween·셰이더 ColorRect #0B0910 · 파일 0	1차
bgu_tabbar —	아래 탭 바탕 B01 C04 D01 E01 I01	720×120 2x 1440×240	기본 StyleBox	늘어남	Godot StyleBox StyleBoxFlat #0B2947 · 파일 0 · res 1	1차
bgu_pot_stage	홈 항아리 받침 무대 B01	720×400 2x 1440×800	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
bgu_map_paper	지도 종이 바탕(세로 이음) B04	720×1280 1.5x 1080×1920	장마다 색 틴트 하나 + modulate	세로 반복	코드 SVG SVG · 파일 1	1차
bgu_recruit_swirl	모집 연출 물감 소용돌이 E03	720×1280 1.5x 1080×1920	돌기(셰이더) 하나 + 회전 셰이더	아니오	코드 SVG SVG · 파일 1	1차
bgu_recruit_result	모집 결과 빛살 바탕 E04	720×1280 1.5x 1080×1920	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
bgu_exp_tile	원정 타일 그림 G01 G02	672×150 2x 1344×300	기본 · 잠김(faded 셰이더) 타일 5장, 잠김은 회색 셰이더	아니오	코드 SVG SVG · 파일 5	1차
bgu_tower	시련의 등대 안쪽 바탕 G04	720×1280 1.5x 1080×1920	기본 하나	세로 반복	코드 SVG SVG · 파일 1	나중
bnr_cutin	SSR 필살기 컷인 띠 B06 E03	720×240 2x 1440×480	속성 5색 속성마다 1장	아니오	코드 SVG SVG · 파일 5	1차

• bgu_dim — 명세의 검정 60% 를 자두색으로(바이블 2-1 dim)
• bgu_sleep — 화면 밝기를 낮추려는 것이라 그림을 넣지 않는다
• bgu_tabbar — 위 모서리만 r.l 28
• bgu_pot_stage — 홈 아래 1/3 — 항아리 밑 둥근 언덕 + 붓 자국 두 줄. 전투 배경(장마다 바뀜)과 조작부를 나누는 경계
• bgu_map_paper — 장 8개는 같은 그림에 장 대표색 modulate. 길은 Line2D 로 코드가 긋는다
• bgu_recruit_swirl — 「움직임 줄이기」면 회전을 멈춘다
• bgu_exp_tile — 골드 동굴·열매 숲·스킬북 서고(1차) + 주간 토벌·시련의 등대(나중 — s060·s100). G02 위 그림(560×260)도 같은 파일을 자른다
• bgu_tower — G04 는 s100 해금 — 1차 출시(60스테이지) 밖
• bnr_cutin — 서 있는 그림을 위에 얹는다. 색만 다른 5장이지만 줄무늬 방향·상징 무늬가 달라 파일로 나눈다

버튼 (1/2)

버튼은 대부분 StyleBox 라 그림이 없습니다. 그림이 필요한 버튼은 홈 주인공 항아리, 체크 상자·스위치·슬라이더 손잡이(Godot 가 아이콘 텍스처를 받는 컨트롤)뿐입니다.

도전 ▶ 1-8괜찮아요받기비활성눌림
CSS 견본 — StyleBox 와 같은 값(「만드는 법」 쪽). 실제 버튼 높이 96, 여기선 줄였습니다

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
btn_primary —	주 버튼(청록) 공용	가로 늘어남 × 96 2x 높이 192	보통 · 눌림 · 비활성 · 빛남 StyleBox 3벌(보통·눌림·비활성) + 빛남은 fxu_glow_rect	늘어남(r.m 20)	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
btn_secondary —	보조 버튼(흰) 공용	가로 늘어남 × 96 2x 높이 192	보통 · 눌림 · 비활성 StyleBox 3벌	늘어남	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
btn_reward —	받기 버튼(노랑) B02 B03 G03 I04 J01 J02 J03 J04 J05	가로 늘어남 × 96 2x 높이 192	보통 · 눌림 · 비활성(받았어요) · 빛남 StyleBox 3벌 + 빛남	늘어남	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
btn_icon_round —	둥근 아이콘 버튼 바탕 B01 B06 F02	96×96 2x 192×192	보통 · 눌림 · 알림(점) StyleBox 2벌 + bdg_dot	아니오	Godot StyleBox StyleBoxFlat ×2 · 파일 0 · res 2	1차
btn_pot	물감 항아리(홈 주인공) B01	400×270 2x 800×540	보통 · 눌림 · 비활성(물감 0) · 자동 열기 중 · 빛남 파일 3장(보통·비었음·자동) · 눌림은 4px 내려앉음 Tween · 빛남은 fxu_glow_ring	아니오	코드 SVG SVG · 파일 3	1차
btn_check	체크 상자 A02 A05 C03 D04 K01	48×48 2x 96×96	켬 · 끔 · 비활성 파일 2장(켬·끔), 비활성은 modulate 50%	아니오	코드 SVG SVG · 파일 2	1차
btn_switch	켜기/끄기 스위치 C03 K01	96×56 2x 192×112	켬 · 끔 · 비활성 파일 2장 — Godot CheckButton 의 checked/unchecked 아이콘	아니오	코드 SVG SVG · 파일 2	1차

• btn_primary — 높이 96(큰 버튼 120). 화면당 1개(P2)
• btn_secondary — 결제·광고 팝업에선 주 버튼과 같은 크기(P5)
• btn_reward — 「받기」「모두 받기」 전용
• btn_icon_round — 홈 좌우 아이콘 8개 · 전투 배속/자동/Ⅱ · 이야기 메뉴 5개의 바탕
• btn_pot — 항아리 레벨 꼬리표(bdg_tag)는 위에 얹는 Label. 길게 누르면 0.25초마다 연속
• btn_check — 누르는 영역은 행 전체(96 이상). 법정 동의(A02)는 미리 켜지 않는다

버튼 (2/2)

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
btn_slider	음량 막대 손잡이 + 길 K01	48×48 2x 96×96	보통 · 눌림 손잡이 SVG 1장 + 길은 StyleBox	길만 늘어남	코드 SVG SVG + StyleBoxFlat · 파일 1 · res 1	1차
btn_dropdown —	고르기 상자(▾) C03 D01 K01	가로 늘어남 × 96 2x 높이 192	보통 · 열림 btn_secondary 모양 + ico_sys_arrow_down	늘어남	Godot StyleBox StyleBoxFlat(보조와 공유) · 파일 0 · res 1	1차
btn_tab_sub —	화면 안 탭 A05 B04 B05 C05 C06 D02 E01 E02 F01 외 7	가로 늘어남 × 96 2x 높이 192	보통 · 선택(청록 밑줄 6) · 잠김 · 알림 StyleBox 2벌 + 자물쇠·점 아이콘	늘어남	Godot StyleBox StyleBoxFlat ×2 · 파일 0 · res 2	1차
btn_chip —	필터 칩·장 칩 B04 B05 D01	가로 늘어남 × 64 2x 높이 128	보통 · 선택 · 잠김 StyleBox 2벌	늘어남(r.pill)	Godot StyleBox StyleBoxFlat ×2 · 파일 0 · res 2	1차
btn_segment —	두세 칸 고르기(보통|어려움 · 편성 1|2|3 · ×1|×2) B04 B05 B06	가로 늘어남 × 64 2x 높이 128	보통 · 선택 StyleBox 3벌(왼끝·가운데·오른끝)	늘어남	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차

• btn_slider — HSlider grabber
• btn_dropdown — 정렬·판매 기준·절전 시간
• btn_tab_sub — StyleBoxFlat 의 border_width_bottom 으로 밑줄. 5칸 넘으면 가로 스크롤 + 오른쪽 흐림(fxu_fade_edge)
• btn_chip — 높이 64 그림 + 위아래 16 여백 = 누름 영역 96

프레임 · 패널 (1/2)

판·팝업·카드·대화창은 StyleBox, 꼬리·점선·장식이 있는 것만 SVG 입니다. 막대·배너는 「탭 아이콘 · 막대 · 배너」 쪽에 따로 모았습니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
frm_panel —	패널(기본·강조·경고) 공용	늘어남	기본 · 강조 · 경고 StyleBox 3벌	늘어남(r.l 28)	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
frm_popup —	팝업 패널 + 제목 띠 팝업 전부(27)	624 × 늘어남	열림 · 닫기 금지형(✕ 없음) StyleBox 2벌(판·제목 띠)	늘어남(r.xl 36)	Godot StyleBox StyleBoxFlat ×2 · 파일 0 · res 2	1차
frm_card —	카드 공용	늘어남	보통 · 선택 · 잠김 StyleBox 3벌	늘어남(r.l 28)	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
frm_pill —	재화 알약 재화 막대 화면 전부 · B01 B04 B05 C04 C05 C06 C08 D01 D02 외 17	가로 늘어남 × 56 2x 높이 112	보통 · 값 변화 StyleBox 1벌 + 숫자 Tween	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
frm_toast —	토스트 공통 규칙	가로 늘어남 × 72 2x 높이 144	기본 StyleBox	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
frm_sheet —	아래 시트 + 손잡이 C08 J07	720 × 늘어남	열림 StyleBox(위 모서리만 둥근)	늘어남	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
frm_dialog —	대화창·이름표·선택지 F02	672×280 2x 1344×560	글자 나오는 중 · 다 나옴(▼) · 선택지 보통·고름 StyleBox 3벌(창·이름표·선택지=보조 버튼)	늘어남	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
frm_bubble	말풍선(꼬리 아래·위) 튜토리얼 · B01 B06 C01	늘어남	꼬리 아래 · 꼬리 위 9조각 SVG 2장 — 꼬리는 별도 조각	9조각 48(여백 16)	코드 SVG SVG 9조각 · 파일 2	1차

• frm_panel — 경고 = warn 4px 테두리(「가득 찼어요」)
• frm_popup — 그림자 아래 12px 번짐 0(shadow.popup)
• frm_card — 상점 상품(324×280)·장 카드(400×300)·안내 미션 카드·비교 카드 공용
• frm_pill — 왼쪽 ico_cur 48, 빛구슬만 오른쪽 「+」
• frm_toast — 자두색 90% + 흰 글자
• frm_sheet — 손잡이는 64×8 둥근 막대 ColorRect
• frm_dialog — 9조각 그림 4장을 StyleBox 로 바꿈 — 모서리가 평평한 둥근 사각이라 그림이 필요 없다
• frm_bubble — 튜토리얼 안내(T02~T17)·보상 칩 이름 말풍선. 꼬리가 있어 StyleBox 로 안 된다

프레임 · 패널 (2/2)

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
frm_slot_empty	빈 칸(점선 + 「+」) B05 C04 C05	늘어남	비었음 · 끌어 놓는 중(청록) 9조각 SVG 1장, 끌어 놓는 중은 modulate	9조각 48(여백 16)	코드 SVG SVG 9조각 · 파일 1	1차
frm_battle_port —	전투 초상 칸 B06	120×200 2x 240×400	보통 · 필살 가능(빛남) · 쓰러짐(회색) StyleBox 1벌 + fxu_glow_rect + 회색 셰이더	아니오	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
frm_map_node	지도 스테이지 노드 B04	96×96 2x 192×192	깸 · 지금(깜빡) · 잠김 · 보스 · 보스 깸 파일 5장(보스 2장은 144)	아니오	코드 SVG SVG · 파일 5	1차
frm_tower_floor	등대 층 칸 G04	672×96 2x 1344×192	지나감(불 켜짐) · 지금 · 잠김 파일 2장(불 켜짐·꺼짐) + 지금은 fxu_glow_rect	9조각 가로	코드 SVG SVG 9조각 · 파일 2	나중
frm_pass_cell —	패스 칸(무료·유료 줄) I04	120×120 2x 240×240	받을 수 있음 · 받음 · 잠김(유료 미구매) StyleBox 2벌 + ico_sys_lock·check	아니오	Godot StyleBox StyleBoxFlat ×2 · 파일 0 · res 2	1차
frm_shard	동료 조각 틀(초상을 끼움) D01 D04 E04 J04	64×64 2x 128×128	기본 틀 1장 + 마스크 1장	아니오	코드 SVG SVG · 파일 2	1차

• frm_slot_empty — StyleBoxFlat 은 점선을 못 그려서 그림으로
• frm_battle_port — 5칸 × 120 + 간격 16 × 4 + 좌우 28 = 720 — margin.screen 24 · gap.touch 16 을 지킨 값(바이블 4-2 B06, 화면 시안 2차)
• frm_map_node — 「1-8」 글자는 Label 로 얹는다
• frm_shard — 동료 60명 조각 아이콘을 스크립트가 초상 128 을 줄여 끼워 만든다

등급 테두리 · 배지

등급은 틀 색 + 글자, 장비 등급은 여기에 모서리 장식 수(일반 0 ~ 찬란 6)를 더해 색약 사용자도 구분합니다(P3, art 문서 규칙). 속성 칩(원형)과 등급 띠(사각)는 모양으로 나뉩니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
frm_gear	장비 등급 틀 g1~g7 B01 C01 C04 C05 C06 I05 J04 J07	96×96 2x 192×192	등급 7 등급마다 1장 — 모서리 장식 수 g1 0개 ~ g7 6개(색약 대응, art 문서 규칙)	아니오	코드 SVG SVG · 파일 7	1차
frm_port	초상 등급 틀 R·SR·SSR B05 B06 D01 D08 E05 E06	136×136 2x 272×272	R · SR · SSR 등급마다 1장	아니오	코드 SVG SVG · 파일 3	1차
frm_cardart	모집 카드 틀 R·SR·SSR D02 E01 E04	256×384 2x 512×768	R · SR · SSR 등급마다 1장	아니오	코드 SVG SVG · 파일 3	1차
bdg_grade	등급 띠 R·SR·SSR·장비 7 B05 C01 C04 C06 D01 D02 E02 E04 E06 외 1	96×40 2x 192×80	10종 StyleBox 9벌 + 찬란만 줄무늬 그림 1장	아니오	Godot StyleBox StyleBoxFlat ×9 + SVG 1 · 파일 1 · res 9	1차
bdg_star	별 켬·끔·각성 B05 D01 D02 D04 E04	24×24 2x 48×48	켬 · 끔 · 각성 파일 3장	아니오	코드 SVG SVG · 파일 3	1차
bdg_awaken	각성 단계 ◆◇ D02 D05	32×32 2x 64×64	켬 · 끔 파일 2장	아니오	코드 SVG SVG · 파일 2	1차
bdg_dot	알림 점 공용	24×24 2x 48×48	점 · 숫자 점은 SVG 1장, 숫자는 StyleBox 알약 + Label	아니오	코드 SVG SVG + StyleBoxFlat · 파일 1 · res 1	1차
bdg_tag —	꼬리표 10종 공용	가로 늘어남 × 40 2x 높이 80	NEW · 한정+남은 시간 · 확률형 · 리더 · +20% · 첫 구매 2배 · 필수 · 선택 · 더 앞서요 · 받음 StyleBox 4벌(청록·노랑·흰·남색) + Label	늘어남(r.s 12)	Godot StyleBox StyleBoxFlat ×4 · 파일 0 · res 4	1차
bdg_judge —	전투력 판정 충분·아슬·부족 B01 B04 G03 G04	가로 늘어남 × 40 2x 높이 80	충분 · 아슬 · 부족 StyleBox 3벌 + 낱말 Label	늘어남	Godot StyleBox StyleBoxFlat ×3 · 파일 0 · res 3	1차
stp_attend	출석 칸·큰 보상 칸·도장 J02	88×88 2x 176×176	보통 · 오늘(빛남) · 받음(도장) · 7·14·21·28일 파일 3장(칸·큰 칸·도장)	아니오	코드 SVG SVG · 파일 3	1차

• frm_gear — art_assets 는 40×40 — 칸이 96 이라 96 으로 키운다(2x 192). g7 찬란은 무지개 45° 줄무늬
• frm_port — SSR 은 위→아래 금 그러데이션 허용(바이블 2-1)
• frm_cardart — 카드 그림(art 문서) 위에 겹친다. 아래 등급 띠·왼쪽 위 속성 칩 자리를 비워 둔다
• bdg_grade — 글자(R·SR·SSR·일반~찬란)는 Label — 그림에 글자를 굳히지 않는다(영어판 대비)
• bdg_star — 16 → 24 로 키움(작은 글자 최소 24 와 맞춤)
• bdg_dot — 「3초 안에 해결되는 얻을 것」에만(바이블 4-3)
• bdg_tag — 문구 10가지를 바탕 4색으로 나눠 쓴다
• bdg_judge — 색만으로 말하지 않는다(P3)
• stp_attend — 도장은 찍힐 때 1.3→1.0 Tween

재화 · 상품 그림 (1/2)

지갑 12종(바이블 5장) 중 빛구슬 유료·무료는 같은 그림이고, 브루니 경험치를 더해 12장입니다. 64 로 그려 재화 막대 48·비용 줄 32 로 줄여 씁니다. 바이블 6-3 규칙대로 실루엣만 보고 구분되게 — 둥근 원은 골드 하나, 빛구슬은 물방울형, 모집 도장은 점선 인장입니다. 화면 이름은 확정 용어(물감·열매·모집 도장·원정 주화)를 따르고 파일 이름은 데이터 id 를 그대로 씁니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
ico_cur_gold	골드 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_gem	빛구슬(유료·무료 같은 그림) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_drop	열매(데이터 id drop) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_brush	물감(데이터 id brush) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_ticket	모집권 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_stardust	모집 도장(데이터 id stardust) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_rainbow	만능 조각(데이터 id rainbow) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_wakestone	깨움돌 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차

• ico_cur_gold — 실루엣: 동전 원(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_gem — 실루엣: 물방울형 보석(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_drop — 실루엣: 잎 달린 둥근 열매(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_brush — 실루엣: 물감 통(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_ticket — 실루엣: 찢는 표(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_stardust — 실루엣: 둥근 인장(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_rainbow — 실루엣: 무지개 줄무늬 조각(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_wakestone — 실루엣: 눈 뜬 돌(바이블 6-3 — 같은 원형 둘 금지)

재화 · 상품 그림 (2/2)

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
ico_cur_seal	원정 주화(데이터 id seal) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_key	던전 열쇠 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_event	이벤트 주화(1장 + 색 modulate) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ico_cur_exp	브루니 경험치(EXP) 재화 막대 화면 전부 · B01 B02 B03 B04 B05 B08 C04 C05 C06 외 21	64×64 2x 128×128	기본 하나(64 → 막대 48 · 비용 줄 32 로 줄여 씀)	아니오	코드 SVG SVG · 파일 1	1차
ill_gem_pack	빛구슬 상품 그림 6단계 I01	200×160 2x 400×320	6단계(더미 크기) 단계마다 1장	아니오	코드 SVG SVG · 파일 6	1차
ill_pack	꾸러미·정기권 상품 그림 I01 I02 I04	200×160 2x 400×320	6종 종류마다 1장	아니오	코드 SVG SVG · 파일 6	1차

• ico_cur_seal — 실루엣: 등대 새긴 주화(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_key — 실루엣: 열쇠(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_event — 실루엣: 별 새긴 주화(바이블 6-3 — 같은 원형 둘 금지)
• ico_cur_exp — 실루엣: 별 방울(바이블 6-3 — 같은 원형 둘 금지)
• ill_gem_pack — gem_60~gem_6000 6개(shop.json). ico_cur_gem 을 1·3·6·10·15·22개 쌓는다
• ill_pack — 첫 결제 · 돌파(장 번호는 Label) · 이벤트 · 한 달 정기권 · 성장 패스 · 광고 생략권. 구성 아이콘을 상자에 겹쳐 그린다

속성 표식 · 역할 · 능력치 · 부위

속성은 원형 칩 + 상징 아이콘 + 이름 셋 중 둘 이상(P3). 이름은 확정 용어 빨강·초록·파랑·노랑·보라, 파일은 데이터 id(red…ink)입니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
ico_attr_red	속성 빨강 — 불씨 B04 B05 B06 C07 D01 D02 E02 G02 G03 외 2	48×48 2x 96×96	기본 하나(48, 작은 칩 32)	아니오	코드 SVG SVG · 파일 1	1차
ico_attr_green	속성 초록 — 새순 B04 B05 B06 C07 D01 D02 E02 G02 G03 외 2	48×48 2x 96×96	기본 하나(48, 작은 칩 32)	아니오	코드 SVG SVG · 파일 1	1차
ico_attr_blue	속성 파랑 — 물방울 B04 B05 B06 C07 D01 D02 E02 G02 G03 외 2	48×48 2x 96×96	기본 하나(48, 작은 칩 32)	아니오	코드 SVG SVG · 파일 1	1차
ico_attr_yellow	속성 노랑 — 번개 B04 B05 B06 C07 D01 D02 E02 G02 G03 외 2	48×48 2x 96×96	기본 하나(48, 작은 칩 32)	아니오	코드 SVG SVG · 파일 1	1차
ico_attr_ink	속성 보라 — 초승달 B04 B05 B06 C07 D01 D02 E02 G02 G03 외 2	48×48 2x 96×96	기본 하나(48, 작은 칩 32)	아니오	코드 SVG SVG · 파일 1	1차
ill_attr_cycle	상성 그림 C07	480×400 2x 960×800	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_role_tank	역할 수호 B05 D01 D02	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_role_striker	역할 근접 B05 D01 D02	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_role_shooter	역할 원거리 B05 D01 D02	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_role_caster	역할 마법 B05 D01 D02	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_role_healer	역할 치유 B05 D01 D02	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_role_support	역할 지원 B05 D01 D02	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_stat_atk	능력치 공격 재화 막대 화면 전부 · B01 B04 B05 B08 C01 C04 C05 C06 C08 외 20	32×32 2x 64×64	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_stat_hp	능력치 체력 재화 막대 화면 전부 · B01 B04 B05 B08 C01 C04 C05 C06 C08 외 20	32×32 2x 64×64	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_stat_def	능력치 방어 재화 막대 화면 전부 · B01 B04 B05 B08 C01 C04 C05 C06 C08 외 20	32×32 2x 64×64	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_stat_spd	능력치 속도 재화 막대 화면 전부 · B01 B04 B05 B08 C01 C04 C05 C06 C08 외 20	32×32 2x 64×64	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_stat_crit	능력치 치명 재화 막대 화면 전부 · B01 B04 B05 B08 C01 C04 C05 C06 C08 외 20	32×32 2x 64×64	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_stat_power	능력치 전투력 재화 막대 화면 전부 · B01 B04 B05 B08 C01 C04 C05 C06 C08 외 20	32×32 2x 64×64	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_slot_weapon	장비 부위 무기(빈 칸 실루엣) C04 C05 C06 J07	64×64 2x 128×128	기본(faded) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_slot_hat	장비 부위 모자(빈 칸 실루엣) C04 C05 C06 J07	64×64 2x 128×128	기본(faded) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_slot_armor	장비 부위 옷(빈 칸 실루엣) C04 C05 C06 J07	64×64 2x 128×128	기본(faded) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_slot_gloves	장비 부위 장갑(빈 칸 실루엣) C04 C05 C06 J07	64×64 2x 128×128	기본(faded) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_slot_shoes	장비 부위 신발(빈 칸 실루엣) C04 C05 C06 J07	64×64 2x 128×128	기본(faded) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_slot_acc	장비 부위 장신구(빈 칸 실루엣) C04 C05 C06 J07	64×64 2x 128×128	기본(faded) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_skilltype_basic	스킬 종류 기본 공격 D06	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_skilltype_ult	스킬 종류 필살기 D06	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_skilltype_passive	스킬 종류 패시브 D06	48×48 2x 96×96	기본 하나	아니오	코드 SVG SVG · 파일 1	1차

• ico_attr_red — 원형 칩 + 상징 — 등급 띠(사각)와 모양으로 구분(P3)
• ico_attr_green — 원형 칩 + 상징 — 등급 띠(사각)와 모양으로 구분(P3)
• ico_attr_blue — 원형 칩 + 상징 — 등급 띠(사각)와 모양으로 구분(P3)
• ico_attr_yellow — 원형 칩 + 상징 — 등급 띠(사각)와 모양으로 구분(P3)
• ico_attr_ink — 원형 칩 + 상징 — 등급 띠(사각)와 모양으로 구분(P3)
• ill_attr_cycle — 불→잎→물→불 삼각 + 번개↔달 「서로 강해요」. 글자는 Label
• ico_role_tank — 이름은 확정 용어(바이블 5-1)
• ico_role_striker — 이름은 확정 용어(바이블 5-1)
• ico_role_shooter — 이름은 확정 용어(바이블 5-1)
• ico_role_caster — 이름은 확정 용어(바이블 5-1)
• ico_role_healer — 이름은 확정 용어(바이블 5-1)
• ico_role_support — 이름은 확정 용어(바이블 5-1)
• ico_stat_atk — 능력치 목록·비교 카드의 ▲▼ 앞
• ico_stat_hp — 능력치 목록·비교 카드의 ▲▼ 앞
• ico_stat_def — 능력치 목록·비교 카드의 ▲▼ 앞
• ico_stat_spd — 능력치 목록·비교 카드의 ▲▼ 앞
• ico_stat_crit — 능력치 목록·비교 카드의 ▲▼ 앞
• ico_stat_power — 능력치 목록·비교 카드의 ▲▼ 앞
• ico_slot_weapon — 빈 칸·부위 탭에. 장비 그림(아이템 150)은 art 문서
• ico_slot_hat — 빈 칸·부위 탭에. 장비 그림(아이템 150)은 art 문서
• ico_slot_armor — 빈 칸·부위 탭에. 장비 그림(아이템 150)은 art 문서
• ico_slot_gloves — 빈 칸·부위 탭에. 장비 그림(아이템 150)은 art 문서
• ico_slot_shoes — 빈 칸·부위 탭에. 장비 그림(아이템 150)은 art 문서
• ico_slot_acc — 빈 칸·부위 탭에. 장비 그림(아이템 150)은 art 문서
• ico_skilltype_basic — 동료 60명 × 스킬 3 = 180 개별 아이콘 대신 종류 3장 + 속성색 modulate(바이블 추가 제안)
• ico_skilltype_ult — 동료 60명 × 스킬 3 = 180 개별 아이콘 대신 종류 3장 + 속성색 modulate(바이블 추가 제안)
• ico_skilltype_passive — 동료 60명 × 스킬 3 = 180 개별 아이콘 대신 종류 3장 + 속성색 modulate(바이블 추가 제안)

상태 효과 아이콘 (1/2)

전투 화면(B06) 머리 위에 최대 6개(tech 문서 StatusIcons). combat.json statuses 37종 전부입니다. 1차 필수 22종은 1차 출시 동료 15명·1~2장 적 20종·보스 6종 데이터에 실제로 나오는 상태(스크립트가 데이터에서 셈) + 휘청(보스가 기절 대신 받음)입니다. 공통 규격: 32×32(2x 64) · 상태 기본 + 중첩 숫자 Label · 코드 SVG · 9조각 아님. 버프는 청록 둥근 바탕 + ▲, 디버프는 빨강 각진 바탕 + ▼ — 색과 모양 둘로 나눕니다. 이름은 확정 용어(급소 보호·피해 감소·체력 흡수·색 잃음)로 바꿨습니다.

견본	id	이름	우선	기존 목록
	ico_st_b_atk_up	버프 공격 강화	1차	ui_status
	ico_st_b_def_up	버프 방어 강화	1차	ui_status
	ico_st_b_spd_up	버프 가속	1차	ui_status
	ico_st_b_crit_up	버프 날카로움	1차	ui_status
	ico_st_b_critdmg_up	버프 급소 노림	1차	ui_status
	ico_st_b_dmg_up	버프 기세	나중	ui_status
	ico_st_b_dmg_reduce	버프 피해 감소	1차	ui_status
	ico_st_b_crit_taken_down	버프 급소 보호	나중	신규
	ico_st_b_heal_up	버프 생기	나중	ui_status
	ico_st_b_heal_power_up	버프 따뜻한 손	1차	신규
	ico_st_b_hp_up	버프 튼튼함	나중	신규
	ico_st_b_shield	버프 보호막	1차	ui_status
	ico_st_b_regen	버프 재생	1차	ui_status
	ico_st_b_taunt	버프 도발	1차	ui_status
	ico_st_b_stealth	버프 숨음	1차	신규
	ico_st_b_reflect	버프 가시	1차	ui_status
	ico_st_b_lifesteal	버프 체력 흡수	나중	ui_status
	ico_st_b_cc_resist	버프 꿋꿋함	나중	신규
	ico_st_b_debuff_dur_down	버프 털어내기	나중	신규

상태 효과 아이콘 (2/2)

견본	id	이름	우선	기존 목록
	ico_st_b_immune	버프 맑은 마음	나중	ui_status
	ico_st_b_revive	버프 다시 피는 색	나중	ui_status
	ico_st_b_endure	버프 버팀	나중	ui_status
	ico_st_d_atk_down	디버프 무딘 손	1차	ui_status
	ico_st_d_def_down	디버프 갈라짐	1차	ui_status
	ico_st_d_spd_down	디버프 둔함	1차	ui_status
	ico_st_d_dmg_taken_up	디버프 표식	1차	ui_status
	ico_st_d_heal_down	디버프 메마름	나중	ui_status
	ico_st_d_burn	디버프 화상	1차	ui_status
	ico_st_d_stain	디버프 얼룩	나중	신규
	ico_st_d_poison	디버프 중독	1차	ui_status
	ico_st_d_shock	디버프 감전	1차	신규
	ico_st_d_stun	디버프 기절	1차	ui_status
	ico_st_d_freeze	디버프 빙결	나중	ui_status
	ico_st_d_silence	디버프 침묵	1차	ui_status
	ico_st_d_blind	디버프 눈부심	나중	ui_status
	ico_st_d_fade	디버프 색 잃음	나중	ui_status
	ico_st_d_stagger	디버프 휘청	1차	ui_status

메뉴 · 홈 아이콘 (1/2)

홈 좌우 아이콘 8개 + 가방·공지. J06 「새 기능 열림」 그림 칸(280×200)에는 이 아이콘을 3배(192)로 넣습니다. 메뉴 아이콘이 없는 기능의 그림은 다음 「새 기능 열림 그림」 쪽에 있습니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
ico_menu_mission	메뉴 미션 B01 J01 J06	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_attend	메뉴 출석 B01 J02 J06	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_mail	메뉴 우편 B01 J03 J06 K03	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_event	메뉴 이벤트 B01 H01 J06	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_story	메뉴 이야기 B01 F01 H01 J06	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_expedition	메뉴 원정 B01 G01 J06	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_pack	메뉴 꾸러미 B01 I01 J06	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_settings	메뉴 설정 B01 J06 K01	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_menu_bag	메뉴 가방 B01 C05 J06 J07	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차

• ico_menu_mission — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_attend — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_mail — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_event — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_story — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_expedition — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_pack — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_settings — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_menu_bag — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)

메뉴 · 홈 아이콘 (2/2)

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
ico_menu_notice	메뉴 공지 A05 J06 K01	64×64 2x 128×128	보통 · 눌림(btn_icon_round) · 알림(점) 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_home_pot	항아리 작은 아이콘 튜토리얼 · C02 C03 J06	64×64 2x 128×128	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_home_idlebox	방치 상자 B01 B02	96×96 2x 192×192	보통 · 가득(테두리 warn) · 알림 파일 2장(닫힘·넘침)	아니오	코드 SVG SVG · 파일 2	1차
ico_home_quick	즉시 보상(시계 + 번개) B01 B03 J06	96×96 2x 192×192	보통 · 남은 횟수 꼬리표 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_home_auto	항아리 자동 열기 B01 C03	64×64 2x 128×128	켬(청록) · 끔(회색) 하나 + modulate	아니오	코드 SVG SVG · 파일 1	1차
ico_home_sell	판매 설정(동전 + 화살표) B01 C01 C03	64×64 2x 128×128	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
ico_chest	상자(활동 점수·지도 보물·토벌 단계) B04 G03 J01	96×96 2x 192×192	닫힘 · 열 수 있음(빛남) · 열림 파일 2장 + 빛남	아니오	코드 SVG SVG · 파일 2	1차
ico_result	결제 결과 그림 ✓ · … · ! I03 K05	160×160 2x 320×320	성공 · 확인 중 · 실패 파일 3장	아니오	코드 SVG SVG · 파일 3	1차
ico_tut_hand	튜토리얼 손가락 튜토리얼	96×96 2x 192×192	누르기 반복(Tween) 하나	아니오	코드 SVG SVG · 파일 1	1차

• ico_menu_notice — J06 새 기능 열림 그림(280×200 칸)은 이 아이콘을 3배(192)로 키워 쓴다. 메뉴 아이콘이 없는 기능은 ico_feat_* (「새 기능 열림 그림」 쪽)
• ico_home_idlebox — 90% 넘으면 점, 가득이면 「가득 찼어요」
• ico_home_quick — s010 해금
• ico_home_auto — s020 해금
• ico_result — 화면 명세 I03 「상태 그림」 200×160 칸 안에 160
• ico_tut_hand — 브루니 앞발 모양 — 사람 손 대신. 강조 구멍(나머지 어둡게)은 셰이더

새 기능 열림 그림 (1/2)

J06 「새 기능 열림」은 기능 그림을 280×200 칸에 크게 보여 줍니다. 처음엔 「ico_menu_* 를 3배로」만 정해 두었는데, 해금 표(screens.json unlock 20줄)와 대조하니 우정·승급·장비 강화·색 바꾸기·유물·스킬 강화·장비 제작·각성처럼 메뉴 아이콘이 없는 기능이 많았습니다. 그래서 기능마다 그림 id 를 정하고, 없는 것은 ico_feat_* 11장을 새로 그렸습니다(64, 메뉴 아이콘과 같은 흰 원 바탕 — 3배로 키워도 결이 같습니다). 「여는 방식」은 UI/UX 기획서 온보딩 표(uiux_plan.json U01~U08)를 따르고, 거기 없는 줄은 「이 문서 제안」이라 적었습니다. J06 은 한 번에 하나씩(바이블 4-2 J06).

해금 줄	기능	조건	여는 방식	그림 id	근거
1	물감 항아리 · 스테이지 도전 · 브루니 장비 · 우편 · 이야기	시작	튜토리얼 T02~T07	ico_home_pot ico_menu_mail ico_menu_story	처음부터 화면에 있음 — J06 없음
2	파티 편성 · 동료 목록 · 동료 레벨업	1-3	튜토리얼 T09·T10	tab_nav_companion	튜토리얼이 손가락으로 연다
3	미션 · 출석 · 상점	1-5	튜토리얼 T11·T12	ico_menu_mission ico_menu_attend tab_nav_shop	같음
4	모집 · 도장 교환	1-7	튜토리얼 T14	tab_nav_recruit ico_cur_stardust	같음
5	항아리 레벨업	1-8	맥락 강조(항아리 꼬리표 1단계)	ico_home_pot	홈 주인공 위 꼬리표라 팝업이 필요 없다
6	즉시 보상	1-10	J06	ico_home_quick	uiux_plan 온보딩 마지막 줄 「즉시 보상이 열렸어요」
6	배속 ×2	1-10	맥락 강조(U01 — 배속 버튼 빛남)	ico_sys_speed	U01 「전투 중이라 J06 을 띄우지 않는다」
6	이벤트	1-10	J06(U02)	ico_menu_event	U02
7	장비 강화	브루니 Lv7	맥락 강조(U04 — 브루니 탭 점 + 강화 칸 빛남)	ico_feat_enhance	U04. 그림은 C04 강화 칸 「NEW」 옆·도움말
8	우정 · 선물	1-13	J06(U05 「우정이 열렸어요」)	ico_feat_bond	U05 — 메뉴 아이콘이 없어 새로 그린다(ico_sys_heart 48 은 선 글리프라 3배로 키우면 결이 다르다)
9	원정 · 골드 동굴 · 원정 상점	1-15	J06(U06)	ico_menu_expedition	U06
10	승급	1-20	맥락 강조(U07 — 승급 탭 빛남)	ico_feat_promote	U07
11	항아리 자동 열기	1-20	맥락 강조(U07 — 다음 홈 복귀 때 자동 버튼 빛남)	ico_home_auto	U07

새 기능 열림 그림 (2/2)

해금 줄	기능	조건	여는 방식	그림 id	근거
12	열매 숲	1-25	맥락 강조(U08 — G02 탭 「NEW」)	bgu_exp_tile_berry_grove	U08
13	정수 합성	시작	맥락 강조(가방 「합성」 빛남 1회)	ico_menu_bag	해금 표 guide
14	색 바꾸기(빨강)	1-30	J06	ico_feat_color	해금 표 guide 「팝업 바로」 — 이 문서 제안: J06 「색 바꾸기가 열렸어요」 → C07
14	유물	1-30	J06(색 바꾸기 다음 홈 복귀 때 — 하나씩)	ico_feat_relic	이 문서 제안 — 같은 스테이지 두 기능은 하나씩(U07 규칙)
15	장비 제작(영웅)	2-10	J06	ico_feat_craft	해금 표 guide 「제작 화면 안내」 — 이 문서 제안: J06 → C06
16	스킬 강화	2-15	맥락 강조(스킬 탭 빛남)	ico_feat_skill	해금 표 guide 「스킬 탭 강조」
16	스킬북 서고	2-15	맥락 강조(G02 탭 「NEW」)	bgu_exp_tile_skillbook	U08 과 같은 규칙(이미 연 화면의 새 탭)
17	색 바꾸기(파랑)	2-30	맥락 강조(C07 칩 「NEW」)	ico_feat_color	이미 연 화면의 새 칸
17	주간 토벌	2-30 · W1	J06	ico_feat_raid	이 문서 제안 — 새 모드라 J06. 1차 출시 밖
18	시련의 등대	4-10	J06	ico_feat_tower	이 문서 제안 — 1차 출시 밖
19	각성	동료 1명 ★5	맥락 강조(각성 탭 빛남)	ico_feat_awaken	해금 표 guide
20	어려움	보통 같은 장 마지막 + W6	맥락 강조(B04 「어려움」 토글 「NEW」)	ico_feat_hard	이 문서 제안 — 1차 출시 밖

새로 그린 기능 그림 ico_feat_*

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
ico_feat_enhance	기능 장비 강화(망치 + ▲) C04 C05 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_bond	기능 우정(하트 + 선물 상자) D02 D07 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_promote	기능 승급(별 + ▲) D02 D04 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_color	기능 색 바꾸기(5색 물감 접시) C04 C07 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_relic	기능 유물(빛나는 돌 목걸이) C04 C08 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_craft	기능 장비 제작(모루) C04 C06 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_skill	기능 스킬 강화(펼친 스킬북 + ▲) D02 D06 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_awaken	기능 각성(◆ 두 개 + 빛) D02 D05 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	1차
ico_feat_raid	기능 주간 토벌(뿔 달린 방패) G01 G03 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	나중
ico_feat_tower	기능 시련의 등대(등대) G01 G04 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	나중
ico_feat_hard	기능 어려움(뾰족한 두 봉우리) B04 J06	64×64 2x 128×128	기본 하나(J06 은 3배 192)	아니오	코드 SVG SVG · 파일 1	나중

맥락 강조로 여는 기능(J06 없음)도 그림 id 를 정해 둡니다 — 그 화면의 「NEW」 꼬리표 옆과 도움말(ico_sys_help)에서 같은 그림을 씁니다. 스테이지 조건은 장마다 30개라 s040 = 2-10, s100 = 4-10 으로 적었습니다.

시스템 아이콘

공통 규격: 48×48(2x 96) · 보통/비활성(modulate 50%) · 코드 SVG · 1차 필수 · 그림 48, 누르는 영역 96(touch.min). 선은 stroke.icon 3(바이블 2-4 — 선 자체가 그림인 글리프용 토큰. 면이 있는 아이콘의 외곽선은 stroke.s 2), 면은 2색 이내.

견본	id	이름	쓰는 화면	기존 목록
	ico_sys_close	시스템 닫기 ✕	팝업 전부(27)	ui_misc
	ico_sys_back	시스템 뒤로 ←	B04 B05 C05 C06 C08 D08 F01 외 13	ui_misc
	ico_sys_lock	시스템 자물쇠	B01 B04 C04 C06 C07 D01 D08 외 5	ui_misc
	ico_sys_check	시스템 완료 ✓	A02 B05 C04 D07 D08 F01 G03 외 2	ui_misc
	ico_sys_help	시스템 도움말 ?	B04 B05 C02 C05 C06 C08 D07 외 15	신규
	ico_sys_plus	시스템 더하기 +	재화 막대 화면 전부 · B01 B04 B05 C04 C05 C06 C08 외 20	신규
	ico_sys_minus	시스템 빼기 −	J08	신규
	ico_sys_arrow_r	시스템 가기 ›(◀ 는 좌우 뒤집기)	A02 B08 C02 D02 E02 J01 K01	ui_misc
	ico_sys_arrow_down	시스템 펼치기 ▾	C03 D01 K01	신규
	ico_sys_sort	시스템 정렬	B05 D01	신규
	ico_sys_filter	시스템 거르기	B05 D01	신규
	ico_sys_speed	시스템 배속	B06	ui_misc
	ico_sys_auto	시스템 필살 자동	B06 F02	ui_misc
	ico_sys_pause	시스템 일시정지 Ⅱ	B06	신규
	ico_sys_play	시스템 광고 ▶	B02 B03 E01 G02 I05 J05	ui_misc
	ico_sys_skip	시스템 넘기기 ▶▶	E03 F02	신규
	ico_sys_log	시스템 기록	F02	신규
	ico_sys_hide	시스템 창 숨김	F02	신규
	ico_sys_next	시스템 대사 다음 ▼	F02	신규
	ico_sys_copy	시스템 복사	K01 K02 K03	신규
	ico_sys_refresh	시스템 새로고침	I05	신규
	ico_sys_info	시스템 안내 i	E01 I01 I02	ui_misc
	ico_sys_warn	시스템 경고 !	C01 K05	신규
	ico_sys_heart	시스템 좋아함 ♥	D07	신규
	ico_sys_up	시스템 오름 ▲	C01 C05 D03	신규
	ico_sys_down	시스템 내림 ▼	C01	신규
	ico_sys_timer	시스템 남은 시간	E01 G01 H01 I01 I04 I05 J03	신규
	ico_sys_swap	시스템 교체	C05	신규
	ico_sys_external	시스템 밖으로 열기	A02 E02 K03	신규

탭 아이콘 · 막대 · 배너 (1/2)

아래 탭 아이콘은 흰 선 그림 1장씩이고 꺼짐(#9FB3C8)·켜짐(#FFD166)은 modulate 로 바꿉니다(견본은 남색 바탕 위에 보이게 그렸습니다). 막대는 전부 ProgressBar + StyleBox 라 그림이 없습니다.

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
tab_nav_adventure	아래 탭 모험 B01 C04 D01 E01 I01	64×64 2x 128×128	꺼짐 · 켜짐(8px 위 + 노랑) · 잠김 · 알림 하나 + modulate(꺼짐 #9FB3C8 · 켜짐 #FFD166) — 흰 선 그림 1장	아니오	코드 SVG SVG · 파일 1	1차
tab_nav_bruni	아래 탭 브루니 B01 C04 D01 E01 I01	64×64 2x 128×128	꺼짐 · 켜짐(8px 위 + 노랑) · 잠김 · 알림 하나 + modulate(꺼짐 #9FB3C8 · 켜짐 #FFD166) — 흰 선 그림 1장	아니오	코드 SVG SVG · 파일 1	1차
tab_nav_companion	아래 탭 동료 B01 C04 D01 E01 I01	64×64 2x 128×128	꺼짐 · 켜짐(8px 위 + 노랑) · 잠김 · 알림 하나 + modulate(꺼짐 #9FB3C8 · 켜짐 #FFD166) — 흰 선 그림 1장	아니오	코드 SVG SVG · 파일 1	1차
tab_nav_recruit	아래 탭 모집 B01 C04 D01 E01 I01	64×64 2x 128×128	꺼짐 · 켜짐(8px 위 + 노랑) · 잠김 · 알림 하나 + modulate(꺼짐 #9FB3C8 · 켜짐 #FFD166) — 흰 선 그림 1장	아니오	코드 SVG SVG · 파일 1	1차
tab_nav_shop	아래 탭 상점 B01 C04 D01 E01 I01	64×64 2x 128×128	꺼짐 · 켜짐(8px 위 + 노랑) · 잠김 · 알림 하나 + modulate(꺼짐 #9FB3C8 · 켜짐 #FFD166) — 흰 선 그림 1장	아니오	코드 SVG SVG · 파일 1	1차
tab_nav_sel	켜진 탭 반달 받침 B01 C04 D01 E01 I01	144×40 2x 288×80	기본 하나	아니오	코드 SVG SVG · 파일 1	1차
bar_hp_ally —	막대 아군 체력(초록) B06	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_hp_enemy —	막대 적 체력(빨강) B01 B06	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_hp_boss —	막대 보스 체력(속성 짙음) B06 G03	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_gauge —	막대 필살 게이지 B06	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_exp —	막대 경험치(청록) 재화 막대 화면 전부 · B01 B04 B05 C02 C04 C05 C06 C08 D01 외 18	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차

• tab_nav_adventure — art_assets ui_nav 6종(hunt·party·pot·recruit·story·shop)이 아래 탭 5칸과 안 맞아 5종으로(바이블 9장 ⑨)
• tab_nav_bruni — art_assets ui_nav 6종(hunt·party·pot·recruit·story·shop)이 아래 탭 5칸과 안 맞아 5종으로(바이블 9장 ⑨)
• tab_nav_companion — art_assets ui_nav 6종(hunt·party·pot·recruit·story·shop)이 아래 탭 5칸과 안 맞아 5종으로(바이블 9장 ⑨)
• tab_nav_recruit — art_assets ui_nav 6종(hunt·party·pot·recruit·story·shop)이 아래 탭 5칸과 안 맞아 5종으로(바이블 9장 ⑨)
• tab_nav_shop — art_assets ui_nav 6종(hunt·party·pot·recruit·story·shop)이 아래 탭 5칸과 안 맞아 5종으로(바이블 9장 ⑨)
• tab_nav_sel — 크림 반달 — 켜진 칸 아이콘 아래
• bar_hp_boss — TextureProgressBar 그림 대신 ProgressBar + StyleBoxFlat. 보스 체력 색은 실행 중 속성으로 바꾼다

탭 아이콘 · 막대 · 배너 (2/2)

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
bar_bond —	막대 우정(분홍) D07 D08	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_idle —	막대 방치(노랑) B02	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_stamp —	막대 모집 도장 E01 E05	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_progress —	막대 진행(미션 상자·토벌 단계·조각) D04 G03 J01	가로 늘어남 × 24 2x 높이 48	보통 · 가득(빛남) · 넘침 ProgressBar 채움 StyleBox(바탕은 bar_bg 공유)	늘어남(r.pill)	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bar_bg —	막대 바탕(공유) 공용	가로 늘어남 × 24 2x 높이 48	기본 StyleBox	늘어남	Godot StyleBox StyleBoxFlat · 파일 0 · res 1	1차
bnr_recruit	모집 배너 틀 E01	720×440 2x 1440×880	배너마다 그림 교체 틀 1장(그림은 아래에)	아니오	코드 SVG SVG · 파일 1	1차
bnr_event	이벤트 배너 틀 H01	720×300 2x 1440×600	기본 틀 1장	아니오	코드 SVG SVG · 파일 1	1차
bnr_shop	상점 추천 배너 틀 I01	672×240 2x 1344×480	기본 틀 1장	아니오	코드 SVG SVG · 파일 1	1차

• bar_bg — bg.sunken + stroke.m 3
• bnr_recruit — 모서리 장식 + 남은 기간 꼬리표 자리. 높이 440 확정(바이블 4-2 E01) — 화면 명세 520 으로는 1280 안에 탭 줄·확률 줄·보장 문구·1회/10회·법정 문구·아래 탭이 다 안 들어간다(화면 시안 E01). 글자 ×1.15 면 432, ×1.3 이면 400 으로 줄고 아래를 자르므로 픽업 동료 얼굴·이름·남은 기간은 위 400 안(안전 영역)에 둔다
• bnr_shop — 추천 탭 맨 위

이펙트 (1/2)

UI 효과만입니다(전투 타격·투사체 63종은 art 문서). 설정의 「움직임 줄이기」를 켜면 회전·숨쉬기·튐은 멈추고 페이드만 남습니다(바이블 2-2·화면 명세 common).

id · 견본	이름 · 쓰는 화면	크기(1x)	상태 · 만드는 방식	9조각	만드는 법 · 형식	우선
fxu_glow_ring	빛남 고리(둥근 것) B01 B06 E01 J02	96×96 2x 192×192	1.2초 숨쉬기 그림 1장 + Tween	아니오	코드 SVG SVG · 파일 1	1차
fxu_glow_rect	빛남 테두리(사각 9조각) 공용	늘어남	1.2초 숨쉬기 9조각 그림 1장 + Tween	9조각 48(여백 16)	코드 SVG SVG 9조각 · 파일 1	1차
fxu_sparkle	반짝이 4프레임 B08 C01 E04 J04	32×32 2x 64×64	4프레임 시트 1장(128×32)	아니오	코드 SVG SVG 시트 · 파일 1	1차
fxu_rays	보상 빛살(돌기) B08 E04 J04 J06	512×512 2x 1024×1024	회전 그림 1장 + 회전 Tween	아니오	코드 SVG SVG · 파일 1	1차
fxu_paint_splash	항아리 열 때 물감 튐 6프레임 B01	128×128 2x 256×256	6프레임 · 등급색 modulate 시트 1장(768×128)	아니오	코드 SVG SVG 시트 · 파일 1	1차
fxu_drop	모집 연출 물감 덩이(R 은회·SR 보라·SSR 금 — 등급색 토큰) E03	300×300 2x 600×600	R · SR · SSR 파일 3장	아니오	코드 SVG SVG · 파일 3	1차
fxu_color_return —	승리 때 색이 돌아오는 연출 B06 B08	720×1280	1초 채도 0 → 1 셰이더	—	Godot 노드·Tween·셰이더 셰이더(.gdshader) · 파일 0	1차
fxu_dot_pulse —	알림 점 콩닥 공용	24×24	1회 Tween(크기 1.0→1.2→1.0)	—	Godot 노드·Tween·셰이더 Tween · 파일 0	1차

• fxu_glow_ring — 「움직임 줄이기」면 숨쉬기 대신 고정 빛
• fxu_glow_rect — 주 버튼·받기 버튼·카드·전투 초상의 빛남
• fxu_sparkle — SSR·처음 얻음·전설 이상 장비
• fxu_paint_splash — 나온 장비 등급색으로 물들인다
• fxu_drop — 화면 명세 E03 「최고 등급에 따라 색」. 색은 바이블 2-1 동료 등급색 R #9AA3AD · SR #B48CFF · SSR #FFCF4A 그대로 — 예전 초안(R 흰·SR 금·SSR 무지개)은 SR 이 금색으로 나와 SSR 로 오인되어 버렸다. 무지개는 장비 7 찬란 전용(바이블 2-1)이라 쓰지 않는다

이펙트 (2/2)

• fxu_tap — 1차는 눌림 내려앉음(shadow.pressed)으로 충분

화면별 역색인 (1/3)

화면 명세 65개 화면마다 이 목록의 어느 에셋이 걸리는지 거꾸로 적었습니다. 빈 화면이 있으면 목록이 빠진 것입니다 — 지금 0개. 공용 부품(12개: ldg_bruni_walk btn_primary btn_secondary frm_panel frm_card frm_toast bdg_dot bdg_tag bar_bg fxu_glow_rect fxu_dot_pulse fxu_tap)은 명세 구역에 이름이 나온 화면에만 적었고, 팝업 공통(어둡게·팝업 패널·✕)은 팝업마다 들어 있습니다.

화면별 역색인 (2/3)

화면별 역색인 (3/3)

기존 art_assets ui 119개 대응표

art 문서의 art_assets.json ui_groups 20묶음 119개가 이 목록의 어디로 갔는지입니다. 기존 파일 이름은 ui/btn_primary.png 처럼 분류 폴더가 없었는데, 바이블 6-2 규칙(ui/<분류>/<id>.svg)으로 바꿉니다. art 문서·art_assets.json 반영은 메인이 정합니다.

경계 · 글꼴 · 바이블에 반영한 것

다른 문서가 맡는 그림 — 이 목록 개수에 넣지 않음

글꼴(그림 아님 — 목록 관리용)

UI 바이블에 반영한 것 (2026-10-14)

이 문서를 쓰며 바이블과 어긋났던 규칙입니다. 구현자가 기준 둘을 받지 않도록 바이블 쪽을 고쳤습니다 — 아래 「반영한 곳」이 uiux-bible.md 의 절입니다.

근거 · 미확인 · 넘겨받을 일

미확인

• Godot 4 Android 내보내기의 런처 아이콘 칸 이름(launcher_icons/main_192x192 등) — 첫 내보내기 때 확인합니다.
• StyleBoxFlat 에서 shadow_size = 0 일 때 그림자가 그려지는지 — 「만드는 법」 쪽 예시는 1 로 적었습니다.
• iOS 앱 아이콘 규격 — Apple 원문은 이번에 열람하지 않았습니다. art 문서 값(1024×1024)을 옮겼습니다.
• Play 게임즈 로그인 단추 — Google 브랜드 자료의 사용 조건은 연동 작업 때 확인합니다.
• 견본 SVG 는 크기·실루엣 확인용 1차 초안입니다. 그림 결(P4 그림책 스티커)은 화면 시안 문서에 얹어 본 뒤 고칩니다.

넘겨받을 일