Dark Modern

Dark Modern 디자인 가이드:

[디자인 철학]
- 다크 테마는 집중력을 높인다. 눈의 피로를 줄이고 콘텐츠에 몰입
- 퍼플 악센트가 세련되고 현대적인 느낌. 너무 많이 쓰지 않는다
- 깊이감 있는 레이어. 배경-표면-요소 순서로 밝기 차이
- 글로우 효과는 인터랙티브 요소에만 절제해서 사용

[UX 원칙]
- 다크 배경에서 가독성 확보가 우선
- 명도 대비로 시각적 위계를 명확히
- 호버/포커스 상태에 글로우 효과로 피드백
- 부드러운 트랜지션으로 세련된 느낌

[컬러]
- Primary: #6D36F6 (Purple), Hover: #5B2BD4
- Background: #0F0F0F, Surface: #1A1A1A, Elevated: #27272A
- Text: #FFFFFF (제목), #E4E4E7 (본문), #A1A1AA (보조)
- Border: #27272A, Focus: #6D36F6

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

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