← UI/UX · 문서 묶음

bruni · 브루니 키우기: 바랜 섬주요 화면 시안
UI / Mockups

주요 화면 시안
9개

만든 날 2026-10-14 · 고친 날 2026-10-15 — 깃 이력에서 자동으로 박혀요

브루니 키우기: 바랜 섬 · 키우기·방치형 + 수집형 RPG

항목내용
문서주요 화면 시안 9개(2차 시안) — 세로 720×1280, HTML/CSS 로 그린 시안
2차 시안2026-10-14 검토 11건 반영 — 전투 초상 간격 · C04 추가 · 모집 버튼 계층 · 재화 부족 · 동료 목록 분모 · 카드 넘침 · 홈 유닛 가림 · 어절 줄바꿈 · 추천 탭 · 원화 환산 단가 · 꼬리표 자리 · 공통 표본 상태
기준UI/UX 바이블 game-design/uiux/uiux-bible.md(2026-10-14) 2장 토큰 · 3장 부품 · 4장 배치 · 5장 확정 용어
화면B01 모험 (홈) · B02 방치 보상 (팝업) · B06 전투 (스테이지 도전) · C04 브루니 · D01 동료 목록 · D02·D03 동료 상세 — 레벨업 탭 · E01 모집 · E04 모집 결과 (10회) · I01 상점
그림캐릭터는 코드로 그린 SVG(art/svg/gen_svg.py · bruni_v2.py 출력) 6종. 아이콘·적·항아리·배경은 생성기 uiux/gen/mockups.py 안에서 SVG 로 그렸습니다. 이미지 생성 API·유료 도구는 쓰지 않았습니다(비용 0원)
숫자game-design/data/*.json(2026-10-13 기준)에서 계산한 값과 시안용 표본값을 화면마다 표로 나눴습니다
레퍼런스App Store KR 스크린샷(iTunes Lookup API, 2026-10-14 수집) — 내부 참고용, 배치만 보고 그림은 베끼지 않음
bruni01
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
Overview / Contents

문서 개요 및 목차

UI/UX 바이블의 토큰·부품·용어를 실제 화면 크기에 그대로 적용해 보는 시안입니다. 화면 하나에 바이블 규칙이 한꺼번에 걸리므로, 규칙끼리 부딪히는 곳과 데이터가 비는 곳이 드러납니다. 이렇게 드러난 것은 13~15쪽에 모았습니다.

범위UI 바이블 7장 5번이 1차 시안 때 정한 8개(B01·B02·B06·C04·D02·E01·E04·I01)에 D01 동료 목록을 더해 9개를 그렸습니다(바이블 7장도 9개로 고쳤습니다). 1차 시안은 C04 를 빼고 D01 로 바꿨지만, 에셋 문서의 스토어 스크린숏 4번이 C04 를 찍게 되어 있어 2차 시안에서 C04 를 넣었습니다. D02 는 레벨업 탭(D03)을 펼친 상태입니다.
no화면주 버튼쓴 부품(앞 4개)
B01모험 (홈) — scr_home물감 항아리(그림 버튼)cmp_topbar, cmp_tabbar, cmp_guide_card, cmp_btn_secondary …
B02방치 보상 (팝업) — scr_idle_claim받기(받기 버튼) — 광고 2배와 같은 크기cmp_popup, cmp_bar, cmp_chip_reward, cmp_btn_reward …
B06전투 (스테이지 도전) — scr_battle없음(필살 자동 켜짐) — 끄면 초상이 버튼cmp_bar(보스 체력·체력·필살 게이지), cmp_attr_chip, cmp_btn_secondary(배속·자동·Ⅱ)
C04브루니 — scr_bruni없음 — 장비 칸이 버튼, 「색 바꾸기」「유물」은 보조(이 표본에서는 잠김)cmp_topbar, cmp_bar(경험치), frm_gear, frm_slot_empty …
D01동료 목록 — scr_roster없음 — 카드가 버튼, 아래 「편성으로」는 보조cmp_topbar, cmp_attr_chip, cmp_grade_badge, cmp_card …
D02·D03동료 상세 — 레벨업 탭 — scr_char + scr_char_level레벨업cmp_topbar(하위), cmp_attr_chip, cmp_grade_badge, cmp_tabs …
E01모집 — scr_recruit없음 — 1회·10회 모두 보조 버튼, 같은 크기·같은 채움cmp_topbar, cmp_tabs(배너), cmp_tag, cmp_bar(도장) …
E04모집 결과 (10회) — scr_recruit_result확인 — 「한 번 더 10회」는 보조, 같은 크기(빛구슬이 모자라 비활성)cmp_card(결과), cmp_grade_badge, cmp_tag(NEW), cmp_bar(도장) …
I01상점 — scr_shop없음 — 추천 탭은 받기(받기 버튼)와 ▶ 광고(보조)만cmp_topbar, cmp_tabs, cmp_card, cmp_btn_reward …

목차

쪽내용
01 표지문서 정보
02 개요이 쪽
03 공통 규칙토큰 → CSS 변수, 좌표 방식, 그림 출처
04 B01모험 (홈)
05 B02방치 보상 (팝업)
06 B06전투 (스테이지 도전)
07 C04브루니
08 D01동료 목록
09 D02·D03동료 상세 — 레벨업 탭
10 E01모집
11 E04모집 결과 (10회)
12 I01상점
13 글자 3단 점검×1.0 · ×1.15 · ×1.3 으로 다시 렌더한 자동 점검 결과와 잘리는 라벨 목록
14 용어·점검이 시안에 적용한 확정 용어, 규칙 점검
15 출처·남은 일레퍼런스 출처 전부, 다음 고침에 할 일
숫자 읽는 법9개 시안은 아래 「공통 표본 상태」 하나를 읽습니다. 시점은 W5 공개 직후(아궁 픽업 모집이 열린 날)이고, 최고 스테이지는 1-9 입니다. B01~E01 은 모집 전, E04·I01 은 10회 모집 직후 값입니다(빛구슬 −1,500 · 도장 +10). 데이터에서 계산한 숫자는 출처를 붙였고, 계정 상태(보유 재화·레벨·보유 동료)는 표본값입니다. 그림이 있는 동료가 6명뿐이라 W0 출시 시점이 아니라 W5 시점으로 잡았습니다 — 가람 W2 · 동동 W1 · 깜장 W4 · 아궁 W5 공개(characters.json wave).
bruni02
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
Common / Tokens

공통 규칙

시안은 그림 파일 한 장이 아니라 HTML 요소로 짰습니다. 요소마다 screens.json 과 같은 720×1280 좌표(x·y·w·h)를 가지고, calc(좌표 × var(--u))로 폰 폭에 맞춰 줄어듭니다. 그래서 시안의 좌표를 Godot 씬 좌표로 그대로 옮길 수 있습니다.

토큰 → CSS 변수

변수값UI 바이블 토큰
--u100cqw ÷ 720시안 1단위. 폰 폭 340px 이면 1단위 ≈ 0.47px — 720 캔버스를 그대로 줄인다
--bg / --sunk / --surf#FFF7EF / #F7F1E6 / #FFFFFFbg.base · bg.sunken · surface
--night#0B2947surface.night — 아래 탭·팝업 제목 띠·전투 위 띠
--ln / --sub#3A2A33 / #7A6870line·text.main / text.sub
--pri / --pris#2BB3A3 / #D9F3EEaccent.primary(주 버튼 면만) / 선택 바탕
--rew#FFCF4Aaccent.reward — 받기 버튼·SSR·빛남 고리
--wrn / --fad#D93A3F / #C3C0C6알림 점 / 미보유·잿빛 무리
속성 5색#F07A6A · #4FD18B · #5AA9E6 · #F5C84C · #A98AF0칩 바탕으로만, 위에 흰 상징 아이콘(불씨·새순·물방울·번개·초승달)
--s4 / --s34 / 3 단위stroke.l / stroke.m
--sh아래 6단위, 번짐 0, 25%shadow.btn — 번짐 없는 그림자
.t24 ~ .t5624 · 28 · 32 · 40 · 56t.caption · t.body/label · t.title.s · t.title · t.display
글꼴Jua(제목·버튼) · Pretendard(본문, tnum)2-2 — Jua 는 Google Fonts, 없으면 Pretendard 로 대체

화면별 부품 사용

부품 idB01B02B06C04D01D02·D03E01E04I01
cmp_attr_chip●●●●
cmp_bar●●●●●●
cmp_btn_primary●●
cmp_btn_reward●●
cmp_btn_secondary●●●●●●●●
cmp_card●●●
cmp_chip_reward●●
cmp_dot●●●
cmp_grade_badge●●●
cmp_guide_card●
cmp_judge●
cmp_popup●
cmp_tabbar●●●●●
cmp_tabs●●●
cmp_tag●●●●
cmp_toast●●
cmp_topbar●●●●●●
frm_gear●
frm_slot_empty●

캐릭터 그림

동료파일id메모
브루니bruni_v2_green.svgc001v2 옆얼굴 카멜레온, 초록(시작 색)
아궁agung.svgc048불곰 · 빨강 · 수호 · SSR
가람garam.svgc024고래 · 파랑 · 수호 · SSR
소금rabbit.svgc004흰토끼 · 노랑 · 치유 · SR — gen_svg.py 표기는 「토끼 · 초록」이지만 몸이 흰색이라 흰토끼 소금에 붙였습니다. 목수건 색은 데이터 속성(노랑)과 다릅니다
깜장cat.svgc044검은고양이 · 보라 · 원거리 · R — SVG 몸색은 연보라
동동duck.svgc023오리 · 노랑 · 치유 · R

공통 표본 상태

9개 시안은 uiux/data/mockups.json 의 state 하나를 읽습니다. 그래서 E01 에서 10회를 누른 뒤 E04 로 넘어가면 빛구슬이 1,500 줄고 도장이 10 늘며, D01 에 없던 동료만 「NEW」가 붙습니다. 생성기가 「모집 전 빛구슬 ≥ 10회 값」 「픽업 동료는 미보유」 「편성은 보유 동료」를 검사합니다.

항목모집 전모집 뒤
시점W5 공개 직후 · 아궁 픽업 모집 첫날 · 최고 스테이지 s009(1-9)W5 공개 직후 · 아궁 픽업 모집 첫날 · 최고 스테이지 s009(1-9)
빛구슬2,7301,230 (−1,500)
모집 도장132142 (+10)
골드 · 물감 · 열매 · 모집권1.23만 · 128 · 1,436 · 3같음
브루니 · 전투력Lv 18 · 7,020같음
보유 동료브루니 · 가람 · 다홍 · 해랑 · 소금 · 도토 · 깜장 · 동동 · 말랑 · 솔방 (10명)+ 아궁 · 반디 · 나래 · 두더
편성가람 · 브루니 · 소금 · 깜장 · 동동같음
읽는 시안B01 · B02 · B06 · C04 · D01 · D02 · E01E04 · I01
bruni03
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
B01 / Home

B01 모험 (홈)

가장 오래 머무는 화면입니다. 위 절반은 보기만 하는 자동 전투, 아래 절반은 엄지로 누르는 조작부로 나눴습니다.

명세 id
scr_home
주 버튼
물감 항아리(그림 버튼)
쓴 부품
cmp_topbar · cmp_tabbar · cmp_guide_card · cmp_btn_secondary · cmp_judge · cmp_bar · cmp_dot · cmp_tag

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

레전드 오브 슬라임 스토어 스크린샷 06레전드 오브 슬라임 · 06
LoadComplete Co., Ltd · 수집 2026-10-14
스토어 · 원본
위 전투 · 아래 조작부 비율, 상시 안내 카드
세븐나이츠 키우기 스토어 스크린샷 05세븐나이츠 키우기 · 05
Netmarble Corporation · 수집 2026-10-14
스토어 · 원본
안내 미션 카드 「[가이드-220] … (60/60)」, 한정 아이콘 아래 시간
쿠키런: 크럼블 스토어 스크린샷 01쿠키런: 크럼블 · 01
Devsisters Corp. · 수집 2026-10-14
스토어 · 원본
「스테이지 84-14」 표기, 안내 카드 「10/10」
버섯커 키우기 스토어 스크린샷 04버섯커 키우기 · 04
JOY MOBILE NETWORK PTE. LTD. · 수집 2026-10-14
스토어 · 원본
뽑기 장치(램프)를 홈 전투 바로 아래에 붙인 배치

배치 이유

영역(y, 720 기준)결정근거
재화 막대 0~88초상·Lv·전투력은 왼쪽, 재화 알약 3개는 오른쪽에 둡니다. 세 번째 알약은 홈 문맥이라 물감입니다.P1 · cmp_topbar · legend-of-slime/06
스테이지 띠 88~152「1-9 등대 언덕길 · 웨이브 2/3」. 내부 id(s009) 대신 장-순번 표기를 씁니다.5-1 #1·86 · cookierun-crumble/01 「스테이지 84-14」
자동 전투 152~632화면 위 49%(막대 포함)입니다. 좌우 아이콘 기둥(x 12~108 · 612~708)은 받침 없이 그림 56 + 글자만 두고, 누름 영역 96칸 4개씩을 지킵니다. 아군·잿빛 무리는 x 124~596 안에서만 움직이게 묶어 기둥에 가리지 않습니다(자동 점검 「유닛 가림」 0건). 점은 미션·출석·우편 세 곳에만 켰습니다.patterns.md 홈 행 · 4-3 · P5 · legend-of-slime/06
기둥 자리 재확인legend-of-slime/06 은 아이콘 기둥이 전장 바깥 띠가 아니라 **전장 안 하늘 쪽**에 받침 없이 떠 있고, 유닛은 가운데 땅 띠를 걷습니다. 아이콘 폭은 화면 폭의 약 9%(333px 폭 캡처에서 약 30px — 눈으로 잰 값)입니다. 그래서 기둥을 빼지 않고, 받침을 없애고 유닛 영역을 가운데로 묶는 쪽을 골랐습니다. 「설정」 「이야기」를 더보기로 옮겨 3칸으로 줄이는 안은 남은 일로 둡니다.legend-of-slime/06 (2026-10-14 수집)
안내 미션 카드 644~740튜토리얼 뒤 길잡이입니다. 과제 + n/n 막대 + 보상 칩 + 「가기」를 한 줄에 담았습니다.cmp_guide_card · legend-of-slime/06 · seven-knights-idle/05 · cookierun-crumble/01
보조 줄 752~864방치 상자(7:12, 막대) · 즉시 보상(무료 1) · 도전 ▶ 1-10(판정 배지 「충분」)을 둡니다. 「무료 1」 꼬리표는 칸 오른쪽 위 모서리 바깥에 걸고, 시계 아이콘은 칸 위에서 30 내려 꼬리표와 겹치지 않게 했습니다. 도전은 보조 무게입니다. 홈의 주인공은 항아리라서 주 버튼 청록을 쓰지 않습니다.P2 · 4-2 B01 · cmp_tag
항아리 880~1150400×270 크기이고 y ≥ 840 엄지 영역 한가운데에 둡니다. 좌 「자동」·우 「판매」는 120×104 크기입니다.P1 · bussukeo/04(뽑기 장치를 홈 아래에)
아래 탭 1160~1280모험 · 브루니 · 동료 · 모집 · 상점, 5칸 × 144입니다. 지금 탭은 노란 글자 + 크림 반달 받침 + 위로 8px 올립니다. 점은 브루니(강화 가능)·동료(승급 가능) 두 곳이고 9개 시안이 같은 점을 씁니다.cmp_tabbar · 9장 ⑨ · 4-3

이 시안의 숫자

항목값출처
스테이지 띠1-9 등대 언덕길stages.json s009(내부 id 는 화면에 안 씀) · 표본 최고 스테이지
도전 버튼1-10 · 추천 전투력 6,748stages.json s010 req_cp
판정 배지전투력 7,020 ÷ 6,748 = 104% → 「충분」(≥100)screens B01 도전 기준 · 전투력은 표본
방치 상자 막대7:12 / 24시간 = 30%economy.json fixed.idle cap_h 24
재화 막대골드 1.23만 · 빛구슬 2,730 · 물감 128공통 표본(모집 전) · 표기는 screens common 큰 수 규칙
유닛 영역x 124~596 · 기둥 x 12~108 · 612~708자동 점검 「유닛 가림」
가져오지 않은 것legend-of-slime/06 의 「Enhance」 초록 버튼 10줄 목록은 가져오지 않았습니다. 우리 홈은 항아리 하나가 주인공입니다(8장). 아이콘 기둥 위 반투명 받침도 1차 시안에서 뺐습니다 — 받침이 있으면 그 뒤 유닛이 가려집니다.
bruni04
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
B02 / Idle Reward

B02 방치 보상 (팝업)

앱을 다시 열 때마다 보는 팝업입니다. 「얼마나 쉬었나 → 무엇을 받나 → 더 받으려면」 순서로 위에서 아래로 읽힙니다.

명세 id
scr_idle_claim
주 버튼
받기(받기 버튼) — 광고 2배와 같은 크기
쓴 부품
cmp_popup · cmp_bar · cmp_chip_reward · cmp_btn_reward · cmp_btn_secondary(광고 변형)

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

쿠키런: 크럼블 스토어 스크린샷 03쿠키런: 크럼블 · 03
Devsisters Corp. · 수집 2026-10-14
스토어 · 원본
제목 띠 → 현재 스테이지 + 「9-11 도달 시 보상 증가」 → 보상 4칸 → 시간/상한 → 받기
탕탕특공대 스토어 스크린샷 02탕탕특공대 · 02
HABBY PTE. LTD. · 수집 2026-10-14
스토어 · 원본
노란 제목 띠 팝업 → 선택지 → 아래 버튼 구조

배치 이유

영역(y, 720 기준)결정근거
뒤 화면홈을 자두색 60%로 어둡게 덮어 팝업만 떠 보이게 합니다(검정 대신 dim).2-1 dim
제목 띠남색 88 + 흰 제목, 왼쪽 위 「?」, 오른쪽 위 ✕(누름 영역 96).cmp_popup · cookierun-crumble/03 왼쪽 위 「?」
시간 + 막대「7시간 12분 쉬었어요」 아래 노랑 방치 막대(상한 24시간)를 둡니다. 상한을 넘으면 문구가 warn.text 로 바뀝니다.screens B02 states · cmp_bar 방치 노랑
보상 칩 4골드 · 열매 · 브루니 EXP · 물감입니다. 값은 economy.json 식(1-7 기준)으로 계산했습니다.economy.json fixed.idle
다음 스테이지 힌트「1-10 을 깨면 시간당 보상이 2% 늘어요 ›」. 방치 보상에서 도전으로 잇는 줄입니다(신설).4-2 B02 · cookierun-crumble/03 「9-11 도달 시 보상 증가」
버튼 줄「받기」(노랑)와 「▶ 2배로 받기 (1/1)」(흰 바탕)는 폭 280 · 높이 120으로 같습니다. 다른 점은 채움 하나뿐입니다.P5 · 공정위 다크패턴 가이드라인 2026-10-06

이 시안의 숫자

항목값출처
경과7시간 12분(432분)표본
골드5,061600 × 1.02^(9−1) × 432 ÷ 60, 내림 — economy.json fixed.idle
열매843100 × 1.02^(s−1) × 432 ÷ 60
브루니 EXP2,530300 × 1.02^(s−1) × 432 ÷ 60
물감50(6 + 장 1) × 432 ÷ 60
힌트 「2%」1-9 → 1-10 이면 시간당 ×1.02economy.json gold_per_h [600, 1.02]
가져오지 않은 것cookierun-crumble/03 은 「보상 받기」 버튼에 빨간 점을 붙였지만 가져오지 않았습니다. 팝업이 이미 떠 있으면 점은 정보를 더하지 않습니다(4-3).
bruni05
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
B06 / Battle

B06 전투 (스테이지 도전)

몰입 화면이라 재화 막대와 아래 탭을 숨깁니다. 눈은 가운데 전장에, 엄지는 아래 초상 줄에 둡니다.

명세 id
scr_battle
주 버튼
없음(필살 자동 켜짐) — 끄면 초상이 버튼
쓴 부품
cmp_bar(보스 체력·체력·필살 게이지) · cmp_attr_chip · cmp_btn_secondary(배속·자동·Ⅱ)

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

프린세스 커넥트! Re:Dive 스토어 스크린샷 07프린세스 커넥트! Re:Dive · 07
Kakao Games Corp. · 수집 2026-10-14
스토어 · 원본
아래 아군 초상 줄(HP·스킬 게이지), 위 웨이브·시간
쿠키런: 킹덤 스토어 스크린샷 07쿠키런: 킹덤 · 07
Devsisters Corp. · 수집 2026-10-14
스토어 · 원본
가운데 위 시간, 오른쪽 위 일시정지, 아래 AUTO·배속

배치 이유

영역(y, 720 기준)결정근거
위 띠 0~100「1-10 보스 · 웨이브 3/3」과 남은 시간 1:12를 둡니다. 보스 스테이지 시간 한도 90초는 stages.json s010 값입니다. 홈(B01)의 「도전 ▶ 1-10」을 누른 뒤 화면입니다.stages.json · 5-1 #1
보스 체력 110~160속성 칩(초록·새순) + 보스 이름 「덩굴손」 + 체력 막대를 둡니다. 막대 채움은 속성 짙음색입니다.cmp_bar · P3 · bosses.json b009
전장 170~870아군은 왼쪽 2열(앞줄 가람·브루니, 뒷줄 소금·깜장·동동), 잿빛 무리는 오른쪽에 둡니다. 피해 숫자는 흰 테두리 글자로 띄우고, 그 아래 상성 낱말(「불리」)을 붙입니다.screens B06 · 5-1 #9 잿빛 무리 · combat.json element
조작 줄 880~976배속 ×2 · 필살 자동 · Ⅱ, 높이 96. 일시정지를 오른쪽 끝에 떼어 놓아 잘못 누르지 않게 합니다.touch.min · cookierun-kingdom/07(AUTO·배속 아래)
초상 5칸 984~1184칸 120×200, 칸 사이 16, 좌우 바깥 28입니다. (720 − 24×2 − 16×4) ÷ 5 = 121.6 이라 120 으로 내렸고, 남는 8을 좌우에 4씩 더했습니다. 1차 시안(144×210 × 5 = 720)은 margin.screen 24 와 gap.touch 16 을 하나도 지키지 못해, 필살을 손으로 쓸 때 초상 버튼끼리 붙었습니다. 칸 안에는 그림 92 · 이름 · 체력(초록) · 필살 게이지(청록)를 위에서부터 고정 자리로 쌓습니다. 게이지가 가득 찬 칸(가람)은 노란 고리 + 이름 띠 노랑으로 빛납니다.2-3 margin.screen · gap.touch · cmp_btn_primary 빛남 규칙 · princess-connect/07
전투 기록 1198~1280마지막 2줄입니다. 상성은 「파랑 → 초록 불리」처럼 낱말로 적습니다. 값은 combat.json element.matrix(파랑→초록 0.8)에서 읽습니다.P3 · 5-1 #48 · combat.json

이 시안의 숫자

항목값출처
위 띠1-10 보스 · 웨이브 3/3 · 남은 1:12stages.json s010 「등대 언덕길 · 덩굴손」 time_limit_s 90
보스덩굴손(바랜 덩굴 무리 → 화면 설명은 「잿빛 무리」) · 초록bosses.json b009
3웨이브 적잿빛 메뚜기 · 잿빛 갯게 · 덩굴손stages.json s010 waves[2]
상성가람(파랑) → 덩굴손(초록) ×0.8 「불리」combat.json element.matrix
초상 칸120×200 · 간격 16 · 좌우 28 — (720 − 24×2 − 16×4) ÷ 5 = 121.6 → 1202-3 margin.screen 24 · gap.touch 16
편성앞줄 가람·브루니 / 뒷줄 소금·깜장·동동공통 표본 party · B05 앞줄 2 · 뒷줄 3
가져오지 않은 것레퍼런스들은 일시정지를 위 오른쪽에 둡니다. 우리는 조작 줄 오른쪽 끝(엄지 영역)으로 내렸습니다. 대신 누르면 바로 멈추고 「포기하기」는 확인을 한 번 더 받습니다(B07). princess-connect/07 처럼 초상을 화면 폭 끝까지 붙이는 배치도 가져오지 않았습니다 — 필살 수동일 때 옆 칸을 잘못 누릅니다.
bruni06
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
C04 / Bruni

C04 브루니

주인공 한 명을 키우는 화면입니다. 가운데 브루니, 좌우에 장비 6칸을 두고, 「어디를 누르면 더 세지나」를 점 하나로 알려 줍니다.

명세 id
scr_bruni
주 버튼
없음 — 장비 칸이 버튼, 「색 바꾸기」「유물」은 보조(이 표본에서는 잠김)
쓴 부품
cmp_topbar · cmp_bar(경험치) · frm_gear · frm_slot_empty · cmp_dot · cmp_attr_chip · cmp_btn_secondary(잠김) · cmp_tabbar

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

세븐나이츠 키우기 스토어 스크린샷 04세븐나이츠 키우기 · 04
Netmarble Corporation · 수집 2026-10-14
스토어 · 원본
가운데 캐릭터 미리보기 + 능력치 증감
냥코 대전쟁 스토어 스크린샷 03냥코 대전쟁 · 03
ponos corporation · 수집 2026-10-14
스토어 · 원본
가운데 캐릭터 + 아래 설명 상자

배치 이유

영역(y, 720 기준)결정근거
레벨 줄 100~172「Lv 18」 + 경험치 막대(청록) + 61%. 오른쪽에 전투력을 숫자로 둡니다.screens C04 레벨 · growth.json bruni_level
장비 6칸 192~704왼쪽 무기 · 모자 · 옷, 오른쪽 장갑 · 신발 · 장신구. 칸 144×160, 칸 사이 16. 칸 안 위에 등급 틀 96(등급색 면 + 부위 아이콘 64), 오른쪽 아래 「+n」 강화 수치, 아래에 「희귀 무기」처럼 등급 이름 + 부위를 글자로 적습니다(P3 — 틀 색만으로 등급을 말하지 않음).4-2 C04 · frm_gear · 2-1 장비 등급색
빈 칸장신구는 비어 있습니다 — 점선 틀 + 「+」 + 「비었어요」. 누르면 「물감 항아리를 열어 장비를 얻어요」 토스트.frm_slot_empty · screens C04 states
강화 점무기 칸에만 점을 켭니다. +1 → +2 는 브루니 Lv 14 부터이고 강화석(하) 3 · 골드 2,700 이 드는데, 표본 계정이 모두 채웁니다. 다른 칸은 이미 +2 라 다음 강화(Lv 21 필요)가 막혀 점이 없습니다. 아래 탭 「브루니」에도 같은 점을 켭니다.growth.json gear_enhance · 4-3 브루니 탭
브루니 184~700v2 옆얼굴 카멜레온, 지금 색(초록) + 발밑 그림자. 아래에 초록 칩(새순) + 「초록」 글자를 둡니다.art/svg bruni_v2.py · cmp_attr_chip
세트 줄 720~776「고운빛 가시 차림 3/6 ✓ 공격 +4%」. 희귀 이상 공격형(날) 장비 3부위를 입어 3부위 효과가 켜진 상태입니다. 6부위 효과는 회색 글자로 남깁니다.items.json sets set_blade_g3
능력치 788~9642열 3줄 — 공격 · 체력 · 방어 / 속도 · 치명률 · 치명 피해. 값은 표본입니다. 「자세히 ▾」는 출처별(레벨·장비·세트·유물·색) 합산 팝업입니다.screens C04 능력치
보조 두 개 984~1104「색 바꾸기」 「유물」, 폭 324 · 높이 120 같은 크기. 표본 계정은 1-9 까지라 둘 다 **잠김**입니다 — 자물쇠 + 「1-30 을 깨면 열려요」. 숨기지 않고 잠김으로 보여 다음 목표를 알려 줍니다.growth.json color s030 · relic · 3장 잠김 상태

이 시안의 숫자

항목값출처
레벨Lv 18 · 다음까지 1,570 EXP 의 61%growth.json bruni_level · 진행률은 표본
장비 6칸무기 희귀 +1 · 모자 희귀 +2 · 옷 희귀 +2 · 장갑 고급 +2 · 신발 고급 +2 · 장신구 빈 칸items.json slots·grades · 등급색 바이블 2-1 · 장비는 표본
강화 점무기 +1→+2: 브루니 Lv 14 · 강화석(하) 3 · 골드 2,700 — 보유 Lv 18 · 강화석 7 · 골드 12,340growth.json gear_enhance
세트고운빛 가시 차림 3/6 — 3부위 atk_pct +4 · 6부위 crit_dmg +12items.json sets set_blade_g3
색 바꾸기 · 유물1-30(s030) 를 깨면 열림 → 표본(최고 1-9)에서는 잠김growth.json color · screens C04 buttons cond
능력치 6칸공격 1,284 · 속도 100 · 체력 18,760 · 치명률 6.5% · 방어 412 · 치명 피해 154%표본(계산 아님)
가져오지 않은 것레퍼런스의 장비 화면은 장비 칸에 등급 색 틀만 두고 등급 이름을 적지 않는 경우가 많습니다. 우리는 「희귀 무기」 글자를 붙입니다(P3). 스토어 스크린숏 4번(「색을 바꾸면 상성이 바뀌어요」)은 1-30 을 넘긴 계정으로 다시 찍어야 합니다 — 이 시안은 잠김 상태입니다.
bruni07
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
D01 / Companions

D01 동료 목록

동료를 모으는 게임의 수집 장부입니다. 한 카드에 「누구 · 얼마나 컸나 · 무슨 색」이 모양까지 달리해 보이게 했습니다.

명세 id
scr_roster
주 버튼
없음 — 카드가 버튼, 아래 「편성으로」는 보조
쓴 부품
cmp_topbar · cmp_attr_chip · cmp_grade_badge · cmp_card · cmp_dot · cmp_tabbar

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

세븐나이츠 키우기 스토어 스크린샷 02세븐나이츠 키우기 · 02
Netmarble Corporation · 수집 2026-10-14
스토어 · 원본
보유만 표시 체크 + 보유 수 + 정렬, 카드 위 별·Lv·조각
프린세스 커넥트! Re:Dive 스토어 스크린샷 05프린세스 커넥트! Re:Dive · 05
Kakao Games Corp. · 수집 2026-10-14
스토어 · 원본
위 필터 탭 + 격자 카드

배치 이유

영역(y, 720 기준)결정근거
필터 줄 100~196속성 원형 칩 5개(아이콘 + 색)와 「역할 ▾」 「등급 ▾」를 둡니다. 칩 하나의 누름 영역은 88×96 입니다.cmp_attr_chip · P3
정렬 줄 208~288「정렬: 전투력 ▾」, 「보유만」 토글(꺼짐), 보유 수 「10/53」. 분모는 characters.json 전체(60)가 아니라 **그 시점에 공개된 동료 수**입니다 — 출시 W0 이면 15, 이 표본 시점(W5 공개 직후)이면 W0~W5 합 53. 공개 전 동료를 분모에 넣으면 출시 뒤에도 「10/60」처럼 영영 못 채우는 수가 보입니다.screens D01 · characters.json wave · seven-knights-idle/02(보유 영웅만 표시 + 133/133)
카드 4열 300~1004156×224 크기, 줄 간격 240 입니다. 안쪽 자리를 고정했습니다 — 그림 칸 위 8~124(높이 116, 그림은 비율 유지 object-fit: contain), ★ 줄 126~150, Lv 152~182, 등급 띠 184~224. ★·Lv·띠는 카드 아래에서부터 절대 위치로 쌓아서, 그림 크기가 달라도 띠가 카드 밖으로 밀리지 않습니다. 왼쪽 위 속성 칩은 원형, 등급은 사각 띠라 모양이 다릅니다.cmp_card · P3 · princess-connect/05
보유만 꺼짐1차 시안은 「✓ 보유만」을 켠 채 미보유 카드를 같이 그려 토글과 내용이 어긋났습니다. 2차 시안은 토글을 끈 상태(☐)로 그리고, 정렬 순서대로 보유 10장 뒤에 미보유 2장(SSR 아궁 · SSR 어스름)이 이어집니다.검토 4번
미보유 카드faded 회색 + 회색 실루엣 + 「못 만났어요」를 둡니다. 빛바램 세계관을 화면 규칙으로 옮겼습니다. 조각 수(「도토 조각 12/30」)는 띄우지 않습니다 — growth.json 에는 조각으로 동료를 얻는 규칙이 없고, 동료 조각은 중복분(승급 재료)이기 때문입니다(바이블 4-2 D01 · 5-1 #18).2-1 faded · growth.json star·dup · 5-1 #18
그림 없는 동료아직 SVG 가 없는 동료는 속성색 원 + 이름 첫 글자로 대신합니다. 그림 파일을 못 읽었을 때도 같은 원으로 떨어집니다(<img onerror> → 숨겨 둔 이니셜). 1차 시안에서 가람 카드가 비어 보인 것은 그림 칸 높이가 정해지지 않아 그림이 줄어든 탓이라, 칸 높이를 고정하고 그림이 실제로 읽혔는지를 자동 점검에 넣었습니다.art/svg/out 6종 · 검토 5번
알림 점가람 카드 오른쪽 위에 「승급 가능」 점을 답니다. 동료 탭에도 같은 점을 켭니다.4-3 동료 탭

이 시안의 숫자

항목값출처
카드 12장보유 10 + 미보유 2(보유만 꺼짐)characters.json 이름·등급·속성 · ★·Lv 는 공통 표본 owned
분모53 = 공개된 동료(W0 15 · W1 8 · W2 8 · W3 7 · W4 8 · W5 7)characters.json wave · 출시 W0 이면 15
그림6명은 SVG, 나머지는 속성색 원 + 첫 글자art/svg/out
가람 점★3→4 가람 조각 80개 · 골드 80,000 를 채웠다고 가정growth.json star (SSR ★3→4)
가져오지 않은 것seven-knights-idle/02 오른쪽 위 「일괄 승급」은 가져오지 않았습니다. 승급은 재료를 크게 쓰는 결정이라 한 명씩 확인합니다.
bruni08
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
D02 / Companion · Level

D02·D03 동료 상세 — 레벨업 탭

「지금 → 다음」을 숫자로 먼저 보여 주고, 그 값을 사는 데 드는 재료를 바로 아래에, 누를 곳을 맨 아래에 둡니다.

명세 id
scr_char + scr_char_level
주 버튼
레벨업
쓴 부품
cmp_topbar(하위) · cmp_attr_chip · cmp_grade_badge · cmp_tabs · cmp_chip_reward(비용) · cmp_btn_primary · cmp_btn_secondary

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

냥코 대전쟁 스토어 스크린샷 03냥코 대전쟁 · 03
ponos corporation · 수집 2026-10-14
스토어 · 원본
가운데 캐릭터 + 아래 설명 상자, 좌우 화살표 넘김
세븐나이츠 키우기 스토어 스크린샷 04세븐나이츠 키우기 · 04
Netmarble Corporation · 수집 2026-10-14
스토어 · 원본
가운데 미리보기 + 능력치 증감 표시

배치 이유

영역(y, 720 기준)결정근거
하위 재화 막대왼쪽은 「← 동료」, 오른쪽은 골드 · 빛구슬 · 열매입니다. 세 번째 알약은 동료 문맥이라 열매입니다. 하위 화면이라 아래 탭을 숨겼습니다.4-1 하위 전체 화면 · cmp_topbar
서 있는 그림 88~500가람 SVG 와 이름 · ★3 · SSR 띠 · 파랑 칩(물방울)+「파랑」 · 「수호」 · 성격 한 줄을 둡니다. 상세 화면이라 속성 이름 글자는 빼지 않습니다.cmp_attr_chip 규칙 · characters.json c024
탭 줄 512~608레벨 · 승급 · 각성 · 스킬 · 우정 · 이야기, 6칸이라 가로 스크롤 + 오른쪽 그림자를 둡니다. 「인연」은 「우정」으로 바꿨습니다.cmp_tabs · 5-1 #30
레벨 비교「Lv 12 → 13」(★3 상한 70) 아래 공격 · 체력 · 방어 · 전투력 4행에 ▲와 증가량을 붙입니다. 증가는 색과 기호를 함께 씁니다.growth.json formulas · star_cap · P3
비용 칩열매 213 · 골드 532 아래에 보유량을 적습니다. 모자라면 그 칩만 warn.text 로 바꿉니다.growth.json companion_level Lv12→13
버튼「레벨업」 주 버튼(폭 416)과 「최대로」 보조(폭 240)를 둡니다. 높이는 120으로 같습니다. 길게 누르면 0.15초마다 연속으로 올라갑니다.4-2 D03 · screens D03
넘기기 1176~1272◀ 깜장 | 소금 ▶처럼 목록 정렬 순서대로 넘깁니다. 넘길 대상 이름을 버튼에 적습니다.screens D02 넘기기 · battle-cats/03

이 시안의 숫자

항목값출처
기초 능력치공 64 · 체 1760 · 방 101(Lv1 ★1)characters.json c024 stats_lv1
Lv 배율1 + 0.09 × (Lv − 1) → Lv12 1.99 · Lv13 2.08growth.json formulas.stat_order
★ 배율1 + 0.10 × (★ − 1) → ★3 1.2같은 곳 · 각성 0 · 우정 Lv1 · 장비 없음
전투력(공×5 + 체×0.5 + 방×3) × 1.03growth.json formulas.power · 스킬 3개 Lv1 합 3
비용열매 213 · 골드 532growth.json companion_level Lv12→13
상한★3 최대 Lv 70growth.json star_cap
가져오지 않은 것레퍼런스 대부분은 능력치를 영어 약어(ATK·HP)로 적습니다. 우리는 「공격 · 체력 · 방어」 한글 낱말을 씁니다(전체이용가 · 5-3).
bruni09
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
E01 / Recruit

E01 모집

돈과 확률이 만나는 화면이라 법·정직 규칙(P5)이 꾸밈보다 먼저입니다. 확률·기록·천장이 구매 버튼과 같은 화면에 있습니다.

명세 id
scr_recruit
주 버튼
없음 — 1회·10회 모두 보조 버튼, 같은 크기·같은 채움
쓴 부품
cmp_topbar · cmp_tabs(배너) · cmp_tag · cmp_bar(도장) · cmp_btn_secondary(1회·10회, 재화 부족 상태) · cmp_toast · cmp_tabbar

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

카피바라 GO 스토어 스크린샷 03카피바라 GO · 03
HABBY PTE. LTD. · 수집 2026-10-14
스토어 · 원본
위 2/3 전시 + 아래 버튼 나란히 + 뽑기 레벨 막대(LV.15 · 1111/12000)
프린세스 커넥트! Re:Dive 스토어 스크린샷 05프린세스 커넥트! Re:Dive · 05
Kakao Games Corp. · 수집 2026-10-14
스토어 · 원본
(진입·배너 탭 구성 비교용)

배치 이유

영역(y, 720 기준)결정근거
배너 탭 88~184첫걸음 · 픽업 · 상시 · 색 축제 · 광고. 새 배너에는 빨간 점 대신 「NEW」 꼬리표를 붙입니다. 꼬리표는 칸 오른쪽 위 모서리에 걸고, 탭 글자는 칸 아래로 12 내려 꼬리표와 겹치지 않게 했습니다(1차 시안은 「NEW」가 「픽업」 윗부분을 덮었습니다).4-3 모집 탭 · P5 · cmp_tag
배너 그림 184~624아궁 SVG 와 「SSR · 빨강 · 수호」, 픽업 확률 1.0%, 남은 기간을 둡니다. 아궁은 W5 새 동료라 표본 계정에 없습니다(D01 에서 미보유 카드로 보입니다).gacha.json bn_pickup pickup_ssr_pct · characters.json c048 wave W5
확률 · 기록 · 모집 도장 636~732높이 96 버튼 셋(폭 160 · 160 · 320, 간격 16)을 둡니다. 「모집 도장 132/200」은 화면에서도 줄이지 않으므로(5-1 #16) 도장 칸을 넓혔습니다. 막대는 200이 되면 빛납니다.5-1 #16·87 · E05
보장 문구 742~80610회 묶음 SR 이상 보장 조건을 gacha.json 원문 뜻 그대로 해요체로 옮겼습니다. 「확정」이라고 줄여 쓰지 않습니다. 어절 단위로 끊어 「나 / 와요」처럼 낱말 가운데서 줄이 바뀌지 않습니다.gacha.json guarantee · 2-2 어절 줄바꿈
1회 · 10회 816~936폭 324 · 높이 120, **둘 다 보조 버튼(흰 면)**입니다. 1차 시안은 비싼 10회만 청록 주 버튼으로 채워 시선을 비싼 쪽으로 몰았습니다 — UI/UX 기획서 08장 2.2 「잘못된 계층구조」입니다. D06 처럼 이 화면에는 주 버튼이 없습니다. 가격 아래에 보유량을 적고, 1회는 모집권이 있으면 모집권을 먼저 씁니다.P5 · 4-4 · uiux 08장 2.2 · screens E01
재화가 모자랄 때버튼을 surface.dim 비활성 면으로 바꾸고, 바로 아래에 warn.text 로 「빛구슬이 270 모자라요」를 적습니다. 누르면 상점으로 넘어가지 않고 이유 토스트를 띄웁니다. 「상점 가기」는 토스트 안 보조 링크로만 둡니다. 이 상태는 E04(모집 뒤 빛구슬 1,230)에서 그렸습니다.3장 cmp_btn_secondary 「재화 부족」 · cmp_toast
법정 문구 952~11483줄 모두 t.body 28을 씁니다. 캡션 크기로 줄이지 않습니다. 첫 줄이 두 줄로 꺾이므로 배너를 520 → 440 으로 줄여 196 높이를 확보했습니다. 줄은 어절에서만 바뀝니다(「볼 수 있어 / 요.」 같은 끊김 없음). 문구는 screens.json 원문 그대로입니다.4-2 E01 · screens E01 states 법정 문구 1~3

이 시안의 숫자

항목값출처
픽업 확률아궁 1.0% · SSR 전체 3.0%gacha.json bn_pickup grade_weight · pickup_ssr_pct
픽업 동료아궁(SSR · W5 공개) — 표본 계정 미보유characters.json · state.owned 에 없음(생성기가 assert)
가격1회 빛구슬 150 또는 모집권 1 · 10회 1,500gacha.json bn_pickup cost
보유빛구슬 2,730 · 모집권 3 → 둘 다 살 수 있음(활성)공통 표본(모집 전)
도장132/200 · 1회당 +1gacha.json ceiling · 보유는 표본
보장slot 10 · no_SR_or_above_in_slots_1_9gacha.json guarantee[0]
법정 문구 3줄screens.json E01 states 「법정 문구 1~3」 원문그대로 옮김
남은 기간10월 28일 03:59 까지(표본)bn_pickup window 2주
가져오지 않은 것capybara-go/03 의 광고 무료 버튼(▶ 3/3)은 1회·10회와 같은 줄에 있지만 우리는 「광고」 배너 탭으로 분리했습니다. 유료 버튼 옆에 무료 미끼를 두지 않습니다(P5). capybara-go/03 처럼 큰 묶음 버튼만 강조색으로 칠하는 것도 가져오지 않았습니다(08장 2.2).
bruni10
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
E04 / Result

E04 모집 결과 (10회)

10장을 한눈에 세고, 새 동료와 중복분이 어디로 갔는지 바로 보이게 합니다. 「한 번 더」를 키우지 않습니다.

명세 id
scr_recruit_result
주 버튼
확인 — 「한 번 더 10회」는 보조, 같은 크기(빛구슬이 모자라 비활성)
쓴 부품
cmp_card(결과) · cmp_grade_badge · cmp_tag(NEW) · cmp_bar(도장) · cmp_btn_primary · cmp_btn_secondary(재화 부족) · cmp_toast

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

쿠키런: 킹덤 스토어 스크린샷 01쿠키런: 킹덤 · 01
Devsisters Corp. · 수집 2026-10-14
스토어 · 원본
홍보 그림 속 카드 연출 — 결과 화면인지 판독 불가(patterns.md 「추정」)

E04 조각 · 누른 뒤 — 비활성 「한 번 더 10회」를 누르면 상점으로 넘어가지 않고 이유 토스트. 「상점 가기 ›」는 토스트 안 링크로만

배치 이유

영역(y, 720 기준)결정근거
바탕남색 몰입 화면입니다. SSR 카드 뒤에만 노란 빛살을 둡니다.4-1 몰입 화면 · accent.reward
요약 줄 80~184「모집 결과」와 「SSR 1 · SR 2 · R 7」. 개수를 글자로 먼저 알려 줍니다.P3
카드 2×5 204~824등급 틀 색 + 등급 글자 띠, 새 동료는 아래 칸에 「NEW · 새 동료」, 중복은 아래 칸에 「조각 +n」(그 동료의 동료 조각 — R 5 · SR 15 · SSR 50)과 만능 조각. 카드 폭 124 라 「소금 조각」처럼 이름을 다시 붙이지 않고, 이름은 바로 위 줄에 있습니다. 「NEW」를 그림 위 모서리에 걸면 그림을 덮어(자동 점검 「꼬리표가 덮음」) 아래 칸으로 내렸습니다. NEW·중복은 손으로 붙이지 않고 공통 표본의 보유 동료 목록과 대조해 정합니다 — 아궁·반디·나래·두더가 NEW, 나머지 6장은 D01 보유 동료의 중복입니다.gacha.json duplicate · 5-1 #18 동료 조각 · mockups.json state
도장 줄 870~966「모집 도장 +10 (142/200)」 막대. E01 의 132 에 10을 더한 값입니다.gacha.json ceiling · 5-1 #16
버튼 1000~1120「한 번 더 10회」(보조)와 「확인」(주)를 같은 크기로 둡니다. 주 버튼을 확인에 줘서 멈추는 쪽을 기본으로 합니다. 모집 뒤 빛구슬이 2,730 − 1,500 = 1,230 이라 1,500 이 모자라고, 그래서 「한 번 더」는 비활성 면 + 아래 「빛구슬이 270 모자라요」입니다(1차 시안은 같은 상태인데 활성처럼 그렸습니다).P5 · 4-2 E04 · 3장 재화 부족
누른 뒤(아래 조각)비활성 「한 번 더」를 누르면 상점으로 넘어가지 않고 토스트 「빛구슬이 270 모자라요」가 뜹니다. 토스트 오른쪽 「상점 가기 ›」가 유일한 상점 길입니다. 토스트는 2.5초 뒤 사라지고, 링크를 누르지 않으면 아무 일도 일어나지 않습니다.cmp_toast · screens E01 「빛구슬 부족」 처리 변경

이 시안의 숫자

항목값출처
중복 보상R 동료 조각 +5 · 무지개 +1 · SR 동료 조각 +15 · 무지개 +5 · SSR 동료 조각 +50 · 무지개 +20gacha.json duplicate
결과 10장SSR 1 · SR 2 · R 7(표본) · NEW 아궁 · 반디 · 나래 · 두더실제 확률 SSR 3% · SR 17% · R 80%(bn_pickup) · NEW 는 state.owned 대조
빛구슬2,730 − 1,500 = 1,230 → 「한 번 더」 270 모자람공통 표본 E01 → E04
도장132 + 10 = 142gacha.json ceiling per_pull 1
가져오지 않은 것뽑기 결과 실화면은 레퍼런스 165장 가운데 없습니다(patterns.md §6). 이 시안은 UI 바이블 4-2 E04 규칙만으로 그렸습니다. 실화면 자료가 들어오면 다시 대조해야 합니다.
bruni11
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
I01 / Shop

I01 상점

「추천」 탭은 지금 받을 수 있는 무료 것만 모읍니다. 돈을 쓰는 상품은 이름이 그대로 드러나는 탭(빛구슬 · 꾸러미 · 정기권 · 일반)에만 둡니다.

명세 id
scr_shop
주 버튼
없음 — 추천 탭은 받기(받기 버튼)와 ▶ 광고(보조)만
쓴 부품
cmp_topbar · cmp_tabs · cmp_card · cmp_btn_reward · cmp_btn_secondary(광고 변형 · 가격) · cmp_tag · cmp_tabbar

참고한 레퍼런스 — 배치만 보고 그림은 베끼지 않았습니다.

쿠키런: 킹덤 스토어 스크린샷 18쿠키런: 킹덤 · 18
Devsisters Corp. · 수집 2026-10-14
스토어 · 원본
상점 진입 위치(홈 왼쪽 줄 맨 위 「상점」)만 관찰 가능

I01 조각 · 「일반」 탭 — 빛구슬 값 아래 원화 환산(gem_60 단가 20원)

I01 조각 · 「정기권」 탭 — 광고 생략권 범위 문장(바이블 4-4 한 문장), 어절에서만 줄바꿈

배치 이유

영역(y, 720 기준)결정근거
탭 88~184추천 · 빛구슬 · 꾸러미 · 정기권 · 일반 · 원정, 6칸이라 가로 스크롤입니다.4-2 I01 · cmp_tabs
추천 탭 규칙**지금 받을 수 있는 것만**, 이 순서로 채웁니다 — ① 무료 상품(즉시 보상 무료 1회 — 버튼 「2시간 치 받기」, 5-1 #72) ② 한 달 정기권 오늘분(보유자만) ③ 성장 패스 무료 줄에서 받을 칸 ④ ▶ 광고 보고 받기(남은 횟수가 있을 때만). 유료 상품은 넣지 않습니다. 1차 시안은 첫 결제 꾸러미·정기권·빛구슬 묶음·광고 생략권 같은 유료 상품으로만 채워, UI/UX 기획서 08장 2.4 「거짓 추천」 규칙과 정면으로 어긋났습니다.uiux 08장 2.4 · 4-3 상점 탭 점(정기권 오늘분 · 무료 상품 · 패스 받을 칸)
카드 2열 196~1064324×284. 이름 · 구성 칩 · 남은 횟수 · 버튼 순서입니다. 받는 것은 받기 버튼(노랑), 광고는 ▶ + 「광고」 낱말이 붙은 보조 버튼입니다.cmp_btn_reward · 08장 2.6 위장 광고
유료 상품 안내 칸여섯째 칸은 「돈을 쓰는 상품은 빛구슬 · 꾸러미 · 정기권 탭에 있어요」 안내입니다. 추천 탭이 빈 날(다 받은 날)에도 이 칸은 남습니다.screens I01 「꾸러미 없음」 상태
원화 환산(아래 조각)일반 탭 「즉시 보상 2시간」은 「빛구슬 50 ≈ 1,000원」으로 적습니다. 환산 단가는 **가장 작은 상시 묶음** gem_60(1,200원 ÷ 60 = 20원)입니다. 1차 시안은 shop.json base_krw_per_gem 16.5원(99,000원 묶음 단가, 가장 싼 단가)으로 「약 825원어치」라고 써서, 실제 비용을 낮춰 보이게 했습니다(08장 3.3 가격비교 방해 · 2.3 기준 단가). 「~어치」(가치 강조) 대신 비용으로 적습니다.shop.json gem_products gem_60 · 4-4 원화 환산
광고 생략권 문구(아래 조각)정기권 탭으로 옮겼습니다. 「평생」 대신 바이블 4-4 가 정한 한 문장 「광고 자리 6곳(하루 최대 14회)의 보상을 광고 없이 바로 받아요 · 하루 횟수는 그대로예요 · 계정에 남아요 · 서비스가 끝날 때까지」을 그대로 씁니다. 어절에서만 줄을 바꿉니다(1차 시안의 「계정 / 에 남아요」 「끝날 때까 / 지」 끊김을 고쳤습니다).5-1 #78 · 4-4 · 2-2
아래 안내 1088~1152「결제 내역 · 청약철회 안내 ›」 한 줄. 버튼이 아래 탭과 24 이상 떨어지게 마지막 카드 줄을 1064에서 끊습니다.P1 · 4-2 I01

이 시안의 숫자

항목값출처
즉시 보상 무료하루 1회shop.json gem_shop gs_quick limit 「무료 1·광고 2 별도」
정기권 오늘분빛구슬 50 · 12/30일째(표본: 정기권 보유)shop.json pass_month daily_gem
성장 패스 무료 칸3단계 무료 빛구슬 20shop.json pass_season levels
광고 칸즉시 보상 2회 · 물감 5회(붓 → 물감, 5-1 #13)shop.json ad_slots ad_quick · ad_brush
원화 환산 단가1,200원 ÷ 60 = 20원/개 → 빛구슬 50 ≈ 1,000원shop.json gem_60 — base_krw_per_gem 16.5(gem_6000 단가)는 쓰지 않음
단가 비교1,200원 20.0 · 6,000원 18.75 · 12,000원 18.18 · 33,000원 17.55 · 66,000원 16.92 · 99,000원 16.5shop.json gem_products krw_per_gem
광고 생략권12,000원shop.json no_ads(「평생」 문구는 버림 — 5-1 #78)
보유 빛구슬1,230공통 표본(모집 뒤)
가져오지 않은 것상점 본화면은 레퍼런스에 없습니다(patterns.md 상점 행 「본화면 자료 없음」). 카드 구성은 shop.json 과 바이블 규칙만으로 정했습니다. 「인기 1위」「추천」 같은 판단 꼬리표는 쓰지 않습니다(08장 2.4).
bruni12
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
Fit / Text Size

글자 3단 점검 — ×1.0 · ×1.15 · ×1.3

바이블 2-2 는 설정(K01)에 글자 크기 3단(보통 ×1.0 · 크게 ×1.15 · 아주 크게 ×1.3)을 두고, 라벨 칸은 ×1.3 에서도 안 잘리게 잡으라고 정했습니다. 1차 시안은 이 검사를 하지 않았습니다. 2차 시안은 시안의 글자 크기를 모두 calc(크기 × var(--u) × var(--fs)) 로 바꾸고, 생성기가 문서를 헤드리스 크롬에 띄워 --fs 를 1 · 1.15 · 1.3 으로 바꿔 가며 아래 여섯 가지를 셉니다. ×1.0 에서 하나라도 나오면 생성기가 실패로 끝납니다.

점검무엇을 세나
글자 넘침글자 줄 상자가 자기 칸(.a) · 잘림 칸(overflow hidden) · 카드 · 화면 밖으로 나감. 일부러 칸 밖에 거는 것(알림 점 · NEW 꼬리표 · 막대 숫자 · 피해 숫자)은 화면 안에만 있으면 됨
낱말 가운데 줄바꿈줄이 바뀐 자리의 앞 글자가 띄어쓰기·가운뎃점·빗금이 아님(「나 / 와요」). .scr 에 word-break: keep-all; overflow-wrap: anywhere 를 넣었으므로, 이것이 나오면 어절 하나가 칸보다 길다는 뜻
카드 밖으로 나감동료 카드 · 결과 카드 · 전투 초상 · 상점 카드의 자식 요소가 카드 상자를 넘음(1차 시안 D01 등급 띠 잘림)
꼬리표가 덮음NEW · 무료 1 · 알림 점이 같은 칸의 글자나 아이콘·그림과 겹침(1차 시안 E01 「픽업」, B01 시계 아이콘)
유닛 가림홈 전장 유닛이 좌우 아이콘 기둥 칸과 겹침(1차 시안 B01 흰 토끼 · 오른쪽 적)
그림 못 읽음<code>&lt;img&gt;</code> 가 안 읽혔거나 크기가 0(1차 시안 D01 가람 카드)

화면별 건수

시안×1.0×1.15×1.3
B0102 — 글자 넘침 28 — 글자 넘침 6 · 낱말 가운데 줄바꿈 2
B0202 — 글자 넘침 29 — 글자 넘침 7 · 낱말 가운데 줄바꿈 2
B06005 — 글자 넘침 5
C0402 — 글자 넘침 24 — 글자 넘침 4
D0102 — 글자 넘침 25 — 글자 넘침 5
D02·D03008 — 글자 넘침 7 · 꼬리표가 덮음 1
E0103 — 글자 넘침 36 — 글자 넘침 6
E0406 — 글자 넘침 622 — 글자 넘침 16 · 카드 밖으로 나감 6
E04 조각(누른 뒤)000
I0102 — 글자 넘침 27 — 글자 넘침 5 · 카드 밖으로 나감 2
I01 조각(일반」 탭)02 — 글자 넘침 1 · 카드 밖으로 나감 13 — 글자 넘침 1 · 카드 밖으로 나감 2
I01 조각(정기권」 탭)001 — 카드 밖으로 나감 1

×1.15 · ×1.3 에서 걸린 라벨 (99건)

시안배율종류글자(걸린 곳)들어 있는 칸
B01×1.15글자 넘침Lv 18 (칸)Lv 18전투력 7,020
B01×1.15글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
B02×1.15글자 넘침Lv 18 (칸)Lv 18전투력 7,020
B02×1.15글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
C04×1.15글자 넘침Lv 18 (칸)Lv 18전투력 7,020
C04×1.15글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
D01×1.15글자 넘침Lv 18 (칸)Lv 18전투력 7,020
D01×1.15글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
E01×1.15글자 넘침Lv 18 (칸)Lv 18전투력 7,020
E01×1.15글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
E01×1.15글자 넘침10회 모집에서 앞 9명 가운데 SR 이상이 없으면 10번째는 SR 이상 (칸)10회 모집에서 앞 9명 가운데 SR 이상이 없으면 10번째는 SR 이상
E04×1.15글자 넘침무지개 +5 (잘림 칸)소SR소금조각+15무지개 +5
E04×1.15글자 넘침무지개 +1 (잘림 칸)동R동동조각+5무지개 +1
E04×1.15글자 넘침무지개 +1 (잘림 칸)깜R깜장조각+5무지개 +1
E04×1.15글자 넘침무지개 +1 (잘림 칸)도R도토조각+5무지개 +1
E04×1.15글자 넘침무지개 +1 (잘림 칸)말R말랑조각+5무지개 +1
E04×1.15글자 넘침무지개 +1 (잘림 칸)솔R솔방조각+5무지개 +1
I01×1.15글자 넘침Lv 18 (칸)Lv 18전투력 7,020
I01×1.15글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
I01 조각(일반」 탭)×1.15글자 넘침≈ 1,000원 · 보유 1,230 (칸)즉시 보상 2시간2시간오늘 3회 남음 · 두 번째부터 값이 올라요 50≈
I01 조각(일반」 탭)×1.15카드 밖으로 나감≈ 1,000원 · 보유 1,230즉시 보상 2시간2시간오늘 3회 남음 · 두 번째부터 값이 올라요 50≈
B01×1.3글자 넘침Lv 18 (칸)Lv 18전투력 7,020
B01×1.3글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
B01×1.3글자 넘침1.23만 (칸)1.23만
B01×1.3글자 넘침+ (칸)2,730+
B01×1.3낱말 가운데 줄바꿈1,23 / 41,234
B01×1.3글자 넘침안내 (칸)안내
B01×1.3낱말 가운데 줄바꿈안 / 내안내
B01×1.3글자 넘침즉시 보상 (칸)즉시 보상무료 1
B02×1.3글자 넘침Lv 18 (칸)Lv 18전투력 7,020
B02×1.3글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
B02×1.3글자 넘침1.23만 (칸)1.23만
B02×1.3글자 넘침+ (칸)2,730+
B02×1.3낱말 가운데 줄바꿈1,23 / 41,234
B02×1.3글자 넘침안내 (칸)안내
B02×1.3낱말 가운데 줄바꿈안 / 내안내
B02×1.3글자 넘침즉시 보상 (칸)즉시 보상무료 1
B02×1.3글자 넘침브루니 EXP (칸)브루니 EXP
B06×1.3글자 넘침가람 (잘림 칸)가가람
B06×1.3글자 넘침브루니 (잘림 칸)브브루니
B06×1.3글자 넘침소금 (잘림 칸)소소금
B06×1.3글자 넘침깜장 (잘림 칸)깜깜장
B06×1.3글자 넘침동동 (잘림 칸)동동동
C04×1.3글자 넘침Lv 18 (칸)Lv 18전투력 7,020
C04×1.3글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
C04×1.3글자 넘침1.23만 (칸)1.23만
C04×1.3글자 넘침+ (칸)2,730+
D01×1.3글자 넘침Lv 18 (칸)Lv 18전투력 7,020
D01×1.3글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
D01×1.3글자 넘침1.23만 (칸)1.23만
D01×1.3글자 넘침+ (칸)2,730+
D01×1.3글자 넘침1,436 (칸)1,436
D02·D03×1.3글자 넘침1.23만 (칸)1.23만
D02·D03×1.3글자 넘침+ (칸)2,730+
D02·D03×1.3글자 넘침1,436 (칸)1,436
D02·D03×1.3글자 넘침213 (칸)213보유 1,436
D02·D03×1.3글자 넘침보유 1,436 (칸)213보유 1,436
D02·D03×1.3글자 넘침532 (칸)532보유 1.23만
D02·D03×1.3글자 넘침보유 1.23만 (칸)532보유 1.23만
D02·D03×1.3꼬리표가 덮음점 (승급)승급
E01×1.3글자 넘침Lv 18 (칸)Lv 18전투력 7,020
E01×1.3글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
E01×1.3글자 넘침1.23만 (칸)1.23만
E01×1.3글자 넘침+ (칸)2,730+
E01×1.3글자 넘침한정 · 10월 28일 03:59 까지 (칸)한정 · 10월 28일 03:59 까지
E01×1.3글자 넘침10회 모집에서 앞 9명 가운데 SR 이상이 없으면 10번째는 SR 이상 (칸)10회 모집에서 앞 9명 가운데 SR 이상이 없으면 10번째는 SR 이상
E04×1.3글자 넘침아궁 (잘림 칸)아SSR아궁NEW새 동료
E04×1.3글자 넘침소금 (잘림 칸)소SR소금조각+15무지개 +5
E04×1.3글자 넘침무지개 +5 (칸)소SR소금조각+15무지개 +5
E04×1.3글자 넘침반디 (잘림 칸)반SR반디NEW새 동료
E04×1.3글자 넘침동동 (잘림 칸)동R동동조각+5무지개 +1
E04×1.3글자 넘침무지개 +1 (칸)동R동동조각+5무지개 +1
E04×1.3글자 넘침깜장 (잘림 칸)깜R깜장조각+5무지개 +1
E04×1.3글자 넘침무지개 +1 (칸)깜R깜장조각+5무지개 +1
E04×1.3글자 넘침도토 (잘림 칸)도R도토조각+5무지개 +1
E04×1.3글자 넘침무지개 +1 (칸)도R도토조각+5무지개 +1
E04×1.3글자 넘침말랑 (잘림 칸)말R말랑조각+5무지개 +1
E04×1.3글자 넘침무지개 +1 (칸)말R말랑조각+5무지개 +1
E04×1.3글자 넘침나래 (잘림 칸)나R나래NEW새 동료
E04×1.3글자 넘침두더 (잘림 칸)두R두더NEW새 동료
E04×1.3글자 넘침솔방 (잘림 칸)솔R솔방조각+5무지개 +1
E04×1.3글자 넘침무지개 +1 (칸)솔R솔방조각+5무지개 +1
E04×1.3카드 밖으로 나감무지개 +5소SR소금조각+15무지개 +5
E04×1.3카드 밖으로 나감무지개 +1동R동동조각+5무지개 +1
E04×1.3카드 밖으로 나감무지개 +1깜R깜장조각+5무지개 +1
E04×1.3카드 밖으로 나감무지개 +1도R도토조각+5무지개 +1
E04×1.3카드 밖으로 나감무지개 +1말R말랑조각+5무지개 +1
E04×1.3카드 밖으로 나감무지개 +1솔R솔방조각+5무지개 +1
I01×1.3글자 넘침Lv 18 (칸)Lv 18전투력 7,020
I01×1.3글자 넘침전투력 7,020 (칸)Lv 18전투력 7,020
I01×1.3글자 넘침1.23만 (칸)1.23만
I01×1.3글자 넘침+ (칸)1,230+
I01×1.3글자 넘침빛구슬 탭 › (칸)돈을 쓰는 상품빛구슬 · 꾸러미 · 정기권 탭에 있어요. 추천 탭에는 무
I01×1.3카드 밖으로 나감받기정기권 오늘분50한 달 정기권 12/30일째받기
I01×1.3카드 밖으로 나감빛구슬 탭 ›돈을 쓰는 상품빛구슬 · 꾸러미 · 정기권 탭에 있어요. 추천 탭에는 무
I01 조각(일반」 탭)×1.3글자 넘침≈ 1,000원 · 보유 1,230 (화면)즉시 보상 2시간2시간오늘 3회 남음 · 두 번째부터 값이 올라요 50≈
I01 조각(일반」 탭)×1.3카드 밖으로 나감50≈ 1,000원 · 보유 1,230즉시 보상 2시간2시간오늘 3회 남음 · 두 번째부터 값이 올라요 50≈
I01 조각(일반」 탭)×1.3카드 밖으로 나감≈ 1,000원 · 보유 1,230즉시 보상 2시간2시간오늘 3회 남음 · 두 번째부터 값이 올라요 50≈
I01 조각(정기권」 탭)×1.3카드 밖으로 나감12,000원광고 생략권광고 자리 6곳(하루 최대 14회)의 보상을 광고 없이 바로
읽는 법이 목록이 다음 고침의 고칠 거리입니다. ×1.3 에서 잘리는 라벨은 (1) 칸 폭을 ×1.3 글자 기준으로 다시 잡거나, (2) 두 줄을 허용하는 칸으로 바꾸거나, (3) 낱말을 줄입니다. 카드 등급 띠처럼 폭이 고정된 칸은 (3)이 먼저입니다. 점검 환경: 헤드리스 크롬 창 360×800 요청 · 실제 innerWidth 500px(헤드리스 크롬 최소 폭) · 시안 폭 340px · 2026-10-15 · 글꼴은 Pretendard·Jua 웹폰트(못 읽으면 시스템 글꼴로 대체되어 폭이 달라질 수 있음). 원자료 game-design/uiux/data/mockups_fit.json.

×1.3 으로 다시 그린 9개

B01 모험 (홈) · ×1.3
B02 방치 보상 (팝업) · ×1.3
B06 전투 (스테이지 도전) · ×1.3
C04 브루니 · ×1.3
D01 동료 목록 · ×1.3
D02·D03 동료 상세 — 레벨업 탭 · ×1.3
E01 모집 · ×1.3
E04 모집 결과 (10회) · ×1.3
I01 상점 · ×1.3
bruni13
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
Terms / Checks

용어 적용과 규칙 점검

시안의 화면 문구는 모두 UI 바이블 5장 확정 용어로 썼습니다. 아래는 이 9개 화면에서 실제로 바뀐 낱말입니다.

지금(명세)시안 문구나온 자리근거
판 · s009 · s010스테이지 · 1-9 · 1-10B01 띠·도전 버튼 · B02 힌트 · B06 위 띠5-1 #1·2·86
사냥 (홈 탭) · 방치 사냥모험 · 방치 모험B01 · 모든 아래 탭5-1 #80
바랜것잿빛 무리B06 전장 설명5-1 #9
붓물감B01 재화 막대 · 항아리5-1 #13
물감 방울열매B02 보상 칩 · D02 비용5-1 #14
별가루 132/200모집 도장 132/200 · 모집 도장 +10E01 · E045-1 #16·87(줄이지 않음)
기억 조각 · 조각 +15동료 조각 · 결과 카드 「조각 +15」(이름은 카드 위 줄)E04 · D01 가람 점5-1 #18
입문 모집첫걸음 모집E01 배너 탭5-1 #26
인연우정D02 탭 줄5-1 #30
홍 · 녹 · 청 · 황 · 묵빨강 · 초록 · 파랑 · 노랑 · 보라 + 아이콘속성 칩 전부5-1 #48
돌격 · 타격 · 사격 · 술사수호 · 근접 · 원거리 · 마법D01 · D02 · E015-1 #50~53
빠른 방치즉시 보상 · 버튼 「2시간 치 받기」B01 보조 줄 · I01 추천·일반 탭5-1 #72
물빛 정기권한 달 정기권I015-1 #74
수령 / 받기받기 · 모두 받기B025-1 #83
광고 생략권(평생)광고 생략권 + 4-4 범위 문장(6곳 · 하루 최대 14회)I01 정기권 탭 조각5-1 #78 · 4-4
날 · 결(장비 계열)공격형 · 수비형(세트 이름은 「가시 차림」 유지)C04 세트 줄9장 ⑤

규칙 점검

규칙결과근거
누름 영역 ≥ 96모든 버튼·칩·아이콘 칸 96 이상(속성 필터 칩 88×96). 속성 칩은 그림 64 · 누름 칸 96touch.min · ux.md §2
누를 것 사이 ≥ 16 · 좌우 바깥 ≥ 24B06 초상 5칸 120 + 간격 16 × 4 + 좌우 28. 1차 시안 144×5=720(간격 0)을 고침2-3 gap.touch · margin.screen
주 버튼 화면당 1개 이하B01 0개(항아리가 주인공) · B02 받기 버튼만 · B06 0개 · C04 0개 · D01 0개 · D02 1 · E01 0개 · E04 1 · I01 0개P2
값이 다른 두 버튼 같은 크기·같은 채움B02 280×120 두 개(받기 노랑 / 광고 흰) · E01 324×120 두 개(둘 다 흰 보조) · E04 324×120 두 개(확인 주 / 한 번 더 보조·비활성)P5 · uiux 08장 2.2
재화 부족 표시E04 「한 번 더 10회」: 비활성 면 + 아래 「빛구슬이 270 모자라요」. 누르면 토스트, 상점은 토스트 안 링크로만3장 cmp_btn_secondary 재화 부족
추천 탭I01 추천 = 무료 · 정기권 오늘분 · 패스 받을 칸 · ▶ 광고. 유료 상품 0개uiux 08장 2.4
원화 환산 단가가장 작은 상시 묶음 gem_60 20원/개. 「~어치」 없음4-4 · 08장 3.3
색만으로 말하지 않기속성 = 색 + 아이콘 + 이름(상세) · 등급 = 띠 색 + 글자 · 장비 등급 = 틀 색 + 「희귀」 글자 · 판정 = 색 + 「충분」P3
글자 최소 24(720 기준)캡션 24 · 본문 28 · 법정 문구 28. 시안 CSS 에 24 미만 글자 없음(자동 점검 — 생성기 끝에서 셈)2-2 t.caption
빨간 점 자리B01 미션·출석·우편 · 아래 탭 브루니·동료(9개 시안 공통) · C04 무기 칸 · D01 가람 카드. 꾸러미·상점·새 배너에는 없음4-3
내부 id 노출화면 글자에 s### · b### · c### 없음(자동 점검)5-3
헤드리스 크롬 자동 점검글자 넘침 · 낱말 가운데 줄바꿈 · 카드 자식 넘침 · 꼬리표가 글자·아이콘을 덮음 · 유닛이 아이콘 기둥에 가림 · 그림 못 읽음 — ×1.0 에서 0건이어야 생성이 끝납니다. ×1.15 · ×1.3 결과는 14쪽2-2 글자 3단 · 검토 2·5·6·7·10번
bruni14
bruni · 브루니 키우기: 바랜 섬주요 화면 시안
Sources / Next

출처와 남은 일

레퍼런스는 모두 game-design/uiux/refs/index.json 에 적힌 App Store KR 스토어 스크린샷입니다. /me(PIN 잠금·noindex) 안 내부 참고용이고, 재배포하지 않으며, 우리 그림에 베끼지 않습니다(구조·배치만 참고). 레퍼런스 보드 전체는 레퍼런스 보드에 있습니다.

이미지판매사화면출처
레전드 오브 슬라임 06LoadComplete Co., LtdB01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
세븐나이츠 키우기 05Netmarble CorporationB01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
쿠키런: 크럼블 01Devsisters Corp.B01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
버섯커 키우기 04JOY MOBILE NETWORK PTE. LTD.B01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
쿠키런: 크럼블 03Devsisters Corp.B02App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
탕탕특공대 02HABBY PTE. LTD.B02App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
프린세스 커넥트! Re:Dive 07Kakao Games Corp.B06App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
쿠키런: 킹덤 07Devsisters Corp.B06App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
세븐나이츠 키우기 04Netmarble CorporationC04App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
냥코 대전쟁 03ponos corporationC04App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
세븐나이츠 키우기 02Netmarble CorporationD01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
프린세스 커넥트! Re:Dive 05Kakao Games Corp.D01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
냥코 대전쟁 03ponos corporationD02·D03App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
세븐나이츠 키우기 04Netmarble CorporationD02·D03App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
카피바라 GO 03HABBY PTE. LTD.E01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
프린세스 커넥트! Re:Dive 05Kakao Games Corp.E01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
쿠키런: 킹덤 01Devsisters Corp.E04App Store · 수집 2026-10-14 · iTunes Lookup API country=kr
쿠키런: 킹덤 18Devsisters Corp.I01App Store · 수집 2026-10-14 · iTunes Lookup API country=kr

남은 일

할 일내용근거
×1.3 에서 잘리는 라벨14쪽 목록. 라벨 칸을 ×1.3 기준으로 다시 잡거나(바이블 2-2), 두 줄 허용 칸으로 바꿉니다. ×1.0 은 0건입니다.2-2 · WCAG 1.4.12
바이블 오후 개정분 반영이 시안은 바이블 2026-10-14 개정 가운데 재화 막대 88 → 96(h.topbar) · 2-5 안전 영역 · uiux/data/layout.json 개정 좌표 · E01 배너 432 를 아직 따르지 않습니다(전 화면 y 가 8 씩 밀립니다). 다음 고침에 좌표를 layout.json 에서 읽게 바꿉니다.바이블 2-3 · 2-5 · 4-1
Godot 어절 줄바꿈 확인시안은 브라우저 CSS word-break: keep-all 로 어절에서 끊었습니다. Godot 4 autowrap_mode = WORD 가 한국어에서 띄어쓰기 기준으로만 끊는지(낱말 가운데서 끊지 않는지) 시제품에서 법정 문구 3줄 · 광고 생략권 문장으로 확인합니다. 아니면 WORD_SMART 나 직접 줄나눔이 필요합니다.2-2 · 검토 7번
아이콘 기둥 3칸안홈 기둥을 4칸에서 3칸으로 줄이고 「설정」 「이야기」를 더보기로 옮기는 안. 시제품에서 전장이 좁게 느껴지면 적용합니다.검토 6번
C04 스토어 스크린숏스토어 4번 「색을 바꾸면 상성이 바뀌어요」는 1-30 을 넘긴 계정(색 바꾸기 열림)으로 다시 그려야 합니다.assets 문서 스토어 스크린숏
동료 그림 54명SVG 는 6종(브루니 v2 · 가람 · 아궁 · 오리 · 고양이 · 토끼)뿐입니다. 목록·결과 화면 대부분이 이름 첫 글자 원으로 남습니다.art/svg/out
토끼·고양이 색 불일치rabbit.svg 목수건은 초록이고 소금은 노랑입니다. cat.svg 는 연보라이고 깜장은 검은고양이입니다. 데이터 속성색과 그림이 맞지 않습니다.gen_svg.py CHARS · characters.json
screens.json E01 「빛구슬 부족」명세는 「상점으로 갈까요? 예 → scr_shop」 팝업입니다. 3장 재화 부족 규칙(토스트 + 안쪽 링크)으로 바꿔야 합니다.screens E01 states · 바이블 3장
screens.json I01 「탭 구성」명세는 「추천 = 첫 결제 꾸러미 + 단계 꾸러미 + 이벤트 꾸러미」입니다. 08장 2.4 규칙(무료·정기권 오늘분·패스 칸)으로 바꿔야 합니다.screens I01 states · uiux 08장 2.4
shop.json base_krw_per_gem16.5원(최대 묶음 단가)은 가치 배수 계산용으로만 남기고, 화면 환산에는 gem_60 단가를 씁니다. 데이터에 display_krw_per_gem 을 따로 두는 안.4-4 · 08장 3.3
뽑기 결과·상점 실화면 자료레퍼런스에 없어 대조하지 못했습니다. 공개 위키 스크린샷 등을 refs/index.json 형식으로 모아야 합니다.patterns.md §6
실기기 확인이 시안은 브라우저 CSS 입니다. Godot 에서 Jua · Pretendard 로 렌더하면 글자 폭이 달라질 수 있어 360dp 기기에서 다시 봐야 합니다.2-2
bruni15