디자인 전면 리뉴얼 — 컬러풀 비비드 컬러 + 마스코트 + 풍부한 인터랙션

[Xixn2]

지난 시도는 새 섹션을 기존 디자인 위에 얹은 것뿐. 한국 동아리 사이트들(SOPT, Mash-Up, 디프만, NEXTERS)의 실제 시각 언어 — 강렬한 컬러 블록, 마스코트 캐릭터, 거대 디스플레이 타이포, 풍부한 인터랙션 — 을 본격적으로 적용해 전체 디자인을 새로 만든다.

디자인 시스템 변경

• 컬러 팔레트 확장 — 비비드 멀티 컬러: 마젠타(#ff2d87) · 시안(#00d2ff) · 라임(#c2ff3d) · 딥 인디고(#1a1147) · 페이퍼 베이스 위에 강한 컬러 블록
• 타이포 — Black Han Sans 추가 (한국어 디스플레이 굵은 캐릭터 폰트), 본문은 Pretendard 유지
• 마스코트 SVG — 도형 기반의 quirky 캐릭터 컴포넌트
• 노이즈 텍스처 풀스크린 오버레이로 빈티지 매거진 톤

새 컴포넌트

• Mascot.tsx — SVG 마스코트 (눈·입·몸의 표정 변형 가능)
• MouseBlob.tsx — 마우스 따라다니는 그라데이션 블롭
• NoiseOverlay.tsx — 풀스크린 노이즈 (헤로에)
• GradientText.tsx — 멀티 컬러 그라데이션 텍스트
• TiltCard.tsx — 3D perspective hover 카드

페이지 리디자인

• Home Hero — 100vh, 거대 디스플레이 헤드라인 + 마스코트 + 마우스 블롭 + 노이즈
• 각 섹션 — 색이 다른 컬러 블록 (마젠타 → 시안 → 라임 → 딥 인디고) 으로 시각적 변주
• About / Activities / Shop / Members / Recruit / Contact — 같은 색감 시스템 적용

새 애니메이션

• 마우스 follow 블롭 (spring damped)
• 헤딩 글자 hover 시 색·rotate 변형
• 섹션 진입 시 컬러 블록 슬라이드인
• 3D tilt card (마우스 위치 기반)