Overview

Size: dimension, border radius, space
Color: 색상 시스템
Typography: font family, font weight, line height 등

디자인 토큰 라이브러리로, 디자인 시스템의 스타일 기반(Foundation) 요소를 정의합니다.
다양한 테마 전환 기능을 지원하며, 다음과 같은 속성을 포함합니다:

Vapor Theme은 컴포넌트 레벨이 아닌 시스템 전반에 사용되는 스타일 정의를 담당합니다.

React 기반의 Custom Hook 유틸리티 모음입니다.
디자인 시스템 사용 중 반복되는 로직이나 상태 관리를 위한 기능을 제공합니다.

⚠️ 현재 별도의 문서화 사이트는 제공되지 않습니다.

구름에서 사용하는 아이콘 라이브러리입니다.
일관된 UI 구성 및 시각적 표현을 위해 커스텀 제작된 아이콘을 제공합니다.
React 컴포넌트로 추상화되어 있으며, 사이즈 및 색상 커스터마이징이 가능합니다.

웹 접근성(A11Y)을 고려한 React 컴포넌트 라이브러리입니다.
핵심 설계 철학은 다음과 같습니다:

Core 라이브러리는 다음과 같은 Foundation 요소만 정의합니다:

이 구조는 이후 프로젝트에서 다양한 디자인 요구 사항을 유연하게 대응할 수 있도록 돕습니다.

이 네 가지 라이브러리는 함께 사용될 때 강력한 디자인 시스템을 구성하며, 유지보수성과 확장성을 동시에 확보할 수 있습니다.