파운데이션 먼저
공유 토큰, 타이포그래피, 레이아웃을 먼저 살펴보세요. 그런 다음 각 컴포넌트 페이지에서 동작과 사용법 안내를 읽으세요.
컴포넌트 페이지
각 페이지는 예시, 사용법 안내, 키보드 동작, 주요 API, 토큰을 다룹니다. 미구현 항목은 계획됨으로 표시하고, 스타일 없이 다시 내보낸 항목은 프리미티브만으로 표시합니다.
디자인 방향
Surflane은 일관된 토큰, 컴포넌트, 패턴으로 플랫폼 개발 UI를 만듭니다. 시각적 선택과 구현 규칙을 함께 다룹니다. 실제 사용과 테스트를 통해 발전합니다.
- 표면 우선
- 표면과 여백으로 계층을 만듭니다. 경계가 필요한 곳에만 선을 사용합니다.
- 명확한 인터랙션
- 상태 변화, 포커스, 키보드 및 터치 피드백을 명확하게 합니다.
- 조합 가능한 파운데이션
- 공유 색, 타이포그래피, 간격, 크기 표준을 조합 가능한 API로 연결합니다.
이 방향은 고정된 완성 계획이 아닙니다. 새로운 디자인 결정이 파운데이션과 동작 예시를 업데이트하고 표준을 시간에 따라 다듬습니다.