<!--
generated_at: 2026-07-14T07:06:47.151Z
schema_version: 1.0
companion_to: ./vortex.md
source_versions:
  @vortex/ui-foundation: 1.67.0
  @vortex/ui-cals: 1.25.0
  @vortex/ui-icignal: 1.66.0
  @vortex/design-md: 0.1.0
-->

# Vortex Service Presets

Service preset은 brand overlay 위에 primary 토큰만 변경하는 경량 변형입니다.
baseBrand의 컴포넌트 풀과 구조는 그대로 사용하고, `--color-primary-*`만 override합니다.
AI 에이전트는 service id를 지정하면 해당 preset의 키워드·톤·primary 컬러를 반영해
컴포넌트를 합성합니다.

각 preset의 베이스 brand 컴포넌트 사양은 [vortex-components.md](./vortex-components.md),
공통 토큰·타이포·shape는 [vortex.md](./vortex.md)를 참조합니다.

## icignal-amber — iCIGNAL Amber

- **Base brand**: `icignal`
- **Status**: published
- **Domains**: 스포츠 · 레저 · 골프 · 피트니스 · 라이프스타일
- **Features**: 예약 · 멤버십 · 커뮤니티 · 활동 기록 · 이벤트
- **Match for**: 스포츠·레저·라이프스타일 플랫폼 — 활기차고 친근한 브랜드 무드가 필요한 소비자 서비스
- **Not for**: 엔터프라이즈 어드민 · B2B SaaS · 데이터 분석 · 항공 운항 · 금융

### Primary palette override (parsed)

| Role | Hex | Token |
| --- | --- | --- |
| 메인 | `#FEE500` | - |

### Overview

| 항목            | 상세                                    |
| --------------- | --------------------------------------- |
| **브랜드 컬러** | Warm Yellow `#FEE500` (Primary-300)     |
| **앰버 포인트** | Golden Amber `#D98912` (Primary-500)    |
| **다크 베이스** | Dark Charcoal `#3B3735` (Primary-900)   |
| **라이트 배경** | `#FFF8E0` (Primary-100)                 |
| **모드**        | Light / Dark Dual                       |
| **폰트**        | Pretendard, Noto Sans KR, IBM Plex Mono |

### Concept

#### 1. 키워드

- 따뜻한 햇살 (Warm Sunshine)
- 황금빛 활기 (Golden Vitality)
- 프리미엄 다크 대비 (Premium Dark Contrast)
- 경쾌하고 친근한 (Light & Friendly)
- 야외 활동의 생동감 (Outdoor Vitality)

#### 2. 톤앤매너

| 축              | 위치                                                                                      |
| --------------- | ----------------------------------------------------------------------------------------- |
| 옐로 시그니처   | Warm Yellow `primary-300` `#FEE500` — 친근하고 활기찬 시그니처, CTA·활성 요소 핵심 포인트 |
| 프리미엄 베이스 | 다크 차콜 `primary-900` `#3B3735` — 사이드바·헤더 chrome, 세련된 무게감                   |
| 앰버 온기       | `primary-500` `#D98912` Golden Amber — 보조 인터랙션·버튼·강조 요소                       |
| 따뜻한 배경     | `primary-100` `#FFF8E0` — 밝고 따뜻한 콘텐츠 영역 배경                                    |
| 모드 지원       | Light / Dark Dual Mode — 다크 모드에서 옐로 포인트 극적 대비                              |

#### 3. 키 비주얼 방향

- 다크 차콜 사이드바 + 밝고 따뜻한 메인 콘텐츠 영역의 프리미엄 대비
- Warm Yellow `primary-300` 포인트: 친근하고 활기찬 브랜드 무드를 위한 핵심 CTA·활성 요소
- Amber Gold `primary-400` 보조: 호버·인디케이터·부가 정보 강조에 활용
- 아이콘: Lucide Icons 기반 명확한 기능 아이콘 체계


## icignal-cyan — iCIGNAL Cyan

- **Base brand**: `icignal`
- **Status**: published
- **Domains**: 로우코드 · SaaS · 디지털 전환 · 시민 개발자 · 엔터프라이즈 저작 환경
- **Features**: Drag & Drop · Wizard · AI Creator · 워크플로우 자동화 · 멀티테넌트
- **Match for**: iCignal 기반 로우코드 저작 플랫폼 — 시민 개발자·비전공자 대상
- **Not for**: 소비자 서비스 · 스포츠/레저 · 데이터 분석 전문 CRM · 감성 브랜드

### Primary palette override (parsed)

| Role | Hex | Token |
| --- | --- | --- |
| 메인 | `#9FCAD9` | - |

### Overview

