Notion 대시보드 스타일 — 모노톤, 블록, 단정함

흰 바탕에 검정과 따뜻한 회색, Notion의 파스텔 태그가 놓이고, 데이터의 주인공 하나만 파랑인 대시보드 스타일입니다. notion.com의 실제 CSS 토큰을 읽고, 공개된 Notion 페이지가 데이터를 보여 주는 방식(페이지 속성과 콜아웃, 토글 제목, 차트·표·보드·캘린더 보기)을 하나의 카드와 차트 문법으로 옮겼습니다.

아래 샘플은 비즈니 커피의 가상 매장 운영 보고입니다. 위쪽 지역 필터를 바꾸면 모든 카드가 함께 바뀝니다.

Design

• 색: 흰 바탕 #ffffff에 데이터의 주인공은 파랑 #2783de 하나, 다른 지역과 지난해는 회색입니다.
• 한 카드: 모든 그림과 표가 그림 번호 → 결과를 말하는 제목 → 부제 → 범례 → 그림 → 주석 순서로 놓입니다.
• 글자와 숫자: Pretendard를 쓰고, 부호는 진짜 마이너스(−)를 씁니다.

DASHBOARD.md

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

npx @vizney/styles@latest add notion

DASHBOARD.md · 프롬프트 · zip 내려받기 · npm

우리 회사 웹사이트로 같은 패키지를 비공개로 만들어 드립니다. 제작 문의 · 다음에 만들 브랜드는 GitHub에서 요청하고 👍로 투표해 주세요.

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