Interactive kit · grounded in code

Record Detail — Redesign · 기록

🎨

제안 — 기록 상세를 클럽 상세 플레이스-서피스 포맷으로한 기간(주/일)은 승부 통계를 미리보는 하나의 서피스다 → 원카드 통계 히어로(정체성 커버 + 정체성 심), 활동·상대 미리보기 셸프(더보기 탈출), 경기 목록은 브라우징 스파인이라 세로 리스트 그대로. 아직 앱에 반영 전 — 오너 반복 검토용 와이어프레임.

기간기간(주/월) 기록 상세

원카드 통계 히어로 · 활동·상대 셸프(더보기) · 경기 목록은 세로 리스트 · 하단 CTA 없음

8월 25일 – 31일

⋯

8월 25일 – 31일이번 주

주간 리캡

이번 주 전적4승 2패 1무

📊

57%

57%승률

승4

패2

무1

ELO 변화+16

7경기 수

4승

2패

57%승률

활동주간

경기 수승률ELO 변화

8/25

월2승

8/26

화-

8/27

수1패

8/28

목1승

8/29

금-

활동 달력 전체 보기일별 기록으로 이동

상대3명과 경기

박

박준호

2승 0패승률 100%

최

최지우

1승 1패승률 50%

이

이서연

1승 1무승률 50%

상대 전적 전체 보기맞대결 랭킹

경기 목록7경기

8월 28일 (목)2

김

이

승6-3남복

vs 박준호 · 최지우

+12

김

이

승7-5혼복

vs 이서연 · 한지민

8월 27일 (수)1

김

박

패4-6남복

vs 최지우 · 정민수

-8

8월 25일 (월)2

김

최

승6-2남복

vs 박준호 · 이서연

+14

김

이

무6-6혼복

vs 정민수 · 강다은

⚖️place-surface: 히어로 = 정체성 커버(기간 라벨 + W-L-D) + 정체성 심(승률 링) + 몸통 (도넛+StatTile). 활동·상대는 ≤5개 셸프 + 더보기 탈출. 경기 목록은 브라우징 스파인이라 셸프로 바꾸지 않고 세로 리스트 그대로(section-rhythm §112 · place-surface §113). 하단 CTA 없음 — 기록은 탐색 서피스, 컨트롤은 인라인 칩.

일자일자(하루) 기록 상세

같은 히어로 문법, 좁은 스코프 · 활동 달력 탭에서 진입 · 그날 경기 리스트만

일별 기록

⋯

일별 기록

8월 26일 (화)2승 1패

📅

67%

67%승률

승2

패1

무0

ELO 변화+9

2승 1패전적

+9ELO 변화

1487최종 레이팅

경기3경기

김

이

승6-3남복

vs 박준호 · 최지우

+12

김

박

승6-4남복

vs 한지민 · 오세훈

김

이

패3-6혼복

vs 정민수 · 강다은

-10

⚖️같은 히어로, 더 좁은 스코프: 일자 드릴은 기간 히어로와 동일한 카드 문법(커버+심+도넛+ StatTile)을 재사용하되 활동/상대 셸프 없이 그날의 경기 리스트로 바로 이어진다. 활동 셸프의 날짜 타일 탭 → 이 화면(RecordDayDetailScreen)으로 이동.

Spec (grounding, anatomy)

기록 상세(기간/일자)를 클럽 상세 플레이스-서피스 포맷으로 재구성한 제안. 원카드 통계 히어로(정체성 커버 + 승률 심) + 활동·상대 미리보기 셸프(더보기 탈출) + 경기 목록은 브라우징 스파인 그대로 세로 리스트. 오너 반복 검토용.

grounded in 4 source file(s)

packages/features/records/src/record-detail-screen.tsxpackages/features/records/src/head-to-head-screen.tsxpackages/features/clubs/src/club-detail/visitor/visitor-page.tsxdocs/canon/components.md