Design System VaultReference Archive for Design Systems
EN

Reference Archive · Structure First · Ready to Use

디자인 시스템 아카이브

실무에서 바로 활용 가능한 디자인 시스템을 구조화하여 제공하는 레퍼런스 아카이브. 설계 기준과 규칙을 MD 문서로 정리해 AI와 개발자가 즉시 참고하고 재사용할 수 있습니다.

Editorial Monochrome

흑백 중심의 미니멀 에디토리얼 시스템. 타이포그래피와 여백으로 위계를 표현합니다.

미리보기MD 다운로드

Warm Humanist

따뜻한 흙빛 팔레트와 휴머니스트 서체. 친근하고 접근하기 쉬운 인터페이스를 만듭니다.

미리보기MD 다운로드

Neo Brutalist

두꺼운 테두리와 강렬한 타이포그래피. 계층 구조를 대담하게 드러냅니다.

미리보기MD 다운로드

Corporate Navy

딥 네이비 프라이머리와 뉴트럴 그레이 스케일. 역할 기반 시맨틱 토큰으로 엔터프라이즈급 일관성을 만듭니다.

미리보기MD 다운로드

Toss TDS

토스 스타일의 금융 슈퍼앱 시스템. 넉넉한 라운드와 블루 포인트, 촘촘한 그레이 스케일로 신뢰와 간결함을 전달합니다.

미리보기MD 다운로드

LINE LDSG

라인 스타일의 글로벌 메신저 시스템. 화이트 베이스 위 브랜드 그린 포인트와 명확한 시맨틱 컬러로 친근함을 만듭니다.

미리보기MD 다운로드

KT Seamless Flow

KT 스타일의 다크 퍼스트 시스템. 딥 차콜 표면 위 레드 포인트로 통신 서비스의 밀도 있는 흐름을 표현합니다.

미리보기MD 다운로드

KRDS

대한민국 범정부 디자인 시스템 스타일. 접근성 우선 원칙과 정부 블루, Pretendard GOV로 공공 서비스의 신뢰를 만듭니다.

미리보기MD 다운로드

Apple HIG

애플 휴먼 인터페이스 가이드라인 스타일. 시스템 컬러와 절제된 계층, 플랫폼 네이티브 감각의 명료함을 지향합니다.

미리보기MD 다운로드

Samsung One UI

삼성 One UI 스타일. 큰 라운드와 여유로운 터치 타깃, 블루 액센트로 한 손 조작에 최적화된 경험을 만듭니다.

미리보기MD 다운로드

Gmarket GDS

G마켓 스타일의 대규모 이커머스 시스템. 브랜드 그린과 세일 레드의 역할 분리, 고밀도 상품 정보 설계가 핵심입니다.

미리보기MD 다운로드

SOCAR Frame

쏘카 스타일의 모빌리티 시스템. 지도 위에서도 또렷한 비비드 블루와 실시간 상태 표현이 중심입니다.

미리보기MD 다운로드

당근 SEED

당근 스타일의 로컬 커뮤니티 시스템. 캐럿 오렌지 포인트와 담백한 그레이, 멀티 플랫폼 단일 토큰 소스를 지향합니다.

미리보기MD 다운로드

Material Design 3

구글 머티리얼 디자인 3 스타일. 톤 팔레트에서 파생되는 시맨틱 역할 토큰과 다이내믹 컬러가 핵심입니다.

미리보기MD 다운로드

IBM Carbon

IBM 카본 스타일의 엔터프라이즈 시스템. 직각 기하학과 2x 그리드, IBM Plex 서체로 데이터 제품의 정밀함을 만듭니다.

미리보기MD 다운로드

Microsoft Fluent

마이크로소프트 플루언트 2 스타일. 빛·깊이·모션의 절제된 사용과 4px 라운드, 생산성 도구의 밀도를 담습니다.

미리보기MD 다운로드

Shopify Polaris

쇼피파이 폴라리스 스타일의 어드민 시스템. 옅은 그레이 캔버스 위 화이트 카드와 상인 중심의 명확한 액션 설계가 특징입니다.

미리보기MD 다운로드

