Скачать

150 дизайн-систем..

Привязанные к бренду дизайн-системы, которые плагины могут принять через `od.craft.requires`. У каждой своя палитра, типографика, motion и тон; привяжи проект к системе — и любой вывод плагина наследует ту же идентичность.

Что такое дизайн-система?

Дизайн-система — это повторно используемый набор брендовых основ: цветовая палитра, типографика, отступы, анимация и голос, — который обеспечивает единообразие всех экранов. В Open Design каждая дизайн-система является плагином: подключите к проекту — и ваш coding-агент автоматически унаследует палитру, шрифты, анимацию и голос, и всё, что он генерирует, будет соответствовать бренду.

Каждая система — это файл DESIGN.md

Каждая дизайн-система здесь — это единый DESIGN.md: понятная и человеку, и agent-у markdown-спецификация, которая описывает визуальную тему бренда, роли цветов, типографическую шкалу и язык взаимодействия. Он лежит в вашем репозитории, версионируется в 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 в корень репозитория. Это обычный markdown — без шага сборки, без аккаунта, без экспорта.

  3. 03

    Укажите на неё своему agent-у

    Скажите Claude Code или Cursor следовать DESIGN.md — и каждый результат останется согласованным с брендом.

DESIGN.md — это открытый формат (Apache-2.0). Системы Open Design можно свободно читать, форкать и дополнять на GitHub.

Часто задаваемые вопросы

  • Что такое дизайн-система?

    Дизайн-система — это единый источник правды о визуальном языке бренда: палитра, типографика, отступы, анимация и тон, — чтобы каждый экран и ассет ощущались как один цельный продукт.

  • Что такое файл DESIGN.md?

    DESIGN.md — это открытый формат на основе markdown для описания дизайн-системы так, чтобы её могли прочитать и люди, и кодинг-agent-ы на базе AI. Он описывает роли цветов, типографическую шкалу и паттерны взаимодействия в виде обычного текста, который хранится в вашем репозитории.

  • Как использовать DESIGN.md с Claude Code или Cursor?

    Сохраните файл в корень проекта и скажите своему agent-у следовать ему. Open Design также может привязать проект к системе, чтобы каждый результат плагина автоматически наследовал ту же идентичность.

  • Эти дизайн-системы бесплатны?

    Да. Каждая система здесь — с открытым исходным кодом, её можно свободно читать, скачивать, форкать и дополнять. Сам Open Design распространяется под Apache-2.0 и ориентирован на локальную работу.

  • Сколько здесь дизайн-систем?

    150 и продолжает расти — от потребительских технологий до редакционных и экспериментальных стилей. Новые системы появляются регулярно, и вы можете добавить свою на GitHub.

  • Могу ли я создать собственный DESIGN.md?

    Да — напишите DESIGN.md вручную или позвольте Open Design сгенерировать его из эталонного сайта, а затем переиспользуйте во всех проектах и agent-ах.