| 항목            | 상세                                    |
| --------------- | --------------------------------------- |
| **브랜드 컬러** | Steel Blue `#9FCAD9` (Primary-500)      |
| **딥 틸**       | `#055A78` (Primary-800)                 |
| **라이트**      | `#F3F5F5` (Primary-200)                 |
| **서브**        | `#2F657D` (Primary-900)                 |
| **모드**        | Light / Dark Dual                       |
| **폰트**        | Pretendard, Noto Sans KR, IBM Plex Mono |

### Concept

#### 1. 키워드

- 스틸 블루 기반 저작 도구 (Steel Blue Authoring Tool)
- 딥 틸 전문가 크롬 (Deep Teal Expert Chrome)
- 캔버스 중심의 정돈된 밀도 (Canvas-Centered Ordered Density)
- Wizard 단계 진행의 명확성 (Step-Progress Clarity)
- 시민 개발자를 위한 친화적 온기 (Citizen Developer Warmth)

#### 2. 톤앤매너

| 축              | 위치                                                                                     |
| --------------- | ---------------------------------------------------------------------------------------- |
| 클라우드 전문성 | 딥 틸 베이스 — 사이드바·헤더에 `primary-800` `#055A78`으로 엔터프라이즈 SaaS 신뢰감 형성 |
| 집중 포인트     | `primary-500` Steel Blue `#9FCAD9` — CTA·Wizard 단계 진행·활성 요소에 집중 사용          |
| 직관적 배경     | 밝은 저작 환경 `primary-50` `#F5FAFC` — 비개발자 사용자의 시각적 피로도 최소화           |
| 저작 도구 밀도  | 정돈된 Drag & Drop 캔버스 — 컴포넌트 패널·속성 패널·미리보기 구조                        |
| 모드 지원       | Light / Dark Dual Mode — 개발 환경별 선택 가능                                           |

#### 3. 키 비주얼 방향

- 딥 틸 사이드바(컴포넌트 패널) + 밝은 저작 캔버스 영역의 명확한 구조 분리
- Wizard 기반 단계별 진행 흐름 — Steel Blue `primary-500`으로 현재 단계·완료 상태 시각화
- Drag & Drop 인터페이스 — 활성 선택 요소·드롭 영역을 `primary-500` 포인트로 명확히 표현
- 아이콘: Lucide Icons 기반 명확한 기능 아이콘 체계


## icignal-green — iCIGNAL Green

- **Base brand**: `icignal`
- **Status**: published
- **Domains**: 친환경 · 그린테크 · ESG · 모빌리티 · 에너지 · 지속가능성
- **Features**: 성과 모니터링 · 환경 데이터 대시보드 · B2B 서비스 · 탄소 관리
- **Match for**: 친환경·그린테크·모빌리티 도메인 B2B 서비스
- **Not for**: 소비자 예약 서비스 · 항공 운항 어드민 · 기업 백오피스 · AI 크리에이티브

### Primary palette override (parsed)

| Role | Hex | Token |
| --- | --- | --- |
| 메인 | `#5AC10C` | - |

### Overview

| 항목              | 상세                                    |
| ----------------- | --------------------------------------- |
| **브랜드 컬러**   | Vivid Green `#5AC10C` (Primary-500)     |
| **라임 라이트**   | `#D0F4AC` (Primary-100)                 |
| **포레스트 딥**   | `#0A543A` (Primary-900)                 |
| **브라이트 라임** | `#6EDC00` (Primary-400)                 |
| **모드**          | Light / Dark Dual                       |
| **폰트**          | Pretendard, Noto Sans KR, IBM Plex Mono |

### Concept

#### 1. 키워드

- 라임의 청량한 생동감 (Crisp Lime Vitality)
- 포레스트 딥의 자연적 무게감 (Forest Deep Natural Gravity)
- 선명한 라임-포레스트 대비 (Vivid Lime-Forest Contrast)
- 생동감 있는 성장 에너지 (Vivid Growth Energy)
- 지속가능한 자연 브랜드 (Sustainable Natural Brand)

#### 2. 톤앤매너

| 축          | 위치                                                                                              |
| ----------- | ------------------------------------------------------------------------------------------------- |
| 생동감      | 라임 그린 계열 — CTA·활성 상태·배지에 `primary-400` `#6EDC00` / `primary-500` `#5AC10C` 제한 사용 |
| 안정 베이스 | 포레스트 그린 `primary-900` `#0A543A` — 다크 사이드바·헤더 chrome으로 무게감 부여                 |
| 명쾌한 대비 | 밝은 라임과 포레스트 딥의 선명한 대비로 정보 위계 구현                                            |
| 청량 배경   | `primary-50` `#F1FCE5` — 밝고 신선한 콘텐츠 영역 배경                                             |
| 모드 지원   | Light / Dark Dual Mode — 운영 환경별 선택 가능                                                    |

#### 3. 키 비주얼 방향

