# Design-MD 라이브러리 인덱스
> 132개 사이트 디자인 시스템 레퍼런스 (IDS Phase 4 — 60→130+ 확장 완료, task-2390)

## 사용 방법
- 특정 사이트 참조: `/home/jay/workspace/resources/design-md/{site}/DESIGN.md`
- CLI 검색: `python3 /home/jay/workspace/scripts/design_md_search.py search "keyword"`
- 사이트 비교: `python3 /home/jay/workspace/scripts/design_md_search.py compare site1 site2`
- 기여 가이드: `/home/jay/workspace/resources/design-md/CONTRIBUTING.md` (저작권/스타일 유사도)

---

## 7 카테고리 분류 (IDS Phase 4 표준)

> 브랜드는 여러 카테고리에 중복 소속 가능 (예: toss → insurance/finance + korean).

### 1. 보험/금융 (insurance/finance) — 20개

- **stripe** — 핀테크 디자인 골드스탠다드 | `#533afd` `#061b31`
- **revolut** — 빌보드 모던뱅킹 | `#191c1f` `#ffffff`
- **wise** — 라임그린 글로벌 송금 | `#9fe870` `#0e0f0c`
- **coinbase** — 딥블루 크립토 신뢰 | `#0052ff` `#ffffff`
- **kraken** — 크라켄퍼플 프로 크립토 | `#7132f5` `#ffffff`
- **robinhood** — 미니멀 그린 주식 | `#00C805` `#ffffff`
- **plaid** — 모노크롬 핀테크 인프라 | `#111111` `#f4f4f4`
- **square** — 결제 단말기 흑백 | `#000000` `#ffffff`
- **brex** — B2B 카드 따뜻한 오렌지 | `#FF6E2B` `#f8f4ee`
- **ramp** — 미니멀 코퍼레이트 핀테크 | `#1B1B1B` `#f4f0ec`
- **klarna** — 발레 핑크 후불 결제 | `#FFA8CD` `#ffffff`
- **toss** — 한국 핀테크 슈퍼앱 | `#0064FF` `#ffffff`
- **kakao-bank** — 카카오뱅크 옐로우 | `#FFE100` `#ffffff`
- **kakaopay** — 카카오페이 옐로우 | `#FFCD00` `#f8f9fa`
- **naver-pay** — 네이버 페이먼트 그린 | `#03C75A` `#ffffff`
- **insurance-damoa** — 한국 보험비교 신뢰 | `#0066CC` `#ffffff`
- **carrot-insurance** — 캐롯 디지털 보험 | `#FF7A00` `#ffffff`
- **kb-insurance** — KB옐로우 코퍼레이트 | `#FFB81C` `#1a1a1a`
- **samsung-life** — 삼성 코퍼레이트 보험 | `#1428A0` `#000000`
- **miraeasset** — 미래에셋 자산운용/보험 | `#003B5C` `#000000`

---

### 2. SaaS / B2B (b2b) — 35개

