Skip to content

[FEAT] 랜딩 페이지 및 디자인 시스템 구현#9

Merged
kimminna merged 7 commits into
developfrom
feat/8-landing-page-and-design-system
May 19, 2026
Merged

[FEAT] 랜딩 페이지 및 디자인 시스템 구현#9
kimminna merged 7 commits into
developfrom
feat/8-landing-page-and-design-system

Conversation

@kimminna

Copy link
Copy Markdown
Member

ISSUE 🔗

close #8



What is this PR? 🔍

claude.ai/design으로 제작한 Sprout · Career Studio 브랜드 디자인을 Next.js 프로젝트에 적용합니다.

  • 디자인 시스템: 다크 테마 기반 CSS 커스텀 변수(텍스트·배경·테두리·그린 팔레트·그라디언트)를 globals.css에 정의
  • LogoGlyph: 새싹 모티프 인라인 SVG 컴포넌트 추가 (외부 라이브러리 의존 없음)
  • 랜딩 페이지: 디자인 토큰을 Tailwind arbitrary value로 적용한 서버 컴포넌트 구현
  • 테스트·스토리: Vitest 테스트 9개 및 Storybook 스토리 3개 작성 (Vitest 설치 후 즉시 실행 가능)



Screenshot 📷



Test Checklist ✔

  • pnpm type-check 통과
  • pnpm lint 통과
  • pnpm format:check 통과
  • pnpm dev로 랜딩 페이지 시각 확인
  • Vitest 설치 후 테스트 9개 실행 확인

kimminna added 5 commits May 19, 2026 21:21
- Prettier PostToolUse 훅을 올바른 형식으로 추가했습니다
- 테스트·스토리 파일을 TypeScript 빌드 대상에서 제외했습니다
- 텍스트 계층(--text-1~4), 배경(--bg-base/card/subtle), 테두리 변수를 정의했습니다
- 브랜드 그린 팔레트(--green-100~400)를 oklch 색상으로 정의했습니다
- 텍스트·배경·AI 기능용 그라디언트 변수를 정의했습니다
- 카드·버튼 radius 및 shadow 공통 유틸 변수를 추가했습니다
- 새싹 모티프 인라인 SVG LogoGlyph 컴포넌트를 추가했습니다
- components/ui barrel export(index.ts)를 추가했습니다
- 디자인 시스템 토큰을 적용한 랜딩 페이지 서버 컴포넌트를 구현했습니다
- Google 로그인 버튼을 /dashboard 링크로 연결했습니다
- LogoGlyph 테스트 4개를 작성했습니다 (size, className, aria-hidden)
- 랜딩 페이지 테스트 5개를 작성했습니다 (헤드라인, Google 링크, eyebrow 등)
- LogoGlyph Storybook 스토리 3개를 작성했습니다 (Default, Large, Colored)
- 컴포넌트 계층, CSS 토큰 목록, Tailwind 매핑표를 문서화했습니다
- 테스트 케이스 9개 및 Storybook 스토리 명세를 포함했습니다
@kimminna kimminna changed the title feat 랜딩 페이지 및 디자인 시스템 구현 [FEAT] 랜딩 페이지 및 디자인 시스템 구현 May 19, 2026
@github-actions github-actions Bot added the ✨ Feature 새로운 기능(기능성) 구현 label May 19, 2026
- next/font/local로 PretendardVariable.woff2를 로드하고 CSS 변수로 등록했습니다
- body에 font-family: var(--font-pretendard)를 적용하여 전체 앱에 폰트를 적용했습니다
- shared/assets/fonts/PretendardVariable.woff2 폰트 파일을 추가했습니다
@kimminna kimminna merged commit 5133592 into develop May 19, 2026
3 checks passed
@kimminna kimminna deleted the feat/8-landing-page-and-design-system branch May 19, 2026 12:36
@kimminna kimminna mentioned this pull request May 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ Feature 새로운 기능(기능성) 구현

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] 랜딩 페이지 및 디자인 시스템 구현

1 participant