지마켓 디자인 시스템

링크: https://gds.gmarket.co.kr/

특징:

• Foundation을 기반으로 컴포넌트를 구성함
• Component가 Flat하게 정리되어 있음

• 개발팀 내부적으로 Component를 조합한 Template이라는 단위를 사용하고 있는 듯

• 위계가 Foundation → Component → Template인 느낌?

• 각 컴포넌트들에 대한 사용방식, Variant 등의 정리가 잘 되어 있음

Spacing

• 8 point grid - 대부분의 모바일 화면이 8픽셀로 나누어 떨어진다는 점을 고려함Spacing 단위 기반의 Divider 컴포넌트를 만들어서 사용중인 것으로 추정

• Spacing 단위 기반의 Divider 컴포넌트 만들어서 템플릿 사이 간격을 벌림

Components