Nocturne

재생과 구독 같은 주요 버튼을 둥근 형태와 코랄빛으로 강조한다.

재생, 10초 이동, 음량 조절과 시간 정보를 한 줄에 배치한다.

즐겨찾기와 반복 재생처럼 한 옵션의 켜짐 상태를 버튼 안에 유지한다.

플레이어의 보조 액션을 작은 원형 버튼과 접근 가능한 이름으로 제공한다.

보관함 삭제처럼 결과가 큰 작업 전에 설명과 확인 액션을 표시한다.

콘텐츠 검색과 프로필 입력에 어두운 배경에서도 분명한 입력 경계를 제공한다.

리뷰와 재생목록 설명처럼 여러 줄의 텍스트를 입력받는다.

라벨, 설명과 오류를 입력 컨트롤에 연결해 설정 폼을 구성한다.

콘텐츠 검색어 입력과 지우기 동작을 하나의 입력 블록에 둔다.

긴 장르와 제작자 목록을 검색하고 키보드로 값을 고른다.

기존 재생목록을 고르거나 같은 영역에서 새 목록을 만든다.

자막과 자동 재생처럼 서로 독립적인 설정을 선택한다.

한 화질 옵션의 선택 상태를 네이티브 폼 의미로 표시한다.

서로 배타적인 화질과 음성 옵션을 한 묶음으로 비교한다.

고정된 자막과 음성 옵션을 공간 효율적인 네이티브 목록으로 제공한다.

즉시 적용되는 자동 재생과 알림 설정의 현재 상태를 표시한다.

장르 필터와 짧은 선택값을 작은 라벨 조각으로 전환한다.

영화, 시리즈와 음악 보기를 서로 배타적인 버튼 묶음으로 전환한다.

에피소드 정보와 이용 안내를 제목별로 접고 펼친다.

작품 정보, 에피소드와 관련 콘텐츠 패널을 키보드와 클릭으로 전환한다.

현재 작품까지의 장르와 컬렉션 경로를 링크 목록으로 표시한다.

긴 에피소드와 검색 결과의 현재 페이지, 이전과 다음 이동을 표시한다.

재생 오류와 이용 제한처럼 지속적으로 확인할 메시지를 경계 안에 유지한다.

신작, 공개 예정과 재생 가능 상태를 작은 라벨로 표시한다.

포스터와 작품 정보를 불러오는 동안 콘텐츠의 자리를 표시한다.

짧은 재생 준비와 목록 갱신 상태를 회전 표시로 알린다.

다운로드와 오프라인 저장의 완료 비율을 트랙과 채움으로 표시한다.

저장 공간과 음량처럼 정해진 범위 안의 현재 측정값을 표시한다.

좋아요와 보관함 변경 결과를 화면 오른쪽 위에 일정 시간 표시한다.

프로필과 참여자를 이미지 또는 이니셜로 식별한다.

함께 감상 중인 여러 프로필과 남은 인원을 겹쳐 표시한다.

작품 설명과 부가 정보를 어두운 패널 안에 묶는다.

재생 수와 감상 시간 같은 단일 지표와 변화량을 함께 표시한다.

플레이어 아이콘의 짧은 보조 설명을 작은 레이어에 표시한다.

작품 상세와 설정처럼 집중이 필요한 내용을 모달 경계에 둔다.

재생과 탐색에 사용할 수 있는 단축키를 물리 키 모양으로 표시한다.

배경, 패딩과 경계를 조합하는 최소 콘텐츠 컨테이너를 제공한다.

포스터와 미디어 카드를 일정한 열과 간격에 배치한다.

메타데이터와 컨트롤을 한 축에 일관된 간격으로 배치한다.

작품 정보와 에피소드 묶음 사이를 선과 선택적 라벨로 나눈다.

보관함이나 검색 결과가 비어 있는 이유와 다음 액션을 안내한다.

트랙과 에피소드 정보를 시맨틱 표와 명확한 셀 경계로 구성한다.

폭이 큰 콘텐츠 운영 데이터를 고정 열과 스크롤 영역에 배치한다.

감상 기록과 공개 일정을 날짜별로 나눈다.

감독, 장르와 공개 연도를 용어와 값의 쌍으로 정렬한다.

한 작품의 이름과 재생 수, 완주율 같은 여러 지표를 한 카드에 담는다.

외부 오디오와 영상 서비스의 설명, 연결 상태와 액션을 표시한다.

라이브 공개 일정의 제목, 시간과 참여자를 한 카드로 묶는다.

와이드 이미지 위에 재생 버튼과 이어보기 진행률을 표시한다.

세로형 작품 이미지 아래에 제목과 장르를 간결하게 표시한다.

이미지 위에서도 연령 등급과 제한 사유를 읽을 수 있게 표시한다.

빛나는 선의 길이로 재생 진행률을 표시하고 필요하면 백분율을 함께 보여 준다.

시간에 따른 재생 수와 완주율 변화를 선으로 비교한다.

장르와 채널별 재생 크기를 막대로 비교한다.

전체 감상 시간에서 각 콘텐츠 유형이 차지하는 비율을 표시한다.

작은 작품 카드 안에서 최근 재생 수의 방향을 표시한다.

한 작품의 완주율을 반원과 큰 숫자로 표시한다.

요일과 시간대별 재생 밀도를 한 색의 농도로 표시한다.

영화, 시리즈와 음악의 비율을 한 줄 누적 막대로 비교한다.

작품의 음악, 영상, 서사와 연출 점수를 다각형으로 비교한다.

여러 콘텐츠 목표 달성률을 동심원에 배치한다.

신규, 이탈과 복귀가 최종 구독자 수에 미친 영향을 단계별로 표시한다.

작품별 재생 수를 가는 선과 점으로 비교한다.