Soft Gradient

Soft Gradient 디자인 가이드:

[디자인 철학]
- 부드러운 색상이 따뜻하고 친근한 느낌을 만든다
- 은은한 그라디언트가 깊이감을 주되 과하지 않게
- 파스텔 악센트가 모던하면서 친근한 인상
- 둥근 모서리가 부드러운 미학을 완성

[UX 원칙]
- 사용자에게 편안하고 환영받는 느낌을 주는 디자인
- 충분한 여백으로 여유로운 레이아웃
- 그라디언트는 미묘하게, 주인공은 콘텐츠
- 부드러운 트랜지션으로 우아한 인터랙션

[컬러]
- Primary: #F37BB5 (Pink), Hover: #E85DA0
- Background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%)
- Secondary BG: #FDF2F8, Cards: #FFFFFF
- Text: #1F2937 (제목), #4B5563 (본문), #9CA3AF (보조)
- Border: #E5E7EB, Focus: #F37BB5

[사이즈]
- Spacing: 요소 내부 12px, 요소 간격 16px, 섹션 간격 48px
- Radius: 버튼/인풋 10~12px, 카드 14~16px, 배지 pill (13px)
- 버튼: 44px (기본), 36px (소형)
- 인풋: 44px
- Font: Pretendard, 14px 본문, 32px 디스플레이

[적용 가이드]
이 가이드는 기본 지침이며, 앱의 특성과 성격에 따라 유연하게 조정하세요:
- 웹 vs 모바일: 모바일은 터치 타겟 48px 이상, 대중적인 디바이스의 기준을 따른다.
- 정보 밀도: 대시보드는 적당히 촘촘하게, 랜딩/마케팅은 여유롭게
- 브랜드 톤: 친근함은 컬러를 조금 더 사용하고, 신뢰감은 화이트 위주 + 포인트 컬러는 적게
→ 컬러와 디자인 철학은 유지하되, 사이즈/간격/컬러 사용량은 상황에 맞게 조정