Skip to content

feat: 랜딩 페이지 리디자인 + 커스텀 로고/파비콘#20

Merged
bbbang105 merged 4 commits intodevfrom
feat/landing-page-redesign
Mar 8, 2026
Merged

feat: 랜딩 페이지 리디자인 + 커스텀 로고/파비콘#20
bbbang105 merged 4 commits intodevfrom
feat/landing-page-redesign

Conversation

@bbbang105
Copy link
Copy Markdown
Owner

Summary

  • Linear/Vercel 스타일 다크모드 랜딩 페이지 리디자인 (7섹션 구성)
  • 레트로 터미널 K 레터마크 로고 + PWA 아이콘 생성
  • 서비스명 '큐스팅 4th' 브랜딩 통일

Changes

  • packages/web/src/components/landing/landing-client.tsx — 랜딩 페이지 클라이언트 (Nav, Hero, Stats, Features, HowItWorks, Marquee, CTA, Footer)
  • packages/web/src/components/landing/motion.tsx — Framer Motion 애니메이션 (FadeUp, StaggerContainer, CountUp, DrawLine)
  • packages/web/src/app/page.tsx — 서버 컴포넌트: DB 스탯 fetch + ISR 60s + 인증 유저 리다이렉트
  • packages/web/src/app/globals.css — 랜딩 전용 CSS (glow, gradient, marquee, bento-card)
  • packages/web/public/icon.svg — 레트로 터미널 K 로고 (CRT 스캔라인, 커서 블록)
  • packages/web/public/logo.svg — 풀 로고 (아이콘 + 텍스트)
  • packages/web/public/icon-192.png, icon-512.png — PWA 아이콘
  • packages/web/public/manifest.json — PWA 매니페스트 업데이트
  • packages/web/src/components/layout/header.tsx — 헤더 로고 → 큐스팅 4th
  • docs/ — 아키텍처, CLAUDE.md, 디자인 문서 최신화

Design Decisions

결정 이유
Linear 스타일 다크모드 개발자 타겟 서비스에 적합한 프리미엄 느낌
Framer Motion 풀 애니메이션 스크롤 트리거 인터랙션으로 몰입감 극대화
ISR 60s DB 스탯 실시간성과 성능의 균형
레트로 터미널 K 로고 개발자 정체성 + 큐시즘 블루 그라디언트
DiceBear 하드코딩 아바타 실제 유저 데이터 노출 없이 커뮤니티 느낌 연출

Test Plan

  • 랜딩 페이지 각 섹션 렌더링 확인
  • CountUp 애니메이션 동작 확인
  • 인증 유저 → /dashboard 리다이렉트 확인
  • PWA 아이콘 정상 표시 확인
  • 모바일/데스크톱 반응형 확인
  • prefers-reduced-motion 접근성 확인

🤖 Generated with Claude Code

bbbang105 and others added 4 commits March 8, 2026 20:10
- Linear 스타일 다크 모드 원페이지 (7섹션: Nav/Hero/Stats/Bento/HowItWorks/Marquee/CTA)
- 큐시즘 블루 그라디언트 (#0091FF → #004DFF) 전면 적용
- Framer Motion 풀 애니메이션 (FadeUp, StaggerContainer, CountUp, DrawLine)
- 커스텀 SVG 픽토그램 로고 (펜촉+화살표) + PWA 아이콘 (192/512, maskable)
- DB 스탯 ISR 60s (활성 멤버수, 포스트수, 회차)
- DiceBear fun-emoji 아바타 마키 소셜 프루프
- prefers-reduced-motion 접근성 대응
- themeColor 라이트/다크 분기, statusBarStyle black-translucent

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Claude <noreply@anthropic.com>
큐시즘 블루 그라디언트 (#0091FF → #004DFF)
볼드 지오메트릭 K + 하단 대각선에 펜촉 디테일

Co-Authored-By: Claude <noreply@anthropic.com>
- 로고를 레트로 터미널 K 레터마크로 리디자인 (CRT 스캔라인, 커서 블록, 프롬프트 마커)
- 서비스명 '큐스팅 4th'로 통일 (Nav, Header, Footer)
- 푸터에 개발자 크레딧 추가 (@bbbang105 & @choihooo)
- PWA 아이콘 재생성 (icon-192.png, icon-512.png)

Co-Authored-By: Claude <noreply@anthropic.com>
@bbbang105 bbbang105 requested a review from choihooo as a code owner March 8, 2026 11:36
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 8, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
study-admin-web Ready Ready Preview, Comment Mar 8, 2026 11:36am

@bbbang105 bbbang105 added 🌱 style 코드 의미에 영향을 주지 않는 변경사항 (코드 포맷팅, 오타 수정, 변수명 변경, 에셋 추가) 🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) / 디자인 요소 수정 labels Mar 8, 2026
@bbbang105 bbbang105 merged commit 966294a into dev Mar 8, 2026
8 checks passed
@bbbang105 bbbang105 deleted the feat/landing-page-redesign branch March 8, 2026 11:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🚀 feat 새로운 기능 추가 / 일부 코드 추가 / 일부 코드 수정 (리팩토링과 구분) / 디자인 요소 수정 🌱 style 코드 의미에 영향을 주지 않는 변경사항 (코드 포맷팅, 오타 수정, 변수명 변경, 에셋 추가)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant