150개의 디자인 시스템..
플러그인이 `od.craft.requires`로 채택할 수 있는 브랜드 고정 디자인 시스템. 각자 팔레트, 타이포그래피, 모션, 보이스를 가지며 프로젝트를 시스템에 연결하면 모든 플러그인 출력이 같은 아이덴티티를 계승합니다.
- Agentic 테마 & 독창적인Build something people love.Get startedLearn more
에이전트 워크플로우를 위한 최소한의 컨트롤, 명확한 결과, 위임된 태스크 흐름의 대화형 AI 우선 인터페이스.
디자인 시스템 보기 → - Airbnb 이커머스 & 리테일Build something people love.Get startedLearn more
여행 마켓플레이스. 따뜻한 코랄 액센트, 사진 중심, 둥근 UI.
디자인 시스템 보기 → - Airtable 디자인 & 크리에이티브Build something people love.Get startedLearn more
스프레드시트-데이터베이스 하이브리드. 다채롭고 친근하며 구조적인 데이터 미학.
디자인 시스템 보기 → - Ant 전문 & 기업Build something people love.Get startedLearn more
데이터 집약적인 웹 애플리케이션을 위한 명확성, 일관성, 효율성을 강조하는 구조적인 엔터프라이즈 중심 디자인 시스템.
디자인 시스템 보기 → - Apple 미디어 & 소비자Build something people love.Get startedLearn more
소비자 가전. 넓은 여백, SF Pro, 시네마틱 이미지.
디자인 시스템 보기 → - Application 전문 & 기업Build something people love.Get startedLearn more
퍼플 테마 미학, 상단 바 네비게이션, 카드 기반 레이아웃, 개발자 우선 워크플로우의 앱 대시보드.
디자인 시스템 보기 → - Arc Browser 생산성 & SaaSBuild something people love.Get startedLearn more
"당신 대신 검색하는 브라우저." 반투명 표면, 그라디언트 온기, 사이드바 우선 레이아웃.
디자인 시스템 보기 → - Artistic 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
시각적으로 인상적인 인터페이스를 위한 창의적 서체와 굵직한 색상 선택의 고대비 표현적 스타일.
디자인 시스템 보기 → - Atelier Zero 에디토리얼 · 스튜디오Build something people love.Get startedLearn more
매거진급 콜라주 기반 비주얼 시스템: 따뜻한 페이퍼 캔버스, 초현실적 석고-건축 이미지, 대형 디스플레이 서체, 헤어라인 룰, 로마 숫자 섹션 마커, 소형 에디토리얼 주석. 고급 인쇄 잡지(Monocle, Apartamento, IDEA)의 제작 가치를 웹사이트로 구현.
디자인 시스템 보기 → - Bento 레이아웃 & 구조Build something people love.Get startedLearn more
정리되고 스캔하기 쉬운 인터페이스를 위한 카드형 블록, 명확한 계층, 부드러운 간격, 섬세한 시각 대비의 모듈형 그리드 레이아웃.
디자인 시스템 보기 → - Binance.US 핀테크 & 암호화폐Build something people love.Get startedLearn more
암호화폐 거래소. 모노크롬 위 굵직한 옐로우 액센트, 트레이딩 플로어의 긴박감.
디자인 시스템 보기 → - BMW 자동차Build something people love.Get startedLearn more
럭셔리 자동차. 다크 프리미엄 표면, 정밀한 독일 엔지니어링 미학.
디자인 시스템 보기 → - BMW M 자동차Build something people love.Get startedLearn more
모터스포츠 퍼포먼스 서브브랜드. 거의 블랙에 가까운 콕핏 표면, BMW M 트리컬러 액센트, 예리한 엔지니어링 기하학.
디자인 시스템 보기 → - Bold 굵직하고 표현적인Build something people love.Get startedLearn more
무거운 서체, 고대비 색상, 강렬한 레이아웃의 강력한 비주얼 존재감.
디자인 시스템 보기 → - Brutalism 굵직하고 표현적인Build something people love.Get startedLearn more
콘크리트 건축에서 영감받은 원초적이고 반디자인적인 미학으로 꾸미지 않은 요소, 충격적인 레이아웃, 기능적 미니멀리즘.
디자인 시스템 보기 → - Bugatti 자동차Build something people love.Get startedLearn more
하이퍼카 브랜드. 시네마 블랙 캔버스, 모노크롬 절제미, 웅장한 디스플레이 서체.
디자인 시스템 보기 → - Cafe 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
따뜻한 톤, 부드러운 서체, 클린한 레이아웃으로 편안한 브라우징 경험을 주는 아늑한 카페 영감 인터페이스.
디자인 시스템 보기 → - Cal.com 생산성 & SaaSBuild something people love.Get startedLearn more
오픈소스 스케줄링. 클린한 중성 UI, 개발자 지향 심플함.
디자인 시스템 보기 → - Canva 디자인 & 크리에이티브Build something people love.Get startedLearn more
비주얼 크리에이션 플랫폼. 선명한 보라-파랑 그라디언트, 넉넉한 간격, 친근한 기하학.
디자인 시스템 보기 → - Cisco 백엔드 & 데이터Build something people love.Get startedLearn more
엔터프라이즈 인프라 브랜드. 다크 신뢰 표면, Cisco Blue 신호, 기술적 명확성.
디자인 시스템 보기 → - Claude (Anthropic) AI & LLMBuild something people love.Get startedLearn more
Anthropic의 AI 어시스턴트. 따뜻한 테라코타 액센트, 깔끔한 에디토리얼 레이아웃.
디자인 시스템 보기 → - Clay 디자인 & 크리에이티브Build something people love.Get startedLearn more
크리에이티브 에이전시. 유기적 형태, 부드러운 그라디언트, 아트 디렉팅된 레이아웃.
디자인 시스템 보기 → - Claymorphism 모피즘 & 이펙트Build something people love.Get startedLearn more
유쾌하고 통통한 요소와 다채로운 표면의 유연한 클레이를 모방한 부드럽고 둥근 3D 형태.
디자인 시스템 보기 → - Clean 모던 & 미니멀Build something people love.Get startedLearn more
시각적 혼잡을 줄이기 위한 넉넉한 여백, 가독성 높은 서체, 제한된 색상 팔레트의 단순함 중심 디자인.
디자인 시스템 보기 → - ClickHouse 백엔드 & 데이터Build something people love.Get startedLearn more
고속 분석 데이터베이스. 옐로우 액센트, 기술 문서 스타일.
디자인 시스템 보기 → - Cohere AI & LLMBuild something people love.Get startedLearn more
엔터프라이즈 AI 플랫폼. 생동감 있는 그라디언트, 데이터 중심 대시보드 미학.
디자인 시스템 보기 → - Coinbase 핀테크 & 암호화폐Build something people love.Get startedLearn more
암호화폐 거래소. 클린 블루 아이덴티티, 신뢰 중심, 기관급 느낌.
디자인 시스템 보기 → - Colorful 굵직하고 표현적인Build something people love.Get startedLearn more
매력적이고 기억에 남는 현대적인 사용자 경험을 위한 생동감 있는 고대비 팔레트와 그라디언트.
디자인 시스템 보기 → - Composio 백엔드 & 데이터Build something people love.Get startedLearn more
툴 통합 플랫폼. 다채로운 통합 아이콘의 현대적 다크.
디자인 시스템 보기 → - Contemporary 모던 & 미니멀Build something people love.Get startedLearn more
벤토 그리드, 다크 모드 지원, 고성능 접근 가능한 레이아웃의 현 시대 미니멀리스트 디자인.
디자인 시스템 보기 → - Corporate 전문 & 기업Build something people love.Get startedLearn more
구조적인 그리드, 미니멀 레이아웃, 일관된 엔터프라이즈 패턴을 갖춘 전문적이고 브랜드에 충실한 디자인.
디자인 시스템 보기 → - Cosmic 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
다크 테마, 생동감 있는 네온 액센트, 몰입감 있는 공간적 요소의 미래지향적 SF 미학.
디자인 시스템 보기 → - Creative 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
랜딩 페이지와 크리에이티브 프로젝트를 위한 표현력 있는 서체와 굵직한 그래픽의 유쾌하고 개성 있는 디자인.
디자인 시스템 보기 → - Cursor 개발자 도구Build something people love.Get startedLearn more
AI 우선 코드 에디터. 세련된 다크 인터페이스, 그라디언트 액센트.
디자인 시스템 보기 → - Dashboard 전문 & 기업Build something people love.Get startedLearn more
생산성 대시보드를 위한 모듈형 그리드, 유리 같은 패널, 강력한 데이터 계층의 다크 테마 클라우드 플랫폼 미학.
디자인 시스템 보기 → - Discord 생산성 & SaaSBuild something people love.Get startedLearn more
음성/채팅 플랫폼. 딥 블러플, 다크 우선 표면, 유쾌한 액센트 포인트.
디자인 시스템 보기 → - Dithered 레트로 & 향수Build something people love.Get startedLearn more
향수를 불러일으키는 레트로 고대비 비주얼을 위해 제한된 팔레트로 음영을 시뮬레이션하는 도트 패턴 렌더링 기법.
디자인 시스템 보기 → - Doodle 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
유쾌하고 비공식적인 느낌을 위한 손그림, 손글씨 폰트, 불완전한 선의 핸드드로운 스케치 스타일.
디자인 시스템 보기 → - Dramatic 굵직하고 표현적인Build something people love.Get startedLearn more
주목을 끄는 고대비, 극적인 디자인으로 굵직한 레이아웃, 몰입감 있는 비주얼, 독특한 구성.
디자인 시스템 보기 → - Duolingo 생산성 & SaaSBuild something people love.Get startedLearn more
언어 학습 플랫폼. 밝은 올빼미 그린, 굵직한 그림자, 게임화된 즐거움.
디자인 시스템 보기 → - Editorial 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
정제된 세리프 서체, 구조적 그리드, 우아한 읽기 경험의 매거진 영감 에디토리얼 레이아웃.
디자인 시스템 보기 → - Elegant 전문 & 기업Build something people love.Get startedLearn more
섬세한 서체, 미니멀한 팔레트, 세련미가 넘치는 폴리시드 레이아웃의 우아하고 정제된 미학.
디자인 시스템 보기 → - ElevenLabs AI & LLMBuild something people love.Get startedLearn more
AI 음성 플랫폼. 다크 시네마틱 UI, 오디오 파형 미학.
디자인 시스템 보기 → - Energetic 굵직하고 표현적인Build something people love.Get startedLearn more
움직임과 활력을 전달하는 굵은 테두리, 기하학적 형태, 고대비 색상, 표현적 서체의 역동적이고 생동감 있는 스타일.
디자인 시스템 보기 → - Enterprise 전문 & 기업Build something people love.Get startedLearn more
직관적인 드래그앤드롭 패턴과 구조적 레이아웃을 갖춘 데이터 중심 워크플로우를 위한 깔끔하고 고대비 엔터프라이즈 디자인.
디자인 시스템 보기 → - Expo 개발자 도구Build something people love.Get startedLearn more
React Native 플랫폼. 다크 테마, 타이트한 자간, 코드 중심.
디자인 시스템 보기 → - Expressive 굵직하고 표현적인Build something people love.Get startedLearn more
창의성과 구조의 균형을 잡는 굵직한 색상, 유쾌한 그래픽, 역동적 레이아웃의 개성 넘치는 디자인.
디자인 시스템 보기 → - Fantasy 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
굵직하고 프리미엄한 비주얼, 풍부한 색상 팔레트, 몰입감 있는 테마 요소의 게임 영감 판타지 미학.
디자인 시스템 보기 → - Ferrari 자동차Build something people love.Get startedLearn more
럭셔리 자동차. 명암 대비 강한 에디토리얼, 페라리 레드 액센트, 시네마틱 블랙.
디자인 시스템 보기 → - Figma 디자인 & 크리에이티브Build something people love.Get startedLearn more
협업 디자인 툴. 생동감 있는 멀티컬러, 유쾌하면서도 전문적.
디자인 시스템 보기 → - Flat 모던 & 미니멀Build something people love.Get startedLearn more
빠르고 사용자 친화적인 인터페이스를 위한 생동감 있는 색상, 깔끔한 서체, 3D 효과 없는 2차원 미니멀리스트 스타일.
디자인 시스템 보기 → - Framer 디자인 & 크리에이티브Build something people love.Get startedLearn more
웹사이트 빌더. 굵직한 블랙앤블루, 모션 우선, 디자인 중심.
디자인 시스템 보기 → - Friendly 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
둥근 요소, 넉넉한 여백, 부드러운 파스텔 색상 팔레트의 친근하고 직관적인 디자인.
디자인 시스템 보기 → - Futuristic 테마 & 독창적인Build something people love.Get startedLearn more
기술 영감 서체, 현대적 레이아웃, 세련된 혁신 주도 미학의 미래지향적 디자인.
디자인 시스템 보기 → - GitHub 개발자 도구Build something people love.Get startedLearn more
코드 중심 플랫폼. 기능적 밀도, 블루온화이트 정밀함, Primer 기반.
디자인 시스템 보기 → - Glassmorphism 모피즘 & 이펙트Build something people love.Get startedLearn more
깊이와 현대적 우아함을 위한 반투명 레이어, 섬세한 블러, 발광 테두리의 서리 유리 효과.
디자인 시스템 보기 → - Gradient 모피즘 & 이펙트Build something people love.Get startedLearn more
현대적이고 활기찬 인터페이스에 시각적 깊이를 더하는 부드러운 색상 전환과 그라디언트 풍부한 표면.
디자인 시스템 보기 → - HashiCorp 백엔드 & 데이터Build something people love.Get startedLearn more
인프라 자동화. 엔터프라이즈 클린, 흑백.
디자인 시스템 보기 → - HUD Design System 테마 & 독창적인Build something people love.Get startedLearn more
전투기/헬기 헤드업 디스플레이. 거의 블랙에 가까운 배경의 인광 그린, 올캡스 데이터 오버레이, 각진 기하학. 속도와 고도에서 무결한 명확성.
디자인 시스템 보기 → - Hugging Face AI & LLMBuild something people love.Get startedLearn more
ML 커뮤니티 허브. 선명한 옐로우 액센트, 모노스페이스 아이덴티티, 명랑하고 밀도 높음.
디자인 시스템 보기 → - IBM 미디어 & 소비자Build something people love.Get startedLearn more
엔터프라이즈 기술. Carbon 디자인 시스템, 구조적 블루 팔레트.
디자인 시스템 보기 → - Intercom 생산성 & SaaSBuild something people love.Get startedLearn more
고객 메시징. 친근한 블루 팔레트, 대화형 UI 패턴.
디자인 시스템 보기 → - kami (紙 / 纸) 에디토리얼 & 인쇄Build something people love.Get startedLearn more
에디토리얼 페이퍼 시스템: 따뜻한 양피지 캔버스, 잉크 블루 액센트, 세리프 주도 계층 구조. 이력서, 원페이저, 백서, 포트폴리오, 슬라이드 덱 등 UI가 아닌 고품질 인쇄물처럼 느껴져야 하는 모든 것에 적합. 다국어 지원 설계 (EN · zh-CN · ja).
디자인 시스템 보기 → - Kraken 핀테크 & 암호화폐Build something people love.Get startedLearn more
암호화폐 거래. 퍼플 액센트 다크 UI, 데이터 집약적 대시보드.
디자인 시스템 보기 → - Lamborghini 자동차Build something people love.Get startedLearn more
슈퍼카 브랜드. 순수 블랙 표면, 골드 액센트, 극적인 대문자 서체.
디자인 시스템 보기 → - Levels 레이아웃 & 구조Build something people love.Get startedLearn more
명확성, 신뢰, 속도를 통해 마찰을 제거하고 사용자를 행동으로 이끄는 전환 중심 디자인.
디자인 시스템 보기 → - Linear 생산성 & SaaSBuild something people love.Get startedLearn more
프로젝트 관리. 초미니멀, 정밀함, 퍼플 액센트.
디자인 시스템 보기 → - Lingo 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
밝은 색상, 둥근 형태, 촉각적인 3D 테두리, 친근한 일러스트로 접근하기 쉬운 인터페이스를 만드는 유쾌하고 미니멀한 디자인.
디자인 시스템 보기 → - Loom Design System 테마 & 독창적인Build something people love.Get startedLearn more
Loom 비동기 영상. 퍼플 프라이머리, 친근한 표면, 영상 우선 레이아웃. 기업적이지 않으면서 깔끔하고 전문적.
디자인 시스템 보기 → - Lovable 개발자 도구Build something people love.Get startedLearn more
AI 풀스택 빌더. 유쾌한 그라디언트, 친근한 개발자 미학.
디자인 시스템 보기 → - Luxury 전문 & 기업Build something people love.Get startedLearn more
럭셔리 브랜드 경험을 위한 굵직한 헤딩, 모노크롬 팔레트, 프리미엄 감각의 고급 다크 미학.
디자인 시스템 보기 → - Mastercard 핀테크 & 암호화폐Build something people love.Get startedLearn more
글로벌 결제 네트워크. 따뜻한 크림 캔버스, 원형 필 형태, 에디토리얼 온기.
디자인 시스템 보기 → - Material 전문 & 기업Build something people love.Get startedLearn more
레이어드 표면, 동적 테마, 내장 모션, 반응형 크로스플랫폼 패턴의 Google Material Design.
디자인 시스템 보기 → - Meta (Store) 이커머스 & 리테일Build something people love.Get startedLearn more
테크 리테일 스토어. 사진 우선, 이진 라이트/다크 표면, Meta Blue CTA.
디자인 시스템 보기 → - Minimal 모던 & 미니멀Build something people love.Get startedLearn more
최대한의 명확성과 집중을 위한 여백, 깔끔한 서체, 절제된 색상을 강조하는 군더더기 없는 디자인.
디자인 시스템 보기 → - MiniMax AI & LLMBuild something people love.Get startedLearn more
AI 모델 프로바이더. 네온 액센트의 굵직한 다크 인터페이스.
디자인 시스템 보기 → - Mintlify 생산성 & SaaSBuild something people love.Get startedLearn more
문서 플랫폼. 깔끔하고 그린 액센트, 읽기 최적화.
디자인 시스템 보기 → - Miro 디자인 & 크리에이티브Build something people love.Get startedLearn more
비주얼 협업. 밝은 옐로우 액센트, 무한 캔버스 미학.
디자인 시스템 보기 → - Mission Control Design System 개발자 도구Build something people love.Get startedLearn more
우주/항공 미션 모니터링. 다크 지휘 센터, 앰버 텔레메트리, 모노스페이스 정밀함. 무엇보다 기능적 명확성.
디자인 시스템 보기 → - Mistral AI AI & LLMBuild something people love.Get startedLearn more
오픈 웨이트 LLM 프로바이더. 프랑스 공학의 미니멀리즘, 퍼플 톤.
디자인 시스템 보기 → - Modern 모던 & 미니멀Build something people love.Get startedLearn more
세련된 디지털 제품을 위한 세리프 서체, 미니멀 팔레트, 깔끔한 레이아웃의 현대적 에디토리얼 스타일.
디자인 시스템 보기 → - MongoDB 백엔드 & 데이터Build something people love.Get startedLearn more
문서 데이터베이스. 그린 리프 브랜딩, 개발자 문서 중심.
디자인 시스템 보기 → - Mono 모던 & 미니멀Build something people love.Get startedLearn more
고대비 요소, 압축된 밀도, 해커 시크 미학의 모노스페이스 기반 매트릭스 영감 디자인.
디자인 시스템 보기 → - Neobrutalism 굵직하고 표현적인Build something people love.Get startedLearn more
따뜻한 표면 위 굵은 테두리, 선명한 액센트 색상, 날 것의 고대비 레이아웃으로 브루탈리즘을 현대적으로 재해석.
디자인 시스템 보기 → - Neon 모피즘 & 이펙트Build something people love.Get startedLearn more
주목을 끄는 굵직한 인터페이스를 위한 고대비 색상 조합의 전기 네온 글로우 효과.
디자인 시스템 보기 → - Neumorphism 모피즘 & 이펙트Build something people love.Get startedLearn more
촉각적이고 임베드된 느낌을 위해 모노크롬 표면에 내/외부 그림자를 활용한 부드럽게 돌출된 UI 요소.
디자인 시스템 보기 → - Neutral Modern 스타터Build something people love.Get startedLearn more
깔끔하고 제품 지향적인 기본값. 특정 분위기가 필요 없을 때 사용 — B2B 툴, 대시보드, 유틸리티 페이지에 적합.
디자인 시스템 보기 → - Nike 이커머스 & 리테일Build something people love.Get startedLearn more
애슬레틱 리테일. 모노크롬 UI, 거대한 대문자 서체, 풀블리드 사진.
디자인 시스템 보기 → - Notion 생산성 & SaaSBuild something people love.Get startedLearn more
올인원 워크스페이스. 따뜻한 미니멀리즘, 세리프 헤딩, 부드러운 표면.
디자인 시스템 보기 → - NVIDIA 미디어 & 소비자Build something people love.Get startedLearn more
GPU 컴퓨팅. 그린-블랙 에너지, 기술적 파워 미학.
디자인 시스템 보기 → - Ollama AI & LLMBuild something people love.Get startedLearn more
로컬에서 LLM 실행. 터미널 우선, 모노크롬 심플함.
디자인 시스템 보기 → - OpenAI AI & LLMBuild something people love.Get startedLearn more
깊은 틸-블랙에 넉넉한 여백과 에디토리얼 서체를 기반으로 한 차분하고 거의 모노크롬에 가까운 시스템.
디자인 시스템 보기 → - OpenCode AI & LLMBuild something people love.Get startedLearn more
AI 코딩 플랫폼. 개발자 중심 다크 테마.
디자인 시스템 보기 → - Pacman 테마 & 독창적인Build something people love.Get startedLearn more
픽셀 폰트, 점선 테두리, 유쾌한 고대비 색상, 8비트 게임 미학의 레트로 아케이드 영감 디자인.
디자인 시스템 보기 → - Paper 레트로 & 향수Build something people love.Get startedLearn more
종이 질감과 인쇄물에서 영감받은 디자인. 최소한의 색상, 깔끔한 세리프/산세리프 서체, 촉각적인 표면 감각.
디자인 시스템 보기 → - Perplexity AI AI & LLMBuild something people love.Get startedLearn more
대화형 AI 검색 엔진. 딥다크 캔버스, 선명한 서체, 단일 바이올렛 액센트, 촘촘한 정보 계층.
디자인 시스템 보기 → - Perspective 레이아웃 & 구조Build something people love.Get startedLearn more
주의를 3D 같은 현실감으로 유도하는 등각 뷰, 소실점, 레이어드 요소의 공간적 깊이 디자인.
디자인 시스템 보기 → - Pinterest 미디어 & 소비자Build something people love.Get startedLearn more
비주얼 디스커버리. 레드 액센트, 매소너리 그리드, 이미지 우선.
디자인 시스템 보기 → - PlayStation 미디어 & 소비자Build something people love.Get startedLearn more
게임 콘솔 리테일. 3단계 서피스 채널 레이아웃, 조용한 권위감의 디스플레이 서체, 시안 호버 스케일.
디자인 시스템 보기 → - PostHog 백엔드 & 데이터Build something people love.Get startedLearn more
제품 분석. 유쾌한 고슴도치 브랜딩, 개발자 친화적 다크 UI.
디자인 시스템 보기 → - Premium 전문 & 기업Build something people love.Get startedLearn more
정밀한 간격, 현대적 서체, 정제되고 세련된 비주얼 언어의 Apple 영감 프리미엄 미학.
디자인 시스템 보기 → - Professional 전문 & 기업Build something people love.Get startedLearn more
현대적인 서체, 구조적 레이아웃, 신뢰감 있는 비주얼 아이덴티티의 세련되고 비즈니스 지향적인 디자인.
디자인 시스템 보기 → - Publication 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
에디토리얼 그리드와 표현력 있는 서체로 책, 잡지, 보고서를 위한 인쇄물 영감 비주얼 언어.
디자인 시스템 보기 → - Raycast 개발자 도구Build something people love.Get startedLearn more
생산성 런처. 세련된 다크 크롬, 생동감 있는 그라디언트 액센트.
디자인 시스템 보기 → - Refined 모던 & 미니멀Build something people love.Get startedLearn more
우아한 세리프 서체와 절제되고 세련된 팔레트의 신중하게 큐레이팅된 현대 미니멀 스타일.
디자인 시스템 보기 → - Renault 자동차Build something people love.Get startedLearn more
프랑스 자동차. 생동감 있는 오로라 그라디언트, NouvelR 서체, 강렬한 에너지.
디자인 시스템 보기 → - Replicate AI & LLMBuild something people love.Get startedLearn more
API로 ML 모델 실행. 클린 화이트 캔버스, 코드 중심.
디자인 시스템 보기 → - Resend 생산성 & SaaSBuild something people love.Get startedLearn more
이메일 API. 미니멀 다크 테마, 모노스페이스 액센트.
디자인 시스템 보기 → - Retro 레트로 & 향수Build something people love.Get startedLearn more
빈티지 영감 서체, 고대비 레트로 팔레트, 향수를 불러일으키는 비주얼 요소의 복고풍 디자인.
디자인 시스템 보기 → - Revolut 핀테크 & 암호화폐Build something people love.Get startedLearn more
디지털 뱅킹. 세련된 다크 인터페이스, 그라디언트 카드, 핀테크 정밀함.
디자인 시스템 보기 → - Runway AI & LLMBuild something people love.Get startedLearn more
AI 영상 생성. 시네마틱 다크 UI, 미디어 중심 레이아웃.
디자인 시스템 보기 → - Sanity 백엔드 & 데이터Build something people love.Get startedLearn more
헤드리스 CMS. 레드 액센트, 콘텐츠 우선 에디토리얼 레이아웃.
디자인 시스템 보기 → - Sentry 백엔드 & 데이터Build something people love.Get startedLearn more
오류 모니터링. 다크 대시보드, 데이터 집약적, 핑크-퍼플 액센트.
디자인 시스템 보기 → - Shadcn 모던 & 미니멀Build something people love.Get startedLearn more
미니멀하고 클린한 컴포넌트, 모노크롬 팔레트, 유틸리티 우선 패턴의 shadcn/ui 영감 디자인.
디자인 시스템 보기 → - Shopify 이커머스 & 리테일Build something people love.Get startedLearn more
이커머스 플랫폼. 다크 우선 시네마틱, 네온 그린 액센트, 초경량 서체.
디자인 시스템 보기 → - Simple 모던 & 미니멀Build something people love.Get startedLearn more
방해 없이 깔끔한 서체, 중성적 색상, 직관적인 레이아웃의 간결하고 군더더기 없는 디자인.
디자인 시스템 보기 → - Skeumorphism 모피즘 & 이펙트Build something people love.Get startedLearn more
직관적인 디지털 인터페이스를 위한 텍스처 표면, 3D 효과, 친숙한 물리적 은유의 실제 세계 모방.
디자인 시스템 보기 → - Slack 생산성 & SaaSBuild something people love.Get startedLearn more
직장 커뮤니케이션 플랫폼. 오베르진 프라이머리, 멀티 액센트 로고 팔레트, 다크 사이드바의 라이트 표면, 따뜻하고 친근함.
디자인 시스템 보기 → - Sleek 모던 & 미니멀Build something people love.Get startedLearn more
깔끔한 선, 의도적인 색상 팔레트, 섬세한 인터랙션, 일관된 간격의 현대적 미니멀리스트 미학.
디자인 시스템 보기 → - SpaceX 미디어 & 소비자Build something people love.Get startedLearn more
우주 기술. 극적인 흑백, 풀블리드 이미지, 미래지향적.
디자인 시스템 보기 → - Spacious 레이아웃 & 구조Build something people love.Get startedLearn more
깔끔하고 가독성 높은 숨 쉬는 인터페이스를 위한 넉넉한 여백, 일관된 패딩, 그리드 기반 레이아웃.
디자인 시스템 보기 → - Spotify 미디어 & 소비자Build something people love.Get startedLearn more
음악 스트리밍. 다크 배경의 생동감 있는 그린, 굵직한 서체, 앨범아트 중심.
디자인 시스템 보기 → - Starbucks 이커머스 & 리테일Build something people love.Get startedLearn more
글로벌 커피 리테일 브랜드. 4단계 그린 시스템, 따뜻한 크림 캔버스, 풀 필 버튼.
디자인 시스템 보기 → - Storytelling 크리에이티브 & 아티스틱Build something people love.Get startedLearn more
매력적이고 감성적인 여정으로 사용자를 안내하는 비주얼, 카피, 인터랙션을 활용한 내러티브 중심 디자인.
디자인 시스템 보기 → - Stripe 핀테크 & 암호화폐Build something people love.Get startedLearn more
결제 인프라. 시그니처 퍼플 그라디언트, 웨이트 300의 우아함.
디자인 시스템 보기 → - Supabase 백엔드 & 데이터Build something people love.Get startedLearn more
오픈소스 Firebase 대안. 다크 에메랄드 테마, 코드 우선.
디자인 시스템 보기 → - Superhuman 개발자 도구Build something people love.Get startedLearn more
빠른 이메일 클라이언트. 프리미엄 다크 UI, 키보드 우선, 퍼플 글로우.
디자인 시스템 보기 → - Tesla 자동차Build something people love.Get startedLearn more
전기 자동차. 급진적 절제, 전체 뷰포트 사진, 거의 없는 UI.
디자인 시스템 보기 → - Tetris 테마 & 독창적인Build something people love.Get startedLearn more
클래식 블록 게임 영감 디자인으로 유쾌한 색상, 굵직한 디스플레이 폰트, 압축된 고에너지 레이아웃.
디자인 시스템 보기 → - The Verge 미디어 & 소비자Build something people love.Get startedLearn more
테크 에디토리얼 미디어. 애시드 민트와 울트라바이올렛 액센트, Manuka 디스플레이, 레이브 플라이어 스토리 타일.
디자인 시스템 보기 → - Together AI AI & LLMBuild something people love.Get startedLearn more
오픈소스 AI 인프라. 기술적이고 청사진 스타일의 디자인.
디자인 시스템 보기 → - Totality Festival 테마 & 독창적인Build something people love.Get startedLearn more
Surface: web 태양 일식의 강렬한 경이로움을 담은 우주적-프리미엄 글래스모픽 다크 시스템 — 옵시디안 표면, 앰버 "코로나" 하이라이트, 시안 대기 액센트.
디자인 시스템 보기 → - Trading Terminal Design System 테마 & 독창적인Build something people love.Get startedLearn more
Bloomberg 스타일 금융 거래 터미널. 다크 전용, 데이터 집약적, 시안/코랄 매수/매도 신호. 2미터 거리에서도 한눈에 모든 것을 읽을 수 있음.
디자인 시스템 보기 → - Uber 미디어 & 소비자Build something people love.Get startedLearn more
모빌리티 플랫폼. 강렬한 흑백, 타이트한 서체, 도시적 에너지.
디자인 시스템 보기 → - Urdu Modern (Indus Script System) 에디토리얼 / 개인 / 출판 디자인 시스템 보기 →Build something people love.Get startedLearn more
- Vercel 개발자 도구Build something people love.Get startedLearn more
프론트엔드 배포. 흑백의 정밀함, Geist 폰트.
디자인 시스템 보기 → - Vibrant 굵직하고 표현적인Build something people love.Get startedLearn more
굵직하고 유쾌한 서체, 따뜻한 액센트, 역동적인 비주얼 에너지의 활기차고 다채로운 디자인.
디자인 시스템 보기 → - Vintage 레트로 & 향수Build something people love.Get startedLearn more
스큐어모픽 터치, 그레인 텍스처, 레트로 색상 팔레트, 픽셀 스타일 서체로 표현한 1950-1990년대 향수.
디자인 시스템 보기 → - Vodafone 미디어 & 소비자Build something people love.Get startedLearn more
글로벌 통신 브랜드. 웅장한 대문자 디스플레이, Vodafone Red 챕터 밴드.
디자인 시스템 보기 → - VoltAgent AI & LLMBuild something people love.Get startedLearn more
AI 에이전트 프레임워크. 보이드 블랙 캔버스, 에메랄드 액센트, 터미널 네이티브.
디자인 시스템 보기 → - Warm Editorial 스타터Build something people love.Get startedLearn more
세리프 주도의 매거진 미학. 따뜻한 오프화이트 페이퍼 위의 테라코타 액센트 — 롱폼, 에디토리얼, 브랜드 중심 마케팅 페이지에 적합.
디자인 시스템 보기 → - Warp 개발자 도구Build something people love.Get startedLearn more
현대 터미널. 다크 IDE 같은 인터페이스, 블록 기반 커맨드 UI.
디자인 시스템 보기 → - Webex 생산성 & SaaSBuild something people love.Get startedLearn more
협업 플랫폼. Momentum 서체, 블루 액션 시스템, 멀티 유저 액센트 스펙트럼.
디자인 시스템 보기 → - Webflow 디자인 & 크리에이티브Build something people love.Get startedLearn more
비주얼 웹 빌더. 블루 액센트, 세련된 마케팅 사이트 미학.
디자인 시스템 보기 → - WeChat Design System 소셜 & 메시징Build something people love.Get startedLearn more
WeChat 미니프로그램, 공식 계정, 오픈 에코시스템 확장을 위한 브랜드 비주얼 언어.
디자인 시스템 보기 → - WIRED 미디어 & 소비자Build something people love.Get startedLearn more
테크 매거진. 페이퍼화이트 브로드시트 밀도, 커스텀 세리프 디스플레이, 모노 킥커, 잉크 블루 링크.
디자인 시스템 보기 → - Wise 핀테크 & 암호화폐Build something people love.Get startedLearn more
국제 송금. 밝은 그린 액센트, 친근하고 명확함.
디자인 시스템 보기 → - xAI AI & LLMBuild something people love.Get startedLearn more
일론 머스크의 AI 연구소. 극적인 모노크롬, 미래지향적 미니멀리즘.
디자인 시스템 보기 → - Xiaohongshu 미디어 & 소비자Build something people love.Get startedLearn more
라이프스타일 UGC 소셜 플랫폼. 단일 브랜드 레드, 넉넉한 반경, 콘텐츠 우선.
디자인 시스템 보기 → - Zapier 생산성 & SaaSBuild something people love.Get startedLearn more
자동화 플랫폼. 따뜻한 오렌지, 친근한 일러스트 중심.
디자인 시스템 보기 →
일치하는 결과가 없습니다. 다른 키워드를 시도해보세요.
디자인 시스템이란?
디자인 시스템은 컬러 팔레트, 타이포그래피, 간격, 모션, 보이스 등 모든 화면을 일관되게 유지하는 재사용 가능한 브랜드 기반의 집합입니다. 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. - 01
시스템을 고르세요
위의 라이브러리를 둘러보고 아무 시스템이나 열어 전체 DESIGN.md를 읽어보세요. 팔레트, 타입, 모션, 보이스까지 모두 담겨 있습니다.
- 02
프로젝트에 넣으세요
DESIGN.md를 저장소 루트에 저장하세요. 순수 마크다운이라 빌드 단계도, 계정도, 내보내기도 필요 없습니다.
- 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에 재사용하세요.