Interactive kit · grounded in code

Profile Detail — Redesign · 프로필

🎨

제안 — 프로필 상세를 클럽 상세 플레이스-서피스 포맷으로프로필은 장소가 아니라 정체성이라는 "장소"다 → 사진 대신 티어뱃지+ELO가 커버가 되는 원카드 히어로(아바타/티어 좌측·신뢰도 우측 심), 역할별 밀도(본인·공개), 섹션 리듬, ⋯ 케밥, 공개 프로필만 단일 하단 CTA. 아직 앱에 반영 전 — 오너 반복 검토용 와이어프레임.

역할 A본인이 보는 프로필

자기 활동 우선 · 친구→업적→출석→매너→설정 · 하단 CTA 없음(설정은 메뉴)

프로필

⋯

🌳NTRP 4.5–5.01,487ELO

김

🛡️

안정권

김민준구력 5년차 · 서울 강남구

128경기 수

62%승률

6회이번 달 출석

안정권신뢰도

친구12명

김

이

박

최

친구 12명›

업적7 / 55

🏆

100경기 달성누적 100경기를 완료했어요

누적3일 전

🔥

5연승다섯 경기 연속 승리했어요

연승1주 전

7 / 55개 달성전체 보기

출석

92%출석률

8회연속 출석

매너 태그

⏰시간을 잘 지켜요

×14

🤝매너가 좋아요

×9

연습 기록›

환경설정›

로그아웃›

⚖️density-follows-role: 본인은 자기 활동 투영(친구·업적·출석·매너)을 먼저 본다. 설정은 하단 CTA가 아니라 카드 안 메뉴 행 — 페이지 레벨 액션이 없는 서피스라 밴드가 없다. 아웃바운드/보조 액션(공유·문의)은 헤더 ⋯ 케밥.

홈

역할 B타인이 보는 프로필 (공개)

PlayProfile+매너+전적 · 하단 CTA = 친구 신청 상태 머신 · 메시지는 ⋯ 케밥

이서연

⋯

🌿NTRP 4.0–4.51,312ELO

이

🛡️

안정권

이서연서울 송파구

54경기 수

58%승률

안정권신뢰도

정보

지역서울 송파구

구력4년차

41세션 수

88%출석률

—신뢰 등급

복식 선호

58% 승률 (최근 50경기)

친구

매너 태그

🎾실력이 좋아요

×6

상대 전적이서연님과 3승 1패

⚖️같은 슬롯, 다른 투영: 공개 프로필은 개인 활동 대신 활동·신뢰·플레이 스타일·소셜 (PlayProfileCard)과 매너 태그만 본다. 메시지 보내기는 더 이상 헤더 슬롯이 아니라 ⋯ 케밥 — 페이지의 유일한 하단 CTA는 친구 신청 상태 머신(신청하기 → 신청됨 → 친구)이 가진다.

친구 신청

Spec (grounding, anatomy)

프로필 상세를 클럽 상세 플레이스-서피스 포맷으로 재구성한 제안. 사진 대신 티어뱃지+ELO가 커버가 되는 원카드 히어로(아바타/티어 좌측 · 신뢰도 우측 심) + 역할별 밀도(본인·공개) + 섹션 리듬 + 공개 프로필만 단일 하단 CTA. 오너 반복 검토용.

grounded in 10 source file(s)

packages/features/profile/src/profile-screen.tsxpackages/features/profile/src/profile-hero-card.tsxpackages/features/profile/src/public-profile-screen.tsxpackages/features/profile/src/attendance-section.tsxpackages/features/profile/src/manner-tags-section.tsxpackages/features/profile/src/friends-summary-card.tsxpackages/features/profile/src/achievements-preview-section.tsxpackages/features/profile/src/profile-menu-card.tsxpackages/features/clubs/src/public-club-profile-screen.tsxdocs/canon/components.md