차트(Charte) 그래픽 스타일
1. 추출
bin/monteur charte capture1.png capture2.png [video.mp4] ["https://youtube.com/watch?v=…"] --name editingos
→ ui/themes/editingos.json (주요 팔레트, 제안된 색상 역할) + ui/themes/editingos/ 디렉토리에 추출된 캡처 이미지가 저장됩니다. YouTube 동영상의 경우 인터페이스가 나오는 특정 타임스탬프를 명시하는 것이 중요합니다. 사용자가 타임스탬프를 제공하면 먼저 다음 명령으로 해당 부분을 잘라냅니다: ffmpeg -ss 03:12 -t 20 -i video.mp4 extrait.mp4.
2. 정제 (Read 도구로 캡처를 보며 직접 수행)
ui/themes/<name>.json 파일에서:
colors:bg(배경),surface/surface2(패널),text,muted,accent(버튼, 선택),accent2(보조 상태). 텍스트/배경 대비는 ≥ 4.5:1을 유지합니다.fonts.display/fonts.body: 가장 유사한 폰트를 찾습니다 (필요시 OFL 라이선스 폰트를assets/fonts/에 설치; Studio는 시스템/설치된 폰트를 사용합니다).radius(px 단위의 모서리 둥글기),layout_notes: 관찰된 레이아웃 (사이드바, 타임라인, 포맷 카드, 검사 패널 등). 레이아웃이ui/index.html과 크게 다른 경우, 모든 함수와/api/*호출을 유지하면서 레이아웃을 조정합니다 (파일 상단의 CSS 그리드 수정).
3. 활성화
Studio 우측 상단의 '차트' 선택기에서 선택하거나 ui/settings.json → {"theme": "editingos"}로 설정합니다.
또한 동영상 스타일도 일치시킵니다: 사용자가 통일된 아이덴티티를 원할 경우 styles/*.json 파일(subtitles.highlight, motion.accent)에 accent를 반영합니다.
기본 차트: nocturne
사용자 참조 동영상의 프레임별 분석을 기반으로 합니다: 남색 #070A12 (배경), #0E1320 (패널), 노란색 액센트 #FFD935 (네비게이션 태그, 기본 버튼), 초록색 #4ADE80 (재생 준비 완료), 빨간색 #FF5A6E (만료됨); 페이지 제목은 Instrument Serif 이탤릭, 본문은 Montserrat, 라벨과 숫자는 Space Mono 대문자 간격으로 표시합니다. 동영상 스타일 styles/nocturne.json은 이를 반영합니다 (노란색 자막 및 카드).
규칙
주어진 차트(색상, 타이포그래피, UX)에서 영감을 얻습니다. 타사의 로고나 브랜드명을 인터페이스에 복사하지 않습니다.