- **linear.app** — 다크네이티브 인디고-바이올렛 | `#5e6ad2` `#08090a`
- **figma** — 흑백+비비드 디자인툴 | `#000000` `#ffffff`
- **framer** — 순수블랙 시네마틱 디자인도구 | `#0099ff` `#000000`
- **vercel** — DX 인프라 미니멀 | `#171717` `#ffffff`
- **supabase** — 다크네이티브 오픈소스 DB | `#3ecf8e` `#171717`
- **notion** — 웜뉴트럴 콘텐츠 캔버스 | `#0075de` `#000000`
- **airtable** — 화이트+네이비 엔터프라이즈 | `#1b61c9` `#181d26`
- **cal** — 모노크롬 스케줄링 미니멀 | `#242424` `#ffffff`
- **mintlify** — 화이트+그린 개발자 문서 | `#18E299` `#0d0d0d`
- **miro** — 화이트+파스텔 협업 보드 | `#5b76fe` `#1c1c1e`
- **posthog** — 올리브그린 분석툴 | `#F54E00` `#fdfdf8`
- **raycast** — 맥OS 다크 정밀 런처 | `#FF6363` `#07080a`
- **resend** — 순수블랙 이메일 API | `#ff801f` `#000000`
- **sanity** — 니어블랙 구조화 CMS | `#f36458` `#0b0b0b`
- **sentry** — 퍼플블랙 에러모니터링 | `#c2ef4e` `#1f1633`
- **voltagent** — 카본블랙 AI에이전트 | `#00d992` `#050507`
- **warp** — 웜다크 라이프스타일 터미널 | `#faf9f6` `#353534`
- **webflow** — 화이트+블루 노코드 빌더 | `#146ef5` `#080808`
- **zapier** — 크림+오렌지 자동화 SaaS | `#ff4f00` `#201515`
- **hashicorp** — 듀얼모드 멀티프로덕트 인프라 | `#7b42bc` `#15181e`
- **expo** — 쿨화이트 앱개발 플랫폼 | `#000000` `#f0f0f3`
- **ibm** — Carbon 엔터프라이즈 시스템 | `#0f62fe` `#161616`
- **intercom** — 웜크림 AI 고객서비스 | `#ff5600` `#111111`
- **superhuman** — 럭셔리 이메일 앱 | `#cbb7fb` `#1b1938`
- **slack** — 이북색 멀티컬러 협업 | `#4A154B` `#ffffff`
- **atlassian** — 코퍼레이트 블루 협업툴 | `#0052CC` `#ffffff`
- **asana** — 따뜻한 코랄 태스크 | `#F06A6A` `#ffffff`
- **monday** — 비비드 멀티컬러 워크 | `#FF3D57` `#ffffff`
- **loom** — 비디오 메시징 펄플 | `#625DF5` `#ffffff`
- **dropbox** — 스카이블루 클라우드 | `#0061FF` `#0e1116`
- **salesforce** — 코퍼레이트 CRM 블루 | `#00A1E0` `#ffffff`
- **hubspot** — 따뜻한 마케팅 SaaS | `#FF7A59` `#ffffff`
- **mailchimp** — 옐로우 메일 친근 | `#FFE01B` `#ffffff`
- **shopify** — 코머스 그린 | `#5A863E` `#ffffff`
- **calendly** — 일정 예약 미니멀 블루 | `#006BFF` `#ffffff`

---

### 3. 소비자 (b2c) — 21개

- **airbnb** — 사진 중심 마켓플레이스 | `#ff385c` `#ffffff`
- **spotify** — 니어블랙 뮤직 플레이어 | `#1ed760` `#121212`
- **pinterest** — 웜화이트 비주얼 탐색 | `#e60023` `#211922`
- **uber** — 흑백 글로벌 모빌리티 | `#000000` `#ffffff`
- **netflix** — 시네마 다크 레드 | `#E50914` `#000000`
- **reddit** — 커뮤니티 오렌지 | `#FF4500` `#1a1a1b`
- **twitch** — 라이브 스트리밍 퍼플 | `#9146FF` `#0e0e10`
- **tiktok** — 네온 다크 비디오 | `#FE2C55` `#000000`
- **instagram** — 그라디언트 비주얼 | `#E1306C` `#ffffff`
- **youtube** — 비디오 플랫폼 레드 | `#FF0000` `#0f0f0f`
- **discord** — 게이밍 커뮤니티 다크 | `#5865F2` `#36393F`
- **coupang** — 쿠팡 이커머스 신뢰 | `#F23B45` `#ffffff`
- **baemin** — 배민 친근 손글씨 | `#2AC1BC` `#1F2A37`
- **daangn** — 당근 따뜻한 동네 | `#FF6F0F` `#ffffff`
- **lineplus** — 라인 메신저 그린 | `#06C755` `#191919`
- **kakaotalk** — 카톡 노란 채팅 | `#FFCD00` `#a6c8dc`
- **clay** — 웜크림 B2B데이터 | `#000000` `#faf9f7`
- **composio** — 피치블랙 개발자 자동화 | `#0007cd` `#0f0f0f`
- **mongodb** — 포레스트 오픈소스 DB | `#00ed64` `#001e2b`
- **clickhouse** — 퓨어블랙 DB 성능 | `#faff69` `#000000`
- **lovable** — 크림 따뜻한 AI 빌더 | `#1c1c1c` `#f7f4ed`

---

### 4. 럭셔리 (luxury) — 17개

