Choose Your Product

Vortex는 세 가지 제품 라인을 지원합니다. 개발하시는 제품에 맞는 UI 라이브러리를 선택하세요.

어떤 제품을 개발하시나요?

Foundation - 기본 프레임워크

범용 디자인 시스템으로, 모든 프로젝트의 기반이 됩니다.

특징:

• ✅ 깔끔하고 모던한 디자인
• ✅ 범용적인 사용성
• ✅ 다른 제품의 기반 프레임워크
• ✅ 빠른 프로토타이핑에 최적

사용 케이스:

• 신규 프로젝트 시작
• 일반적인 웹 애플리케이션
• MVP 개발

브랜드 컬러:

• Primary: #3B82F6 (Blue)

시작하기:

npm install @vortex/ui-foundation

Foundation 설치 가이드 →

iCignal - Analytics & Reports

데이터 분석 및 리포팅에 특화된 UI 컴포넌트 라이브러리입니다.

특징:

• ✅ Analytics 특화 컴포넌트
• ✅ 차트 및 그래프 통합
• ✅ 데이터 시각화 최적화
• ✅ Dashboard 구축에 최적

사용 케이스:

• 데이터 분석 대시보드
• 리포팅 시스템
• Business Intelligence 도구
• 캠페인 매니저

브랜드 컬러:

• Primary: #2196f3 (Blue)
• Secondary: #e91e63 (Pink)

시작하기:

npm install @vortex/ui-icignal

iCignal 설치 가이드 →

Cals - Booking & Scheduling

예약 관리 시스템에 특화된 UI 컴포넌트 라이브러리입니다.

특징:

• ✅ 예약 상태 관리 (5가지 상태)
• ✅ 캘린더 및 스케줄링 최적화
• ✅ 고객 관리 기능
• ✅ Booking System에 최적

사용 케이스:

• 예약 관리 시스템
• 스케줄 매니저
• 리소스 캘린더
• 고객 관리 앱

브랜드 컬러:

• Primary: #e91e63 (Pink)
• Secondary: #03a9f4 (Blue)
• Accent: #9c27b0 (Purple)

예약 상태 컬러:

• Available: #4caf50 (예약 가능)
• Pending: #ff9800 (승인 대기)
• Confirmed: #03a9f4 (예약 확정)
• Cancelled: #f44336 (예약 취소)
• Completed: #9c27b0 (서비스 완료)

시작하기:

npm install @vortex/ui-cals

Cals 설치 가이드 →

제품 비교표

어디서부터 시작해야 하나요?

1. Foundation: 일반적인 웹 앱을 만드신다면 여기서 시작하세요
2. iCignal: 데이터 분석이나 리포팅 기능이 필요하다면 선택하세요
3. Cals: 예약 및 스케줄링 기능이 필요하다면 선택하세요

다음 단계

제품을 선택하셨다면:

1. 해당 제품의 설치 가이드를 따라하세요
2. Quick Start로 빠르게 시작하세요
3. Foundations에서 디자인 토큰을 확인하세요
4. Components에서 사용 가능한 컴포넌트를 탐색하세요

도움이 필요하신가요?

• FAQ - 자주 묻는 질문
• Support - 기술 지원
• Contributing - 기여 가이드