Carbon, Polaris, Lightning, Spectrum, 엔터프라이즈 디자인 시스템 4종

한 줄로

대기업이 자체적으로 만들고 공개한 디자인 시스템 4개입니다. 각자 다른 정체성을 가집니다.

Carbon (IBM)

IBM이 2016년 오픈소스로 공개했습니다. 엔터프라이즈 환경 특화입니다. 데이터 시각화, 복잡한 폼, 대시보드에 강합니다.

특징:

• 산세리프 폰트 (IBM Plex).
• 미니멀, 차분한 색.
• React, Vue, Angular, Svelte 모두 지원.

Polaris (Shopify)

Shopify가 2018년 공개했습니다. e커머스 어드민 환경에 최적화돼 있습니다. 판매자가 매일 보는 화면을 만들기 위한 도구입니다.

특징:

• 따뜻한 톤 (Shopify 녹색).
• 폼·테이블 중심.
• 상세한 가이드라인 문서.

Lightning (Salesforce)

Salesforce CRM의 디자인 시스템입니다. 2014년 공개됐습니다. B2B SaaS 환경의 표준 중 하나입니다.

특징:

• 청색 톤.
• 대시보드, 차트, 리스트 강함.
• Salesforce 외 사용은 어려움 (특정 환경에 묶임).

Spectrum (Adobe)

Adobe가 2019년 공개했습니다. 자사 Creative Cloud 제품들의 디자인 통일을 위한 시스템입니다.

특징:

• 어두운 톤 (디자이너 도구는 어두운 UI가 표준).
• 정밀한 색 시스템.
• 접근성 강조.

공통점

• 무료: 오픈소스 또는 공개 자료.
• 상세한 문서: 디자인과 코드, 사용 예시.
• 컴포넌트 라이브러리: 즉시 사용 가능.
• 버전 관리: 지속적 업데이트.

1인 랩에서 활용

직접 이 시스템을 가져다 쓰기는 무겁습니다. 대신 참고 자료로 활용합니다.

• "탭은 어떻게 디자인할까?", Polaris의 가이드 읽기.
• "폼 검증은?", Spectrum의 패턴 참고.

바이브 메이커가 챙길 한 가지

엔터프라이즈 디자인 시스템 문서는 무료 디자인 학습 자료입니다. shadcn/ui 같은 가벼운 라이브러리에 큰 회사 문서를 더해 디자인 시스템을 학습합시다.

관련

Material Design · Component library · Design tokens