- **ferrari** — 이탈리안 에디토리얼 레이싱 | `#DA291C` `#000000`
- **lamborghini** — 골드 액센트 슈퍼카 | `#FFC000` `#000000`
- **bmw** — 각진 기하 독일 프리미엄 | `#1c69d4` `#ffffff`
- **apple** — SF Pro 하드웨어 럭셔리 | `#0071e3` `#000000`
- **renault** — 비비드 프렌치 자동차 | `#EFDF00` `#000000`
- **tesla** — 일렉트릭블루 미니멀 전기차 | `#3E6AE1` `#171A20`
- **spacex** — 스펙트럴 우주 시네마 | `#f0f0fa` `#000000`
- **hermes** — 마구 에르메스 오렌지 | `#FF6900` `#ffffff`
- **rolex** — 워치 헤리티지 그린 | `#127749` `#ffffff`
- **louis-vuitton** — LV 모노그램 럭셔리 | `#C8A47C` `#ffffff`
- **gucci** — 패션 굵은 헤드라인 | `#000000` `#ffffff`
- **tiffany** — 티파니 블루 주얼리 | `#0ABAB5` `#ffffff`
- **chanel** — 흑백 미니멀 럭셔리 | `#000000` `#000000`
- **prada** — Avant-garde 미니멀 | `#000000` `#ffffff`
- **dior** — Couture serif 럭셔리 | `#000000` `#ffffff`
- **cartier** — 주얼리 헤리티지 레드 | `#9E1B32` `#ffffff`
- **bulgari** — 이탈리안 럭셔리 골드 | `#A78538` `#ffffff`

---

### 5. 기술 / AI / Infra (tech) — 30개

**AI 19개**:
- **claude** — 따뜻한 인문학적 테라코타 | `#c96442` `#f5f4ed`
- **cohere** — 절제된 화이트 엔터프라이즈 AI | `#1863dc` `#ffffff`
- **minimax** — 화이트 캔버스 컬러풀 중국 AI | `#1456f0` `#ea5ec1`
- **mistral.ai** — 황금빛 유럽풍 AI | `#fa520f` `#fffaeb`
- **nvidia** — 검정+네온그린 GPU | `#76b900` `#000000`
- **ollama** — 그레이스케일 개발자 AI | `#000000` `#ffffff`
- **opencode.ai** — 웜 다크 모노스페이스 코딩 AI | `#201d1d` `#fdfcfc`
- **replicate** — 오렌지-마젠타 그라디언트 AI | `#ea2804` `#ffffff`
- **together.ai** — 파스텔 그라디언트 기업AI | `#ef2cc1` `#010120`
- **x.ai** — 순수 블랙 모노스페이스 다크 | `#1f2228` `#ffffff`
- **elevenlabs** — 화이트+웜스톤 보이스 AI | `#ffffff` `#f5f2ef`
- **runwayml** — 시네마틱 영상 AI | `#000000` `#ffffff`
- **cursor** — 웜 크림 AI 코드에디터 | `#f54e00` `#f2f1ed`
- **openai** — ChatGPT 미니멀 그린 | `#10A37F` `#ffffff`
- **perplexity** — 검색AI 다크 모노스페이스 | `#1FB8CD` `#191A1A`
- **huggingface** — 따뜻한 옐로우 AI 커뮤니티 | `#FF9D00` `#ffffff`
- **anthropic** — 인문학적 따뜻함 (코퍼레이트) | `#D97757` `#F0EEE5`
- **midjourney** — 다크 시네마틱 이미지 AI | `#000000` `#000000`

**Infra/기술 11개**:
- **github** — 옥토캣 코드 호스팅 | `#24292E` `#ffffff`
- **docker** — 컨테이너 고래 도커블루 | `#2496ED` `#ffffff`
- **aws** — 엔터프라이즈 클라우드 | `#FF9900` `#232F3E`
- **azure** — MS 클라우드 블루 | `#0078D4` `#ffffff`
- **gcp** — 구글 멀티컬러 클라우드 | `#4285F4` `#ffffff`
- **datadog** — 모니터링 퍼플 | `#632CA6` `#ffffff`
- **snowflake** — 데이터 클라우드 시안 | `#29B5E8` `#ffffff`
- **databricks** — 데이터+AI 통합 레드 | `#FF3621` `#ffffff`
- **redis** — 인메모리 DB 큐브 레드 | `#DC382D` `#161F2C`
- **twilio** — 통신 API 레드 | `#F22F46` `#ffffff`
- **krafton** — 다크 게이밍 코퍼레이트 | `#000000` `#0a0a0a`

---

### 6. 미니멀 / 콘텐츠 (minimal) — 12개

