# Design-MD 라이브러리 인덱스
> 58개 사이트 디자인 시스템 레퍼런스

## 사용 방법
- 특정 사이트 참조: `/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`

---

## 카테고리별 분류

### AI (14개)

- **claude** — 따뜻한 파치먼트 배경의 인문학적 AI UI | `#c96442` `#f5f4ed` | 따뜻한, 서체중심, 테라코타, 에디토리얼
- **cohere** — 엔터프라이즈 느낌의 절제된 화이트 AI | `#1863dc` `#ffffff` | 엔터프라이즈, 절제된, 듀얼폰트, 둥근카드
- **minimax** — 화이트 캔버스에 컬러풀 카드 중국 AI | `#1456f0` `#ea5ec1` | 화이트중심, 알록달록, 멀티폰트, 앱스토어감
- **mistral.ai** — 황금빛 따뜻한 유럽풍 AI 브랜드 | `#fa520f` `#fffaeb` | 황금색, 유럽풍, 선언적, 따뜻한
- **nvidia** — 검정+네온그린의 GPU 파워 브랜드 | `#76b900` `#000000` | 산업적, 고대비, 네온그린, 엔지니어링
- **ollama** — 순수 그레이스케일 초절제 개발자 도구 | `#000000` `#ffffff` | 모노크롬, 초절제, 필모양, SF Rounded
- **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` | 크림배경, 따뜻한, 삼중폰트, oklab
- **lovable** — 크림 파치먼트 따뜻한 AI 빌더 | `#1c1c1c` `#f7f4ed` | 크림, 따뜻한, 인간적, 불투명도시스템

---

### DevTool (20개)

- **airtable** — 화이트+네이비 엔터프라이즈 데이터툴 | `#1b61c9` `#181d26` | 스위스정밀, 더블폰트, 블루틴트, 기업용
- **cal** — 모노크롬 그레이스케일 스케줄링 미니멀 | `#242424` `#ffffff` | 모노크롬, Cal Sans, 그레이스케일, 개방적
- **figma** — 흑백+비비드그라디언트 디자인툴 정체성 | `#000000` `#ffffff` | 흑백바이너리, 가변폰트, 원형/필, 크리에이티브
- **framer** — 순수블랙 다크 시네마틱 디자인도구 | `#0099ff` `#000000` | 순수다크, GT Walsheim, 냉철한블루, 크래프트
- **linear.app** — 다크네이티브 인디고-바이올렛 프로젝트툴 | `#5e6ad2` `#08090a` | 다크네이티브, 별빛감, 인디고, Inter Variable
- **mintlify** — 화이트+그린 개발자 문서 플랫폼 | `#18E299` `#0d0d0d` | 민트그린, 클라우드감, 개발자친화, 문서중심
- **miro** — 화이트+파스텔 협업 비주얼 보드 | `#5b76fe` `#1c1c1e` | 파스텔팔레트, Roobert, 협업, Framer빌드
- **posthog** — 올리브그린 사지+고슴도치 개성 분석툴 | `#F54E00` `#fdfdf8` | 올리브세이지, 고슴도치, 에디토리얼, 개성
- **raycast** — 맥OS 네이티브 다크 정밀 런처 | `#FF6363` `#07080a` | 맥OS감, 레이캐스트레드, 정밀, 레이어드그림자
- **resend** — 순수블랙+아이시블루보더 이메일 API | `#ff801f` `#000000` | 연극적다크, 세리프히어로, 아이시보더, 프리미엄
- **sanity** — 니어블랙+네온그린 구조화 CMS | `#f36458` `#0b0b0b` | 니어블랙, waldenburg, 네온그린, 구조적
- **sentry** — 퍼플블랙+라임그린 에러모니터링 | `#c2ef4e` `#1f1633` | 퍼플다크, 라임그린, IDE감, 브랜드개성
- **supabase** — 다크네이티브+에메랄드 오픈소스 DB | `#3ecf8e` `#171717` | 에메랄드그린, 다크네이티브, 개발자툴, HSL토큰
- **vercel** — 화이트+그레이 DX 인프라 미니멀 | `#171717` `#ffffff` | 초절제, Geist, 그림자보더, DX중심
- **voltagent** — 카본블랙+에메랄드 AI에이전트 플랫폼 | `#00d992` `#050507` | 카본다크, 에메랄드신호, 터미널감, 집중
- **warp** — 웜다크+파치먼트 라이프스타일 터미널 | `#faf9f6` `#353534` | 웜다크, 자연사진, Matter폰트, 라이프스타일
- **webflow** — 화이트+블루 풀컬러 노코드 빌더 | `#146ef5` `#080808` | 웹플로우블루, 풀컬러팔레트, 노코드, 번역애니메이션
- **zapier** — 크림+오렌지 따뜻한 자동화 SaaS | `#ff4f00` `#201515` | 따뜻한크림, Degular Display, 오렌지액센트, 자동화
- **hashicorp** — 화이트/다크 듀얼모드 멀티프로덕트 인프라 | `#7b42bc` `#15181e` | 듀얼모드, 멀티브랜드컬러, 엔터프라이즈, 인프라
- **expo** — 쿨화이트+블랙 미니멀 앱개발 플랫폼 | `#000000` `#f0f0f3` | 쿨화이트, 필모양, 모노크롬, 개발자친화

