> ## Content Index
> Fetch the complete content index at: https://kr.vizney.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Netflix 대시보드 스타일 — 다크, 시네마틱, 강렬함
- URL: https://kr.vizney.com/style-netflix/
- Published: 2026-11-03T09:30:09.000Z
- Updated: 2026-11-05T13:06:54.000Z
- Description: 검정 바탕에 빨강 하나, 넷플릭스의 Top 10 부품으로 짠 Netflix 스타일의 대시보드입니다. 샘플은 비즈니 라이브의 가상 주간 티켓 판매 보고입니다.
- Author: 황예환
- Tags: Styles

검정 바탕에 빨강 하나, 순위를 숫자와 포스터로 보여 주는 대시보드 스타일입니다. netflix.com의 실제 CSS 토큰을 읽고, 넷플릭스가 차트 대신 쓰는 부품(빌보드, 외곽선 숫자로 매긴 Top 10, Top 10 주 수, 진행 막대가 붙은 에피소드 목록, 주간 Top 10 표, 자주 묻는 질문)을 하나의 카드와 차트 문법으로 옮겼습니다.

아래 샘플은 비즈니 라이브의 가상 주간 티켓 판매 보고입니다. 위쪽 도시 필터를 바꾸면 모든 카드가 함께 바뀝니다.

[전체 화면으로 보기 ↗](https://styles.vizney.com/netflix/?lang=ko&ref=kr.vizney.com)

### Design

- **색:** 검정 바탕 `#000000`과 카드 `#161616`에 데이터의 주인공은 빨강 `#f0313b` 하나, 나머지는 회색입니다. UI 빨강 `#e50914`는 버튼과 TOP 10 배지에만 씁니다.
- **한 카드:** 모든 그림과 표가 그림 번호 → 결과를 말하는 제목 → 부제 → 범례 → 그림 → 주석 순서로 놓입니다.
- **글자와 숫자:** Roboto와 Pretendard를 쓰고, Top 10 값은 전체 자릿수(33,796)로, 부호는 진짜 마이너스(−)로 씁니다.

### DASHBOARD.md

DASHBOARD.md와 에이전트 스킬, Tableau 팔레트, Power BI 테마를 프로젝트 폴더에 한 줄로 넣습니다.

```
npx @vizney/styles@latest add netflix

```

[DASHBOARD.md](https://styles.vizney.com/netflix/DASHBOARD.html?ref=kr.vizney.com) · [프롬프트](https://styles.vizney.com/netflix/prompt.html?ref=kr.vizney.com) · [zip 내려받기](https://styles.vizney.com/netflix/netflix-dashboard-style.zip?ref=kr.vizney.com) · [npm](https://www.npmjs.com/package/@vizney/styles?ref=kr.vizney.com)

우리 회사 웹사이트로 같은 패키지를 비공개로 만들어 드립니다. [제작 문의](https://kr.vizney.com/contact-us/) · 다음에 만들 브랜드는 [GitHub에서 요청](https://github.com/yehwanhwang/vizney-styles/issues/new?template=request.yml&ref=kr.vizney.com)하고 👍로 투표해 주세요.

Netflix의 공식 디자인이 아니며 제휴·승인 관계가 없습니다. 공개된 웹사이트(netflix.com)에서 보이는 디자인을 읽어 낸 참고용 스타일이며 로고·서체·데이터는 포함하지 않습니다. 상표는 각 소유자의 것입니다. 샘플의 회사(비즈니 라이브)와 숫자는 모두 가상입니다.