App Workspace
인증 재스킨 (Light)
로그인 전(pre-auth) 인증 표면을 현재 다크(#0A0A0A + 퍼플)에서 프론트(External UI · 화이트·퍼플 #6B3FF6·NanumSquare)로 전환하는 안. as-is 다크 가이드(인증 · 온보딩)는 보존하고, 여기서 라이트 룩을 확정한 뒤 공유 셸 inc/auth_shell.php + app/login·register에 롤아웃합니다. 2열 split 구조와 우측 퍼플 패널은 유지하고, 좌측 폼 표면을 화이트로 뒤집는 것이 핵심입니다.
토큰 브리지
다크 pre-auth → External Light 목표값. 액센트 퍼플(#6B3FF6)은 그대로 두고 서피스·텍스트·라인만 라이트로 뒤집는 것이 1차 작업.
| 토큰 | 다크 pre-auth (현재 · as-is) | External Light (목표) |
|---|---|---|
| 베이스 · bg | #0A0A0A (다크) | #FFFFFF · 스테이지 #F7F7F7 |
| 폼 서피스 | #141414 / #1B1B1D | #FFFFFF (카드) · 필드 #FFFFFF |
| 라인 | #262628 | #E5E5E5 · 강 #D9D9DE |
| 액센트 | Purple #6B3FF6 (유지) | Purple #6B3FF6 (유지) |
| 하이라이트 | — | Lime #D4FF00 (퍼플 패널 위 강조) |
| 텍스트 | #FFFFFF | Ink #1A1A1A |
| 보조 텍스트 | #9A9A9A · #6E6E72 | #6B6B6B · #9A9A9A |
| 폰트 | Noto Sans KR | NanumSquare (Bold/ExtraBold) |
| 라운드 | 8 · 10px | 카드 16 · 필드/버튼 10 · pill 9999 |
| 포커스 링 | 퍼플 링(다크 위) | 퍼플 링 rgba(107,63,246,.16)(화이트 위) |
| 우측 패널 | 퍼플 그라데이션 | 퍼플 그라데이션 유지 + Lime 칩 강조 |
인증 셸 (2열 split · 로그인)
.login-split — 좌측 폼이 화이트 카드 표면으로 전환(기존 다크 평면 → 화이트 + 옅은 라인/그림자, radius 16). 우측은 퍼플 그라데이션 브랜드 패널 유지 + Lime 칩으로 프론트 하이라이트. 1024px 미만에선 폼 먼저 세로 스택.
회원가입
같은 셸의 회원가입 — 안내 박스는 다크 박스 대신 퍼플 틴트(accent-soft), 필드는 화이트. 이름/이메일/비밀번호 + "계속". 레이블·소속사도 대표 아티스트로 가입하는 흐름.
로그인 · 2단계 인증 (컴팩트)
동일 셸의 두 단계 — 비밀번호 검증 후 2FA가 켜져 있으면 6자리 코드 단계로 전환. 코드 입력은 중앙 정렬 + letter-spacing:.3em · numeric · one-time-code. 포커스 링은 화이트 위 퍼플.
로그인
워크스페이스가 없나요? 무료로 시작하기
재설정 · 초대 (같은 셸 재사용)
비밀번호 재설정·팀 합류·초대 완료도 모두 라이트 셸로 운용. 성공 알림은 다크 그린 박스 대신 옅은 그린 틴트.
재스킨 규칙
- · 좌측 폼은 화이트 표면 + 옅은 라인/그림자 · radius 16
- · 액센트·필수표시(
.req)·버튼은 퍼플 #6B3FF6 유지 - · 폰트 NanumSquare, 아이콘
icon()SVG(uicons 제거) - · 우측 퍼플 패널 유지 + Lime 칩으로 프론트 하이라이트 1포인트
- · 포커스·체크박스·선택은 항상 퍼플 링/accent-color
- · 안내·성공 알림은 옅은 틴트 배경(accent-soft / green-soft)
- · 다크 폼 서피스(#0A0A0A/#141414) 잔존
- · 제품 셸(레드 액센트·사이드바)을 인증 페이지에 적용
- · 순백 위 저대비 텍스트 — muted는 #6B6B6B 이상
- · 실제 이메일·비밀번호·TOTP 키 노출 (전부 샘플)
- · 외부 로고/리뷰 캡처를 소셜 프루프로 사용 · 이모지
- · 한 화면에 위계 없는 primary 버튼 여러 개
pilot: 인증 External Light 재스킨 · 확정 후 inc/auth_shell.php + app/login·register·join·forgot·invite.php 롤아웃 — 샘플 데이터