---

### Infra (2개)

- **clickhouse** — 퓨어블랙+네온옐로우그린 DB 성능 | `#faff69` `#000000` | 네온옐로우, 퍼포먼스, 최고대비, 터미널
- **mongodb** — 포레스트다크+네온그린 오픈소스 DB | `#00ed64` `#001e2b` | 포레스트블랙, 네온그린, MongoDB Serif, 듀얼모드

---

### Design (2개)

- **pinterest** — 웜화이트+핀터레스트레드 비주얼 탐색 | `#e60023` `#211922` | 따뜻한레드, 사진중심, 크래프트감, 탐색
- **spotify** — 니어블랙+스포티파이그린 뮤직 플레이어 | `#1ed760` `#121212` | 다크이머시브, 그린액센트, 필/원형, 콘텐츠중심

---

### Fintech (5개)

- **coinbase** — 코인베이스블루+화이트 신뢰 크립토 | `#0052ff` `#ffffff` | 딥블루, 4폰트패밀리, 필버튼, 크립토신뢰
- **kraken** — 크라켄퍼플+화이트 프로 크립토 거래소 | `#7132f5` `#ffffff` | 크라켄퍼플, 듀얼폰트, 쿨그레이, 크립토
- **revolut** — 니어블랙+빌보드타이포그래피 모던뱅킹 | `#191c1f` `#ffffff` | 빌보드헤드라인, Aeonik, 필버튼, 핀테크
- **stripe** — 퍼플+네이비 핀테크 디자인 골드스탠다드 | `#533afd` `#061b31` | 블루틴트그림자, sohne-var, 라이트웨이트, 프리미엄
- **wise** — 라임그린+네이비 글로벌 송금 신선함 | `#9fe870` `#0e0f0c` | 라임그린, 900웨이트, 빌보드, 신선한핀테크

---

### Enterprise (5개)

- **ibm** — IBM블루+화이트 Carbon 엔터프라이즈 시스템 | `#0f62fe` `#161616` | Carbon DS, IBM Plex, 토큰시스템, 사각버튼
- **intercom** — 웜크림+핀오렌지 AI 고객서비스 | `#ff5600` `#111111` | 웜크림, Saans극단추적, 4px라디우스, 확장버튼
- **notion** — 웜뉴트럴+노션블루 콘텐츠 캔버스 | `#0075de` `#000000` | 웜뉴트럴, NotionInter, 속삭임보더, 에디터감
- **superhuman** — 퍼플히어로+화이트 럭셔리 이메일 앱 | `#cbb7fb` `#1b1938` | 라벤더퍼플, Super Sans VF, 크림버튼, 럭셔리
- **uber** — 블랙+화이트 신뢰 글로벌 모빌리티 | `#000000` `#ffffff` | 흑백바이너리, UberMove, 필모양, 자신감

---

### Automotive (6개)

