# ORBIT Works 제작 브리프

ORBIT은 랭크빌더가 자체 기획·제작한 가상 업무 SaaS 브랜드입니다. 실고객, 운영 중인 협업 서버, 매출·성과·사용자 수를 주장하지 않습니다.

## 목표와 9개 페이지

마케팅 페이지의 설명에서 실제 제품 경험으로 자연스럽게 연결합니다. 홈, 솔루션 목록, 프로젝트 관리 상세, 업무 자동화 상세, 고객 요청 관리 상세, 주요 기능, 요금 계산, 로컬 작업 공간, 사용 가이드의 9개 독립 페이지를 제공합니다.

## 시각 설계

네이비 #0C1B34, 밝은 시안 #89EDFA, 화이트 #FFFFFF. Pretendard를 사용하며 모든 라이브 텍스트는 18px 이상입니다. 제품 UI는 이미지가 아닌 HTML/CSS로 직접 설계했습니다. 홈의 업무 보드와 솔루션별 흐름, 요청 목록이 제품 가치를 설명합니다. 모바일 체험 보드는 세로로 이어져 조작할 수 있고 목록 보기에서는 내용과 상태를 함께 확인할 수 있습니다.

## 실제 동작하는 기능

- 작업 공간: 제목·프로젝트·우선순위·상태·선택 기한·메모를 입력해 작업을 추가·수정합니다.
- 상태 변경: 할 일·진행 중·완료 사이 이동, 실제 작업 수 집계.
- 제목·메모 검색과 프로젝트·우선순위 필터 조합, 보드·목록 표시 전환.
- 작업 삭제와 마지막 삭제 되돌리기. 확인 후 체험 작업 6개로 초기화.
- `orbit-workspace-v1`에 로컬 저장하며 잘못된 저장 데이터를 검증·정제합니다. 최대 100개 작업, 제목 100자, 메모 800자입니다.
- 요금 계산: STARTER/TEAM, 인원 1~100명, 월/연 단위에 따라 계산. 연 단위는 12개월의 20% 할인 예시를 적용합니다.
- `orbit-price-v1`에 계산 선택을 저장·불러오기·삭제하고 텍스트 견적 메모로 내려받습니다.
- 저장 공간 예외 안내, 입력 검증, 키보드와 기본 dialog 포커스, 결과 status 안내, reduced-motion 대응.

## 기획 소개와 체험 범위의 구분

외부 요청 접수, 자동화 규칙의 실제 실행, 다중 사용자 권한, 서버 동기화, 알림·승인 기능은 기획 소개입니다. 상세 페이지와 가이드에서 체험과 기획 범위를 구분합니다. 가입·결제·실고객 정보·외부 전송 기능은 없습니다. 개인정보 없이 로컬 UI를 체험할 수 있습니다.

## 자산 및 구현 출처

사진·아이콘 라이브러리·외부 템플릿을 사용하지 않았습니다. 대시보드, 흐름도, 상태 표시는 이 프로젝트의 HTML/CSS/JavaScript로 직접 구현했습니다. 서체는 고정 버전 Pretendard CDN, 대체 서체는 Arial/시스템 sans-serif입니다. `build.mjs`가 공통 탐색과 푸터, 9개 HTML 및 showcase.json을 생성합니다. noindex,nofollow를 전 페이지에 명시합니다.

## 검수 범위

Node 문법 검사, 로컬 자산·링크, 고유 제목/H1/ID, noindex와 콘셉트 고지, 페이지별 HTTP 응답을 확인합니다. 브라우저 검수와 포트폴리오용 화면 캡처는 통합 담당자가 수행합니다.