- 포레스트 그린 사이드바 + 밝은 라임 콘텐츠 영역의 선명한 대비
- `primary-500` Vivid Green 포인트: CTA·활성 탭·진행 상태 표현에 집중 사용
- 밝은 `primary-50` `#F1FCE5` 배경으로 청량하고 생동감 있는 전체 톤 유지
- 아이콘: Lucide Icons 기반 명확한 기능 아이콘 체계


## icignal-orange — iCIGNAL Orange

- **Base brand**: `icignal`
- **Status**: published
- **Domains**: 엔터프라이즈 어드민 · 백오피스 · B2B SaaS · 회원관리 · 운영 대시보드
- **Features**: 데이터 테이블 · 복잡 검색 · 조회 필터 · 대량 데이터 관리 · 회원 조회
- **Match for**: 대량 데이터 조회·관리 중심 기업용 백오피스/어드민
- **Not for**: 소비자 서비스 · 감성 브랜드 · 스포츠/레저 · 창의적 플랫폼

### Primary palette override (parsed)

| Role | Hex | Token |
| --- | --- | --- |
| 메인 | `#ff8904` | - |

### Overview

| 항목              | 상세                                    |
| ----------------- | --------------------------------------- |
| **브랜드 컬러**   | Orange `#ff8904` (Primary-500)          |
| **라이트 포인트** | `#ffcf99` (Primary-200)                 |
| **다크 베이스**   | Deep Brown `#331b00` (Primary-900)      |
| **최심부**        | `#1a0e00` (Primary-950)                 |
| **모드**          | Light / Dark Dual                       |
| **폰트**          | Pretendard, Noto Sans KR, IBM Plex Mono |

### Concept

#### 1. 키워드

- 묵직한 딥 브라운 베이스 (Heavy Deep Brown Base)
- 절제된 오렌지 포인트 (Restrained Orange Accent)
- 장시간 집중 작업의 고가독성 (Long-Session High Readability)
- 정돈된 고밀도 그리드 (Ordered High-Density Grid)
- 진중한 비즈니스 무게감 (Solemn Business Weight)

#### 2. 톤앤매너

| 축               | 위치                                                                      |
| ---------------- | ------------------------------------------------------------------------- |
| 구조적 안정감    | Deep Brown 베이스 — 좌측 다크 사이드바 + 밝은 메인 영역의 명확한 위계     |
| 활력 있는 포인트 | `primary-500` Orange를 CTA·활성 탭·선택 메뉴 등 핵심 포인트에만 제한 사용 |
| 고대비 가독성    | 텍스트·배경 명도 차이 확보 — 장시간 어드민 근무 시 눈 피로도 최소화       |
| 정보 밀도        | 촘촘하고 정돈된 그리드 — 상단 [검색/조회 필터] + 하단 [결과 테이블] 패턴  |
| 모드 지원        | Light / Dark Dual Mode — 운영 환경별 선택 가능                            |

#### 3. 키 비주얼 방향

- 좌측 다크 사이드바(Deep Brown) + 밝은 메인 콘텐츠 영역의 명확한 대비
- 상단 검색·조회 필터 박스 → 하단 결과 테이블의 일관된 어드민 구조
- 촘촘하고 정돈된 그리드 레이아웃 — 정보 밀도 최우선
- Orange `primary-500` 포인트: CTA·활성 탭·선택 메뉴 등 시선 유도 요소에만 제한 사용
- 아이콘: Lucide Icons 기반 명확한 기능 아이콘 체계


## icignal-sky — iCIGNAL Sky

- **Base brand**: `icignal`
- **Status**: published
- **Domains**: 항공 · 운항 관리 · 항공사 · 승무원 배치 · 정비 · 미션 크리티컬
- **Features**: 운항 스케줄 · 실시간 모니터링 · 승무원 관리 · 정비 이력 · 운항 실적
- **Match for**: 항공·운항 관리 어드민 — 미션 크리티컬 데이터 통합 관리
- **Not for**: 소비자 서비스 · 스포츠/레저 · 로우코드 저작 · 창의적 플랫폼

### Primary palette override (parsed)

| Role | Hex | Token |
| --- | --- | --- |
| 메인 | `#0183BF` | - |

### Overview

| 항목              | 상세                                    |
| ----------------- | --------------------------------------- |
| **브랜드 컬러**   | Aviation Blue `#0183BF` (Primary-500)   |
| **스카이 라이트** | `#BEE3FF` (Primary-200)                 |
| **딥 슬레이트**   | `#2A3B4A` (Primary-900)                 |
| **미드나잇**      | `#334266` (Primary-700)                 |
| **모드**          | Light / Dark Dual                       |
| **폰트**          | Pretendard, Noto Sans KR, IBM Plex Mono |

### Concept

#### 1. 키워드

