> ## 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.

# Costco 대시보드 스타일 — 창고형, 영수증, 꾸밈없음
- URL: https://kr.vizney.com/style-costco/
- Published: 2026-11-04T05:35:18.000Z
- Updated: 2026-11-05T13:06:53.000Z
- Description: 매대 가격표와 계산대 영수증, 쿠폰북으로 숫자를 보여 주는 꾸밈없는 Costco 스타일의 대시보드입니다. 샘플은 비즈니 홀세일의 가상 주간 매장 운영 보고입니다.
- Author: 황예환
- Tags: Styles

창고형 매장의 가격표와 영수증처럼 숫자를 크게, 꾸밈없이 보여 주는 대시보드 스타일입니다. costco.com의 실제 CSS 토큰을 읽고, 코스트코가 매대 가격표와 계산대 영수증, 쿠폰북, 월별 매출 보도자료에서 숫자를 보여 주는 방식을 하나의 카드와 차트 문법으로 옮겼습니다.

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

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

### Design

- **색:** costco.com의 파란 띠 `#005dab`와 숯색 분류 띠 `#333333` 안에서 데이터의 주인공은 파랑 `#1a70c2` 하나, 나머지는 회색이고, 계획에 못 미친 곳만 주황 `#bc4700`입니다.
- **한 카드:** 가격표 KPI, 바코드 막대를 넣은 영수증 장부, 계획 대비 매장 순위, 팔레트 랙, 쿠폰북이 모두 그림 번호 → 결과를 말하는 제목 → 부제 → 그림 → 주석 순서를 따릅니다.
- **글자와 숫자:** Barlow와 Pretendard, 영수증은 Overpass Mono를 쓰고, 가격표의 돈은 $와 소수부를 위첨자로, 영수증은 더하면 합계가 맞는 천 달러로 적습니다.

### DASHBOARD.md

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

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

```

[DASHBOARD.md](https://styles.vizney.com/costco/DASHBOARD.html?ref=kr.vizney.com) · [프롬프트](https://styles.vizney.com/costco/prompt.html?ref=kr.vizney.com) · [zip 내려받기](https://styles.vizney.com/costco/costco-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)하고 👍로 투표해 주세요.

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