O12
Profile Header
avatar/name/bio + metric group + owner/viewer CTA · loading/error/disabled/focus-visible
Owner / Viewer
같은 정보 구조에서 CTA만 context에 따라 분기합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
하윤
@hayun-worlds
도시 괴담, 학원 미스터리, 짧은 루프물을 주로 공개합니다.
State Stack
기본
프로필 헤더와 월드 탭 진입점을 기본 밀도로 확인합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
로딩
App Shell 맥락을 유지한 채 헤더 skeleton dimension을 확인합니다.
프로필 헤더를 불러오는 중
에러
현재 프로필 맥락을 잃지 않고 재시도 액션 후보를 확인합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
프로필 정보를 불러오지 못했습니다. 같은 맥락에서 다시 시도할 수 있어야 합니다.
비활성
비활성 사유가 색상 외 텍스트로 함께 전달되는지 확인합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
포커스
주요 CTA와 팔로잉/팔로워 버튼의 focus-visible ring을 확인합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
Responsive
mobile에서 avatar/text/metric/CTA가 순서대로 쌓이고 tabbed grid 진입 전 밀도를 유지합니다.
profile header density
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.
세린
@serin
감정선이 선명한 로맨스 판타지와 선택형 세계를 설계합니다.