- 스카이에서 딥 네이비로의 자연스러운 위계 (Sky-to-Deep-Navy Hierarchy)
- 차갑고 정밀한 항공 블루 (Cold Precise Aviation Blue)
- 미션 크리티컬 가독성 (Mission-Critical Readability)
- 구조적 슬레이트 신뢰감 (Structural Slate Reliability)
- 전문적 운항 분위기 (Professional Aviation Atmosphere)

#### 2. 톤앤매너

| 축                 | 위치                                                                       |
| ------------------ | -------------------------------------------------------------------------- |
| 항공 전문성        | Aviation Blue 베이스 — `primary-500` `#0183BF`을 CTA·활성 상태에 집중 사용 |
| 구조적 안정감      | 딥 슬레이트 네이비 `primary-900` `#2A3B4A` — 사이드바·헤더 chrome          |
| 고가독성           | 스카이 라이트 `primary-200` `#BEE3FF` — 밝은 콘텐츠 영역 보조 배경         |
| 정밀한 데이터 표현 | 조밀한 그리드 — 운항 스케줄·승무원 배치·정비 이력 중심 어드민 구조         |
| 모드 지원          | Light / Dark Dual Mode — 운항 환경별 선택 가능                             |

#### 3. 키 비주얼 방향

- 딥 슬레이트 네이비 사이드바 + 스카이 블루 메인 콘텐츠 영역의 항공 특화 대비
- 상단 운항 현황 모니터링 패널 → 하단 상세 데이터 테이블의 일관된 어드민 구조
- Aviation Blue `primary-500` 포인트: CTA·활성 탭·상태 인디케이터에만 집중 사용
- 미션 크리티컬 데이터(지연·결항·긴급정비)를 위한 명확한 색상 코딩 시스템
- 아이콘: Lucide Icons 기반 명확한 기능 아이콘 체계


## icignal-violet — iCIGNAL Violet

- **Base brand**: `icignal`
- **Status**: published
- **Domains**: AI · 인공지능 · 크리에이티브 플랫폼 · 테크 스타트업 · 혁신 기술
- **Features**: AI 툴 · 창작 도구 · 이노베이션 플랫폼 · 포트폴리오 · 테크 서비스
- **Match for**: AI·크리에이티브·혁신 기술 도메인 플랫폼
- **Not for**: 기업 백오피스 어드민 · 데이터 집약 B2B · 항공 운항 · 전통 기업 서비스

### Primary palette override (parsed)

| Role | Hex | Token |
| --- | --- | --- |
| 메인 | `#8B72F3` | - |

### Overview

| 항목            | 상세                                    |
| --------------- | --------------------------------------- |
| **브랜드 컬러** | Violet `#8B72F3` (Primary-500)          |
| **라벤더**      | `#BD96FF` (Primary-200)                 |
| **딥 퍼플**     | `#30264a` (Primary-900)                 |
| **퍼플 액센트** | `#7966FE` (Primary-400)                 |
| **모드**        | Light / Dark Dual                       |
| **폰트**        | Pretendard, Noto Sans KR, IBM Plex Mono |

### Concept

#### 1. 키워드

- 딥 퍼플의 신비롭고 선도적인 깊이 (Deep Purple Mysterious Depth)
- 몽환적이고 미래지향적 분위기 (Dreamlike Futuristic Atmosphere)
- 라벤더-퍼플의 우아한 위계 (Lavender-Purple Elegant Hierarchy)
- 다크 모드 최적화 몰입감 (Dark Mode Optimized Immersion)
- 창의적 혁신의 보라빛 에너지 (Creative Innovation Violet Energy)

#### 2. 톤앤매너

| 축              | 위치                                                                                  |
| --------------- | ------------------------------------------------------------------------------------- |
| 미래지향적 깊이 | 딥 퍼플 `primary-900` `#30264a` — 다크 사이드바·헤더 베이스, 신비롭고 선도적 포지셔닝 |
| 창의적 포인트   | `primary-500` Violet `#8B72F3` — CTA·활성 탭·배지에 집중 사용                         |
| 선명한 액센트   | `primary-400` `#7966FE` — 핵심 인터랙션·호버·강조 요소에 활용                         |
| 섬세한 배경     | 라벤더 `primary-200` `#BD96FF` — 보조 영역·선택 강조·카드 배경                        |
| 모드 지원       | Light / Dark Dual Mode — 다크 모드에서 몰입감 극대화                                  |

#### 3. 키 비주얼 방향

- 딥 퍼플 사이드바 + 라벤더-화이트 메인 콘텐츠 영역의 대비로 프리미엄 느낌 구현
- Violet `primary-500` 포인트: CTA·활성 탭·진행 상태·배지에 집중 사용
- 다크 모드 최우선 고려 — `primary-900` 딥 퍼플이 다크 배경에서 최고 효과 발휘
- 아이콘: Lucide Icons 기반 명확한 기능 아이콘 체계