탐색Dashboard뮤직 스트리밍 앱 템플릿 — 사이드바와 하단 재생 바

1 / 1

브라우저 목업 안에서 음악 앱을 훑는 동영상이다. 예제 갤러리 카드 목록에서 시작해 뮤직 앱 상세 화면으로 들어가고, 플레이리스트 카드 그리드와 트랙 리스트를 아래로 스크롤한 뒤 하단 재생 바의 재생 버튼으로 커서가 이동한다.

Dashboard

뮤직 스트리밍 앱 템플릿 — 사이드바와 하단 재생 바

2026-06-21 · 동영상 1

X에서 보기

AI 분석

라이트 모드 데스크톱 음악 앱 템플릿으로 사이드바 내비, 플레이리스트 카드 그리드, 트랙 리스트, 고정 재생 바를 갖춘다.

좌측 고정 사이드바와 상단 탭 내비를 축으로 삼은 데스크톱 음악 앱 화면이다. 흰 배경에 옅은 회색 표면과 거의 검정에 가까운 텍스트를 쓰는 라이트 모드이며, 색은 앨범 아트가 전담하고 UI 자체는 무채색으로 절제한다. 상단은 정사각 커버를 나열한 플레이리스트 카드 그리드이고 그 아래는 커버·제목·출처·재생 시간이 한 줄에 들어가는 고밀도 트랙 리스트이며, 하단에는 셔플·이전·재생·다음·반복과 진행 시간이 놓인 재생 바가 고정된다. 브라우저 창 목업을 파스텔 그라데이션 배경 위에 띄워 보여 주는 프레젠테이션 방식도 함께 드러난다. 미디어 라이브러리형 화면의 밀도 배분과 재생 컨트롤 구성을 참고하기 좋다.

minimal · light-mode · soft-gradient

animation card-grid data-table design-system light-mode minimal music progress saas search-bar sidebar-nav tabs

claude-opus-5 · 2026-09-07 05:48 · 신뢰도 0.80