Media & Entertainment · Velvet Cinema Noir
Movie Streaming App UI Template
Marquee is a movie streaming app UI with a Velvet Cinema Noir look, built for founders and designers shipping a video-on-demand product where poster art does the shouting.



미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 streaming 모바일 앱 디자인을 미리 보세요.
Streaming App 소개
Marquee is a movie streaming app UI template built around a "Velvet Cinema Noir" aesthetic: a near-black projection charcoal base, deep velvet maroon on hero gradients, warm bone-white text, and a single incandescent marquee-amber reserved only for the play button and the active progress fill. Poster art bleeds edge to edge with no card chrome, film titles run in tight condensed caps like a theater marquee, and an amber hairline ticker carries genre, year, runtime, and rating beneath every header.
The template ships six connected screens that form a complete streaming flow: a full-bleed Home hero with a Continue Watching row, a film Detail page with cast portraits and a More Like This toggle, a Browse Genres grid of dim film-still tiles, a Search screen with trending chips and suggestions, a My List poster grid with amber progress slivers, and a minimal Player with a slim amber scrubber. A floating frosted-charcoal nav capsule, lit by a thin amber underline on the active tab, ties the screens together.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the rows or flows your product needs. Then export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it into a real app, all far faster than starting from a blank canvas.
구성 내용
포함된 화면
Home
A full-bleed noir hero still for "The Long Dark" with the marquee title, an amber genre-year-runtime ticker, a round amber play button, and a horizontal Continue Watching row with progress bars. The entry point that lets the poster art set the mood.
Detail
A film detail page with a backdrop fading to black, marquee title and ticker, a "Play Now" button and add-to-list control, a synopsis, a row of circular cast portraits, and a More Like This / Details toggle. The screen that sells a title before the user hits play.
Browse Genres
A vertical stack of wide category tiles, each a dim, moody film still labeled in condensed caps: Sci-Fi, Noir, Documentary, Horror, and Romance. Lets viewers explore by mood when they don't have a title in mind.
Search
A query field prompting search by title, cast, or genre, with trending-search chips like Classic Noir and Cyberpunk and a Suggested For You poster grid. The fast path to a specific film or a new discovery.
My List
A saved-titles poster grid headed "My List · 12 Titles", with a thin amber progress sliver on partially-watched films. Keeps a viewer's queue one tap away.
Player
A full-bleed video player showing series and episode labels, a central amber pause control, skip-back and skip-forward buttons, caption and quality icons, and a slim amber scrubber with elapsed and total time in small caps. Minimal controls that keep focus on the film.
디자인 & 기능
주요 기능
- Velvet Cinema Noir palette: projection charcoal, velvet maroon, single amber accent
- Edge-to-edge poster art with a soft inner vignette, no card chrome
- Condensed all-caps marquee titles paired with a humanist sans for UI
- Signature amber hairline ticker carrying genre, year, runtime, and rating
- Floating frosted-charcoal bottom nav with an amber active underline
- Continue Watching rows with amber progress bars
- Genre browse grid of dim film-still tiles
- Full-bleed player with a slim amber scrubber and fade-out controls
오디언스
이런 분께 맞습니다
활용 사례
이런 것을 만들 수 있습니다
- Launch an MVP for a movie streaming service
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent streaming UI off to developers
- Explore a redesign of an existing video-on-demand app
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
streaming 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용







