클래스101의 디자인 시스템, One Product System

클래스101은 기존 디자인 시스템의 한계를 극복하고 서비스 리브랜딩에 대응하기 위해 새로운 디자인 시스템인 'One Product System(OPS)'을 도입했습니다. 디자인 시스템은 컴포넌트의 사용을 제약하여 통일성과 생산성을 높이는 것을 목표로 합니다.

특히, 컴포넌트의 다양한 변형(variation)을 효율적으로 관리하는 것이 핵심이며, 이를 위해 styled-system 라이브러리를 활용했습니다. OPS는 버튼, 텍스트 등 다양한 UI 컴포넌트의 크기, 스타일 등을 미리 정의된 규칙 안에서만 사용하도록 하여 개발 생산성을 향상시키는 데 중점을 두고 있습니다.