App Patterns

유통 모듈

유통 모듈은 발매 카탈로그를 .dist-table 표로 보여주고, .dist-editor 268px+1fr 2패널 에디터(좌 프로젝트/제품 리스트 · 우 섹션 카드)로 메타데이터를 편집합니다 — 전부 다크 표면 · 레드 액센트 · Ant 6–8px 라운드.

카탈로그 테이블

발매물 목록 — .dist-thumb 42px 썸네일 + .dist-pname/.dist-psub + .dist-stat 상태점. 행 호버는 surface-2.

전체 발매물 · 24

릴리스	포맷	발매일	상태
Golden Hour AURORA · 정규 1집	앨범	2026.07.04	배포완료
Supernova NOVA8 · 싱글	싱글	2026.07.18	검수 대기
Drama (Remixes) LUNA J · EP	EP	2026.08.02	초안

.dist-table · .dist-thumb(42) · .dist-pname/.dist-psub · .dist-stat(.complete=green/.draft=amber)

2패널 에디터

.dist-editor 268px + minmax(0,1fr) 그리드 — 좌 .dist-side(프로젝트 + 제품 리스트, active=.tint) · 우 .dist-main 편집 영역. 860px 이하 1열.

Golden Hour

* 필수 항목 4/4

릴리스 정보

완료

아티스트

AURORA

레이블

RADAR Records

장르

K-Pop / Dance

발매일

2026.07.04

자동 저장됨 배포 준비

.dist-editor(268+1fr) · .dist-side/.dist-proj/.dist-prod(.on=tint) · .dist-main/.dist-mh

섹션 카드

편집 영역의 단위 카드 — .dist-sec + .dist-sec-h 헤더 + .dist-grid auto-fit(min 160px) · .dist-f 키/값.

스토어 · 식별자

검수 대기

ISRC

KR-A0R-26-00041

UPC

8809421750421

스토어

Spotify · Apple · Melon

저작권

℗ 2026 RADAR

가격 등급

Front

선공개

2026.06.27

.dist-sec · .dist-sec-h h3 · .dist-grid(auto-fit minmax(160,1fr)) · .dist-f .k/.v

빈 상태

.dist-empty — 결과 없음 / 미생성. 큰 흐린 아이콘(opacity .25) + muted 안내. 중앙 정렬.

등록된 발매물이 없습니다 — 새 프로젝트를 만들어 트랙을 추가하세요.

사용 규칙

권장

· 식별자·날짜·기간은 tabular-nums 정렬
· 진행 상태는 .dist-stat 색으로 일관(complete=green·draft=amber)
· 활성 제품은 .dist-prod.on tint로만 표시
· 편집 단위는 .dist-sec 카드로 그룹핑

금지

· 외부 유통사 브랜드/UI 차용 — 자체 모듈로 표현
· 큰 라운드(16/24) — 표 썸네일은 7px, 카드는 8px
· 좌 패널에 active 강조를 accent 보더로 — tint 배경만
· 밝은 배경 위 .dist-* 컴포넌트 배치