SOPO DESIGN SYSTEMv0.1

SOPO를 만드는
하나의 언어.

토큰에서 인터랙션까지, 제품의 작은 결정을 하나의 원칙으로 연결합니다. 실제 코드로 작동하는 SOPO의 디자인 시스템을 만나보세요.

sopo.community/workspace

Live

WEDNESDAY · 29 JULY

좋은 저녁이에요, 해준님.

진행 중

DESIGN SYSTEM

토큰과 컴포넌트를 실제 제품의 언어로 연결합니다.

18 / 25 tasks

해

윤

민

FOUNDATIONSemantic colors

primary.surface#E8F5E8

content.strong#172017

THE SYSTEM

색상, 간격, 움직임까지. 반복되는 판단을 제품의 공통 언어로 바꿉니다.

색과 수치를 외우지 않아도 같은 결정을 내릴 수 있습니다.

문서와 실제 React 구현이 하나의 소스를 공유합니다.

관계를 설명하고 상태를 이어주는 순간에만 움직입니다.

BUILT FOR THE PRODUCT