Midnight Green

미드나잇 블랙 뉴트럴과 액티브 그린 포인트의 오너십 앱 시스템. 차량 상태와의 연결을 절제된 쿨 그레이로 표현합니다.

미리보기MD 다운로드

Copper Monotone

블랙 모노톤과 카퍼 포인트, 2px의 각진 절제. 프리미엄 오너십 앱의 럭셔리 톤을 무채색 위계로 만듭니다.

미리보기MD 다운로드

Yeogi YDS

여기어때 스타일의 여행 플랫폼 시스템. 라이블리 레드와 시안 블루의 역할 분리, yds 라디우스·섀도 토큰 체계가 특징입니다.

미리보기MD 다운로드

Astryx

메타 오픈소스 시스템 스타일. 시맨틱 토큰과 테마 빌더, 채팅·AI 패턴을 포함한 90여 종의 카피-레디 컴포넌트가 특징입니다.

미리보기MD 다운로드

Wanted Montage

원티드 몬타주 스타일의 커리어 플랫폼 시스템. 쿨 뉴트럴 스케일과 원티드 블루, 투명도 기반 라벨·라인 토큰으로 멀티 플랫폼 단일 스펙을 지향합니다.

미리보기MD 다운로드

이용 방법

  1. 01

    아카이브에서 시스템 선택

    아카이브에서 프로젝트에 맞는 디자인 시스템을 선택합니다. 색상 팔레트, 타이포그래피, 컴포넌트 미리보기로 전체 분위기를 확인하세요.

  2. 02

    MD 문서 다운로드

    MD 다운로드 버튼으로 색상 토큰, 타이포그래피 규칙, 컴포넌트 패턴, CSS 코드가 담긴 구조화된 마크다운 파일을 저장합니다.

  3. 03

    AI 또는 프로젝트에 적용

    Claude, Gemini, Codex 등 AI 도구의 프롬프트에 MD 파일을 컨텍스트로 추가하거나, CSS 변수와 코드 예시를 직접 프로젝트에 복사해 사용합니다.

  4. 04

    구조와 규칙 기반으로 확장

    AI가 디자인 시스템의 토큰과 규칙에 맞는 컴포넌트와 레이아웃을 생성합니다. 토큰 기반 구조이므로 다크 모드, 브랜드 커스터마이징도 쉽게 적용할 수 있습니다.

자주 묻는 질문

Design System Vault란 무엇인가요?

Design System Vault는 실무에서 바로 활용 가능한 디자인 시스템을 구조화하여 제공하는 레퍼런스 아카이브입니다. 단순한 사례 모음이 아니라 색상 토큰, 타이포그래피 규칙, 컴포넌트 패턴이 체계적으로 정리된 MD 문서를 제공합니다.

디자인 시스템이란 무엇인가요?

디자인 시스템은 UI 컴포넌트, 색상 토큰, 타이포그래피 규칙, 간격 체계를 포함한 일관된 디자인 언어의 집합입니다. 설계 기준과 규칙을 표준화하여 팀 전체가 일관된 사용자 경험을 만들 수 있도록 합니다.

AI 도구에서 Design System Vault를 어떻게 활용하나요?

MD 파일을 다운받아 Claude, Gemini, Codex 등의 AI 도구 프롬프트에 포함시키면, AI가 해당 디자인 시스템의 색상 토큰, 타이포그래피, 컴포넌트 규칙에 맞는 코드를 자동으로 생성합니다.

어떤 디자인 시스템이 아카이브에 포함되어 있나요?

현재 Design System Vault에는 Editorial Monochrome, Warm Humanist, Neo Brutalist, Corporate Navy, Toss TDS, LINE LDSG, KT Seamless Flow, KRDS, Apple HIG, Samsung One UI, Gmarket GDS, SOCAR Frame, 당근 SEED, Material Design 3, IBM Carbon, Microsoft Fluent, Shopify Polaris, Midnight Green, Copper Monotone, Yeogi YDS, Astryx, Wanted Montage 등 총 22개의 디자인 시스템이 포함되어 있으며 지속적으로 업데이트됩니다.