Anatomy
버튼 터치 타겟 최소 44px (iOS HIG 준수). border-radius는 일반 12px, CTA·저장 16px, h-56 하단 고정은 16px.
Usage
- Primary는 한 화면에 하나만. 완료·저장 같은 주요 액션 전용.
- Secondary는 취소 또는 보조. 듀얼 액션 시트에서 취소/확인 페어.
- Destructive는 바텀시트 안에서만. 인라인 리스트에 섞지 말 것.
Why it looks this way
MY 프로필의 “프로필 편집”/“프로필 공유”는 둘 다 secondary(회색) — 브랜드 퍼플이 아닌 이유는 CTA 위계를 강조하지 않는 디자인 의도. 피드 상세의 “재생성” 버튼만 퍼플.