- **arena** — are.na 큐레이션 | `#000000` `#ffffff`
- **readcv** — 미니멀 이력서 | `#000000` `#fafafa`
- **linktree** — 링크인바이오 그린 | `#43E660` `#1f1f1f`
- **bento** — bento.me 그리드 모자이크 | `#000000` `#f8f7f4`
- **ghost** — 미디어 펍 다크 우아 | `#15171A` `#ffffff`
- **substack** — 뉴스레터 따뜻한 오렌지 | `#FF6719` `#ffffff`
- **beehiiv** — 차세대 뉴스레터 옐로우 | `#FFD700` `#ffffff`
- **typeform** — 대화형 폼 모던 | `#262627` `#fafafa`
- **dribbble** — 디자인 인스피레이션 핑크 | `#EA4C89` `#ffffff`
- **claude** (중복 노출) — 따뜻한 인문학적 미니멀
- **notion** (중복 노출) — 콘텐츠 중심 웜 뉴트럴
- **cal** (중복 노출) — 오픈소스 스케줄링 그레이스케일

---

### 7. 한국 (korean) — 16개

- **toss** — 한국 핀테크 슈퍼앱 | `#0064FF`
- **kakao-bank** — 카카오뱅크 | `#FFE100`
- **kakaopay** — 카카오페이 | `#FFCD00`
- **kakaotalk** — 카카오톡 | `#FFCD00`
- **naver** — 네이버 검색 포털 | `#03C75A`
- **naver-pay** — 네이버페이 | `#03C75A`
- **coupang** — 쿠팡 이커머스 | `#F23B45`
- **baemin** — 배달의민족 | `#2AC1BC`
- **daangn** — 당근마켓 | `#FF6F0F`
- **lineplus** — 라인 | `#06C755`
- **krafton** — 크래프톤 게이밍 | `#000000`
- **insurance-damoa** — 보험다모아 | `#0066CC`
- **carrot-insurance** — 캐롯손해보험 | `#FF7A00`
- **kb-insurance** — KB손해보험 | `#FFB81C`
- **samsung-life** — 삼성생명 | `#1428A0`
- **miraeasset** — 미래에셋 | `#003B5C`

---

## 카테고리별 분포 (132개 총합)

| 카테고리 | 개수 |
|---|---|
| insurance/finance | 20 |
| b2b (SaaS) | 35 |
| b2c (소비자) | 21 |
| luxury | 17 |
| tech (AI/Infra) | 30 |
| minimal | 12 (일부 중복) |
| korean | 16 |

> 중복 소속 가능 (toss는 insurance/finance + korean에 동시 등장).

---

## 용도별 추천

### 대시보드 (Dashboard)
- Linear.app, PostHog, Sentry, Airtable, Datadog

### 핀테크 / 보험 (Fintech / Insurance)
- Stripe, Revolut, Wise, Toss, Kakao-Bank, Insurance-Damoa, Carrot-Insurance, Robinhood

### 미니멀 (Minimal)
- Notion, Cal, Superhuman, Resend, Arena, Readcv, Ghost

### 다크 테마 (Dark Theme)
- x.ai, Cursor, Warp, Linear.app, SpaceX, Twitch, Discord, Midjourney

### 랜딩 페이지 (Landing Page)
- Vercel, Framer, Webflow, Mintlify, Calendly, Typeform

### AI 서비스 (AI)
- Claude, Cohere, Mistral.ai, OpenAI, Anthropic, Perplexity, Hugging Face

### 럭셔리 (Luxury)
- Ferrari, Lamborghini, BMW, Apple, Hermes, Rolex, Louis Vuitton, Tiffany, Chanel, Cartier

### SaaS / 협업 (SaaS / Collaboration)
- Slack, Atlassian, Asana, Monday, Loom, Dropbox, Salesforce, HubSpot

### 한국 (Korean)
- Toss, Kakao-Bank, Naver, Baemin, Daangn, Coupang, Insurance-Damoa

### 뉴스레터 / 콘텐츠 (Newsletter / Content)
- Ghost, Substack, Beehiiv, Notion

### 럭셔리 자동차 (Luxury Auto)
- Ferrari, Lamborghini, BMW, Tesla, Apple

---

## 참조

- 기여 가이드: `CONTRIBUTING.md` — 저작권 / 스타일 유사도 가이드 (70%+ 직접 복제 자동 차단)
- IDS 마스터플랜: `memory/plans/insuro-design-system/plan.md` v1.1
- task-2390 인벤토리: `memory/plans/tasks/task-2390/inventory.md`
- 회장 정책: 외부 API 직접 호출 금지, 통합 경로 (Claude/Gemini/Codex CLI)만 사용