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차 작업.

#FFFFFF
Bg / Card
#F7F7F7
Stage
#E5E5E5
Line
#1A1A1A
Ink
#6B3FF6
Accent
#D4FF00
Lime
#6B6B6B
Muted
토큰다크 pre-auth (현재 · as-is)External Light (목표)
베이스 · bg#0A0A0A (다크)#FFFFFF · 스테이지 #F7F7F7
폼 서피스#141414 / #1B1B1D#FFFFFF (카드) · 필드 #FFFFFF
라인#262628#E5E5E5 · 강 #D9D9DE
액센트Purple #6B3FF6 (유지)Purple #6B3FF6 (유지)
하이라이트Lime #D4FF00 (퍼플 패널 위 강조)
텍스트#FFFFFFInk #1A1A1A
보조 텍스트#9A9A9A · #6E6E72#6B6B6B · #9A9A9A
폰트Noto Sans KRNanumSquare (Bold/ExtraBold)
라운드8 · 10px카드 16 · 필드/버튼 10 · pill 9999
포커스 링퍼플 링(다크 위)퍼플 링 rgba(107,63,246,.16)(화이트 위)
우측 패널퍼플 그라데이션퍼플 그라데이션 유지 + Lime 칩 강조

인증 셸 (2열 split · 로그인)

.login-split — 좌측 폼이 화이트 카드 표면으로 전환(기존 다크 평면 → 화이트 + 옅은 라인/그림자, radius 16). 우측은 퍼플 그라데이션 브랜드 패널 유지 + Lime 칩으로 프론트 하이라이트. 1024px 미만에선 폼 먼저 세로 스택.

SOUND.RADAR
아티스트 워크스페이스

로그인

워크스페이스가 없나요? 무료로 시작하기

비밀번호 찾기

이용약관 · 개인정보 처리방침

.login-split grid 1fr/1fr (≥1024) · 좌:화이트 폼(--bg #fff) · 우:purple gradient + lime · 모바일 폼 우선

회원가입

같은 셸의 회원가입 — 안내 박스는 다크 박스 대신 퍼플 틴트(accent-soft), 필드는 화이트. 이름/이메일/비밀번호 + "계속". 레이블·소속사도 대표 아티스트로 가입하는 흐름.

회원가입

이미 계정이 있나요? 로그인

계정을 만든 뒤 아티스트 프로필을 작성하면 운영팀 승인 후 워크스페이스가 열립니다. 레이블·소속사도 대표 아티스트로 가입합니다.

로그인 · 2단계 인증 (컴팩트)

동일 셸의 두 단계 — 비밀번호 검증 후 2FA가 켜져 있으면 6자리 코드 단계로 전환. 코드 입력은 중앙 정렬 + letter-spacing:.3em · numeric · one-time-code. 포커스 링은 화이트 위 퍼플.

로그인

워크스페이스가 없나요? 무료로 시작하기

비밀번호 찾기

2단계 인증

인증 앱에 표시된 6자리 코드를 입력하세요.

← 다른 계정으로 로그인

재설정 · 초대 (같은 셸 재사용)

비밀번호 재설정·팀 합류·초대 완료도 모두 라이트 셸로 운용. 성공 알림은 다크 그린 박스 대신 옅은 그린 틴트.

비밀번호 재설정

로그인이 기억나셨나요? 로그인

메일함을 확인하세요. 재설정 링크를 보냈습니다.

팀 합류

Aurora LabelEditor 권한으로 합류합니다.

설정 완료

Aurora LabelMinseo Park으로 합류했습니다.

비밀번호가 설정되었습니다. 이제 로그인할 수 있습니다.
로그인

재스킨 규칙

권장
  • · 좌측 폼은 화이트 표면 + 옅은 라인/그림자 · 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 롤아웃 — 샘플 데이터