150개의 디자인 시스템..

플러그인이 `od.craft.requires`로 채택할 수 있는 브랜드 고정 디자인 시스템. 각자 팔레트, 타이포그래피, 모션, 보이스를 가지며 프로젝트를 시스템에 연결하면 모든 플러그인 출력이 같은 아이덴티티를 계승합니다.

디자인 시스템이란?

디자인 시스템은 컬러 팔레트, 타이포그래피, 간격, 모션, 보이스 등 모든 화면을 일관되게 유지하는 재사용 가능한 브랜드 기반의 집합입니다. Open Design에서 각 디자인 시스템은 플러그인입니다. 프로젝트에 연결하면 코딩 에이전트가 팔레트, 타입, 모션, 보이스를 자동으로 상속하여 생성되는 모든 것이 브랜드에 맞게 유지됩니다.

모든 시스템은 하나의 DESIGN.md 파일입니다

여기 있는 각 디자인 시스템은 하나의 DESIGN.md입니다. 사람과 agent가 모두 읽을 수 있는 마크다운 명세로, 브랜드의 비주얼 테마, 색상 역할, 타이포그래피 스케일, 인터랙션 언어를 담습니다. 이 파일은 저장소 안에 존재하고, git으로 버전 관리되며, 프로젝트와 함께 이동합니다.

Claude Code, Cursor 또는 어떤 코딩 agent든 이 파일을 가리키게 하면, 생성되는 모든 컴포넌트, 페이지, 에셋이 동일한 정체성을 물려받습니다. DESIGN.md는 개방형 Apache-2.0 포맷이며, Open Design은 그 위에 구축된 오픈소스이자 로컬 우선 라이브러리이자 도구입니다.

# Design System Inspired by Linear

> Category: Productivity
> Focused, low-chrome workspace. Inter, tight grid, restrained color.

## 1. Visual Theme & Atmosphere
A calm, dense product surface where typography and spacing
carry the hierarchy and color is used sparingly for intent.

## 2. Color Palette & Roles
### Primary
- **Ink** (`#0d0e10`): Primary text and dark surfaces.
- **Violet** (`#5e6ad2`): Action and focus accent.
- **Surface** (`#f4f5f8`): Light canvas for content blocks.
DESIGN.md 발췌
  1. 01

    시스템을 고르세요

    위의 라이브러리를 둘러보고 아무 시스템이나 열어 전체 DESIGN.md를 읽어보세요. 팔레트, 타입, 모션, 보이스까지 모두 담겨 있습니다.

  2. 02

    프로젝트에 넣으세요

    DESIGN.md를 저장소 루트에 저장하세요. 순수 마크다운이라 빌드 단계도, 계정도, 내보내기도 필요 없습니다.

  3. 03

    agent가 이 파일을 따르게 하세요

    Claude Code나 Cursor에 DESIGN.md를 따르라고 지시하면, 모든 결과물이 브랜드와 일관되게 유지됩니다.

DESIGN.md는 개방형 포맷(Apache-2.0)입니다. Open Design의 시스템은 GitHub에서 자유롭게 읽고, 포크하고, 기여할 수 있습니다.

자주 묻는 질문

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

    디자인 시스템은 브랜드의 비주얼 언어(팔레트, 타이포그래피, 간격, 모션, 톤)에 대한 단일 진실 공급원입니다. 덕분에 모든 화면과 에셋이 하나의 일관된 제품처럼 느껴집니다.

  • DESIGN.md 파일이란 무엇인가요?

    DESIGN.md는 사람과 AI 코딩 agent가 모두 읽을 수 있는 방식으로 디자인 시스템을 기술하는 개방형 마크다운 기반 포맷입니다. 색상 역할, 타입 스케일, 인터랙션 패턴을 저장소에 보관하는 일반 텍스트로 담아냅니다.

  • Claude Code나 Cursor에서 DESIGN.md를 어떻게 사용하나요?

    파일을 프로젝트 루트에 저장하고 agent에게 이를 따르라고 지시하세요. Open Design은 프로젝트를 시스템에 스냅할 수도 있어, 모든 플러그인 결과물이 동일한 정체성을 자동으로 물려받습니다.

  • 이 디자인 시스템들은 무료인가요?

    네. 여기 있는 모든 시스템은 오픈소스이며 자유롭게 읽고, 다운로드하고, 포크하고, 기여할 수 있습니다. Open Design 자체도 Apache-2.0이자 로컬 우선입니다.

  • 디자인 시스템은 몇 개나 있나요?

    현재 150개이며 계속 늘어나고 있고, 소비자 테크, 에디토리얼, 실험적 스타일을 아우릅니다. 새로운 시스템이 정기적으로 추가되며, GitHub에서 직접 기여할 수도 있습니다.

  • 나만의 DESIGN.md를 만들 수 있나요?

    네. DESIGN.md를 직접 작성하거나, Open Design이 레퍼런스 사이트를 바탕으로 생성하게 한 다음, 모든 프로젝트와 agent에 재사용하세요.