UI 후속 다듬기 · 이사 선택 · 2026-07-08
O!Right UI 후속 — 스냅샷으로 A/B 선택
각 옵션 위 미니 스냅샷으로 결과를 미리 보고 고르세요. 추천이 미리 선택돼 있어요. 바꿀 것만 클릭 → 아래 요약 복사로 회신.
1별점 표시 (★)눈에 보임
평점의 별이 지금은 텍스트 ★. Lucide 정식 채택과 맞추려면 Star 아이콘이 일관적.
추천
선택
Lucide Star 로우
아이콘 통일 완성
2히어로 카드 그림자눈에 보임
"화면 주인공" 카드(프로필 등급·매칭 상세 헤더)에 그림자를 넣어 강조 위계를 또렷하게.
3목록 로딩 표시눈에 보임
일부 목록이 아직 빙글빙글(스피너). 표준은 카드 모양 Skeleton.
추천
선택
Skeleton 통일
일관 + 체감 빠름
4카드 내 대형 숫자 위계눈에 보임
화면 제목과 카드 안 큰 숫자가 같은 크기라 경쟁. 숫자를 한 급 낮추면 제목이 주인공.
5간격 리듬 규칙화미세
카드 사이 간격이 화면마다 들쭉날쭉. "카드=mt-md, 섹션=mt-lg"로 통일.
6터치 타깃 44 → 48/56시니어
세그먼트·초대·전환 링크 등 일부가 44px. 장갑 현장엔 좁음.
7원시 hex → 토큰유지보수·안 보임
일부 하드코딩 색을 colors.* 토큰으로. 화면엔 안 보이나 나중 색 변경이 쉬워짐.
8bigify() 죽은 호출 청소코드·안 보임
bigify()가 이제 항등 함수인데 43파일이 여전히 감쌈. 무해하지만 죽은 코드.
9DESIGN_SYSTEM.md v4문서
문서가 구버전이라 코드와 어긋남. 표준을 문서에 박아 다음 세션 표류 방지.
✅ 아래 요약을 복사해 보내주시면 그대로 진행합니다.