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

# Anthropic 대시보드 스타일 — 아이보리, 에디토리얼, 고요함
- URL: https://kr.vizney.com/style-anthropic/
- Published: 2026-10-30T13:54:03.000Z
- Updated: 2026-10-30T13:54:03.000Z
- Description: 아이보리 바탕에서 이달의 결과를 세리프 문장으로 먼저 말하고, 테두리 없는 카드와 헤어라인 목록, 클레이 포인트 하나로 조용히 받쳐 주는 대시보드 스타일입니다. 가상 출판사의 판매 보고 샘플과 DASHBOARD.md 패키지를 함께 공개합니다.
- Author: 황예환
- Tags: Styles, Gallery

**Anthropic 스타일**은 따뜻한 아이보리 바탕에서 이달의 결과를 세리프 문장으로 먼저 말하고, 나머지는 조용히 받쳐 주는 대시보드 스타일입니다. anthropic.com과 claude.com의 공개 디자인에서 읽어 낸 Vizney Styles의 첫 번째 브랜드 스타일이고, 이번부터는 명세를 DASHBOARD.md로 공개합니다. DESIGN.md가 코딩 에이전트에게 웹사이트의 생김새를 알려 준다면, DASHBOARD.md는 대시보드에 필요한 것을 더합니다. 검증된 데이터 색, KPI 카드, 차트 규칙, 숫자 표기, 밀도, 그리고 Tableau와 Power BI 설정값까지. 샘플은 가상의 '느린달 출판사' 10월 판매 보고이고, 위쪽 임프린트 탭을 누르면 문장과 모든 카드가 함께 바뀝니다. 월 매출 차트는 마우스를 올리거나 방향키로 달을 옮겨 볼 수 있습니다.

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

### Design

- **결과를 문장으로 먼저 말합니다.** 첫머리의 세리프 문장이 매출과 증감을 말하고, 아래 카드들은 그 근거가 됩니다.
- **깊이는 색의 단계로 만듭니다.** 아이보리 바탕, 오트밀 카드, 잉크 띠 세 단계만 쓰고 카드에는 테두리와 그림자를 두지 않습니다.
- **포인트 색은 클레이 하나입니다.** 올해 매출 곡선에만 쓰고 전년은 회색 점선으로 물러나게 합니다. 쉴 때는 선 끝에 값을 적고, 툴팁은 마우스를 올릴 때만 띄웁니다.
- **수치는 굵게 쓰지 않습니다.** 세리프 제목, 고정폭 숫자, 헤어라인 목록이 편집 디자인 같은 리듬을 만듭니다. 키 컬러는 양장본의 천 색상으로, 서체는 인쇄 예정 도서의 조판으로, 표지는 색 블록으로 데이터 카드 안에 넣었습니다.

### DASHBOARD.md

[DASHBOARD.md](https://styles.vizney.com/anthropic/DASHBOARD.html?ref=kr.vizney.com)를 저장소 루트에 두면 Claude Code, Cursor 같은 코딩 에이전트가 같은 룩으로 화면을 만듭니다. [파일 폴더](https://github.com/yehwanhwang/vizney-styles/tree/main/anthropic?ref=kr.vizney.com)에는 Tableau 팔레트(`anthropic.tps`), Power BI 테마(`powerbi-theme.json`), CSS 토큰, 프롬프트 모음이 함께 있습니다. 범주·순차·발산 팔레트는 모두 색각 이상 구분과 대비 검사를 통과한 값입니다.

```
DASHBOARD.md를 읽고 그대로 따라 줘.
우리 회사의 월간 매출 대시보드를 가상 데이터로 HTML 파일 하나에 만들어 줘.
첫머리에 이달 매출과 전년 동월 대비 증감을 세리프 문장 한 줄로 쓰고,
KPI 카드 4개, 전년을 점선으로 둔 12개월 추세, 상위 5개 목록, 잉크 띠의 상세 표를 넣어 줘.
필터는 화면 위 한 줄에 두고 모든 카드에 함께 적용해 줘.
```

우리 회사 브랜드로 같은 패키지가 필요하다면 [제작 문의](https://kr.vizney.com/contact-us/)로 연락해 주세요. 카탈로그에 올릴 공개 브랜드는 [GitHub에서 요청](https://github.com/yehwanhwang/vizney-styles/issues/new?template=request.yml&ref=kr.vizney.com)할 수 있습니다.

Anthropic의 공식 디자인이 아니며 제휴·승인 관계가 없습니다. 공개된 웹사이트(anthropic.com, claude.com)에서 보이는 디자인을 읽어 낸 참고용 스타일이며 로고·서체·데이터는 포함하지 않습니다. 상표는 각 소유자의 것입니다.