디자인
Team Design 개요
ZERO-ONE은 **“Figma만 몇 년째 쓰고 있는데 코드는 무서운 디자이너”**를 1차 핵심 타겟으로 삼는 제품입니다. 즉 우리 서비스의 사용자이자, 동시에 우리가 가장 깊이 이해해야 할 대상이 디자이너입니다. 그래서 디자인 자체가 곁다리가 아니라 제품 경쟁력의 본류입니다 — “디자이너 타겟에게 랜딩이 허술하면 제품 자체를 불신한다”는 전제 아래 랜딩/학습공간 디자인 리소스에 최우선 투자한다는 원칙이 PRD에 명시돼 있습니다.
이 섹션은 노션의 디자인·UIUX 관련 문서와 실제 코드(global.css 디자인 토큰, components/common/ui)를 큐레이션해 정리합니다.
하위 페이지
- System — 컬러 팔레트·타이포(디자이너 스케일)·radius/spacing 토큰, MVCS 톤앤매너, 브랜드 컬러(핑크/민트) 논의
- Components — 코드에 구현된 UI 컴포넌트 인벤토리와 UIUX 개선안에서 도출된 패턴
- Guidelines — 디자인 원칙·페르소나·IA, UIUX 개선안 합성
- Assets — Figma 파일·폰트·로고 등 자산 위치 안내
참고 (코드 위치)
- 디자인 토큰 코드 구현:
study-platform-client/src/app/global.css(@theme inline,@utility font-designer-*) - 공통 UI 컴포넌트:
study-platform-client/src/components/common/ui/ - Figma 작업물의 컴포넌트화 워크플로우는 Engineering · Frontend 참고