콘텐츠로 이동
ZERO-ONE Wiki

디자인 자산

디자인 원본 자산은 대부분 Figma에 있으며, 코드 측 자산은 study-platform-client/public과 토큰 파일에 있습니다. 노션에서 발견되는 자산 링크를 모았습니다.

Figma

프론트엔드 README에 정리된 공식 진입점:

  • Design System & Ready for Dev (팀 프로젝트 허브) — 디자인 시스템 + 개발용 가이드. 코드: study-platform-client/README.md 참고.

노션 문서에서 발견된 개별 Figma 파일:

  • Zero-one Design System 2.0 — figma.com/design/2NLg2OSfDs39HLWRpE0k8f/Zero-one_Design-System-2.0
  • Ready for Dev — figma.com/design/7hD22ahL8bwCsNZoSodqfP/Ready-for-Dev (개발 인계용 화면들)
  • ZeroOne 클래스 — 브랜딩 톤앤매너 문서에 링크된 컬러/로고(BI) 작업 파일 (figma.com/design/ghct7wh8uZ62eUi6JPU758/ZeroOne-클래스)
  • 미션 수행 Wireframe — figma.com/design/4RDsGozzpw6jElYF8hpfWm/미션-수행-Wireframe
  • ZERO-ONE MVC – Strategy Pyramid (FigJam 보드) — figma.com/board/GVuCB8oSKPyg1oJX8S3acD/...
  • Sprint5 Planning (FigJam 보드) — figma.com/board/LoPu3Ad4Jk6IBa9EV02hP6/Sprint5-Planning

전체 raw URL은 아래 원문 링크의 노션 문서에서 확인하세요.

폰트

  • Pretendard Variable — 본문 폰트. 코드: study-platform-client/public/fonts/PretendardVariable.woff2 (layout.tsx에서 로드)
  • Satoshi — 디스플레이 폰트 토큰(--font-display)

로고 / BI

  • Primary 핑크(#F63D68) 기반 로고·아이콘. 민트 컬러를 outline border에 섞는 방향 논의 중(Rona 번개 로고 파비콘 참고).
  • 디폴트 프로필 이미지: 핑크 동그라미.
  • 컬러/로고 작업 원본은 위 ZeroOne 클래스 Figma 파일.

코드 측 토큰 자산

  • 디자인 토큰: study-platform-client/src/app/global.css (@theme inline)
  • 아이콘 컴포넌트: study-platform-client/src/components/common/ui/icons

원문: 브랜딩 톤앤매너 (컬러·로고·Figma) · 코드: study-platform-client/README.md(Figma 링크)