- **bmw** — 화이트+BMW블루 독일 프리미엄 자동차 | `#1c69d4` `#ffffff` | 각진기하, BMWType, CSS변수테마, 프리미엄
- **ferrari** — 블랙+페라리레드 이탈리안 에디토리얼 | `#DA291C` `#000000` | 키아로스쿠로, FerrariSans, 스파링레드, 럭셔리
- **lamborghini** — 퓨어블랙+람보르기니골드 슈퍼카 럭셔리 | `#FFC000` `#000000` | 순수다크, LamboType, 골드액센트, 극단적
- **renault** — 블랙+르노옐로우 비비드 프렌치 자동차 | `#EFDF00` `#000000` | 오로라그라디언트, NouvelR, 르노옐로우, 에너제틱
- **tesla** — 화이트+일렉트릭블루 최소화 전기차 | `#3E6AE1` `#171A20` | 극도절제, 풀뷰포트, Universal Sans, 사진우선
- **spacex** — 퓨어블랙+스펙트럴화이트 우주 시네마 | `#f0f0fa` `#000000` | 시네마틱, D-DIN, 대문자+자간, 우주

---

### Other (4개)

- **airbnb** — 따뜻한 사진 중심 마켓플레이스 | `#ff385c` `#ffffff` | 사진중심, 따뜻한, 라우시레드, Airbnb Cereal
- **apple** — 블랙/라이트그레이 교차 하드웨어 럭셔리 | `#0071e3` `#000000` | 시네마틱절제, SF Pro, 단일액센트, 제품중심
- **clay** — 웜크림+이름붙인 스와치팔레트 B2B데이터 | `#000000` `#faf9f7` | 아티자날, Roobert, 놀이적호버, 크래프트
- **composio** — 피치블랙+전기시안 개발자 자동화 | `#0007cd` `#0f0f0f` | 생물발광, abcDiatype, 브루탈리스트, 터미널

---

## 용도별 추천

### 대시보드 (Dashboard)
- Linear.app — 미니멀하고 깔끔한 대시보드, 인디고-바이올렛 액센트
- PostHog — 올리브 세이지 다크 테마 분석 대시보드
- Sentry — 퍼플 다크 기능적 에러 모니터링 UI
- Airtable — 데이터 테이블 중심 엔터프라이즈 인터페이스

### 핀테크 (Fintech)
- Stripe — 핀테크 디자인의 골드 스탠다드, 블루틴트 그림자
- Revolut — 빌보드 스케일 타이포그래피 모던 뱅킹
- Wise — 라임그린 신선한 글로벌 송금 UI
- Coinbase — 딥블루 신뢰감 있는 크립토 인터페이스

### 미니멀 (Minimal)
- Notion — 콘텐츠 중심 웜 뉴트럴 미니멀 디자인
- Cal.com — 오픈소스 스케줄링 그레이스케일 미니멀
- Superhuman — 크림 버튼 프리미엄 이메일 미니멀
- Resend — 블랙 캔버스 개발자 도구 미니멀

### 다크 테마 (Dark Theme)
- x.ai — 순수 블랙 모노스페이스 다크 테마
- Cursor — AI 코드 에디터 웜 크림 다크
- Warp — 라이프스타일 터미널 웜 다크 테마
- Linear.app — 다크 네이티브 인디고 프로젝트 도구
- SpaceX — 우주 시네마틱 퓨어 블랙 다크

### 랜딩 페이지 (Landing Page)
- Vercel — DX 중심 초절제 랜딩 (Geist 폰트)
- Framer — 순수 블랙 시네마틱 애니메이션 랜딩
- Webflow — 풀컬러 노코드 빌더 랜딩
- Mintlify — 클라우드감 민트그린 개발자 문서 랜딩

### AI 서비스 (AI)
- Claude — 따뜻한 인문학적 테라코타 AI UI
- Cohere — 절제된 화이트 엔터프라이즈 AI
- Mistral.ai — 황금빛 따뜻한 유럽풍 AI
- OpenCode.ai — 웜 다크 모노스페이스 코딩 AI

### 럭셔리 (Luxury)
- Ferrari — 이탈리안 에디토리얼 레이싱 프리미엄
- Lamborghini — 골드 액센트 슈퍼카 럭셔리
- BMW — 각진 기하학 독일 프리미엄
- Apple — SF Pro 하드웨어 럭셔리

### SaaS (SaaS)
- Zapier — 따뜻한 크림+오렌지 자동화 SaaS
- Intercom — 핀오렌지 AI 고객 커뮤니케이션
- Airtable — 엔터프라이즈 노코드 데이터베이스
- PostHog — 올리브 세이지 프로덕트 분석