Thanks to visit codestin.com
Credit goes to open-design.ai

150 نظام تصميم..

أنظمة تصميم مرتبطة بالهوية يمكن للإضافات تبنّيها عبر `od.craft.requires`. لكل واحد لوحة، تيبوغرافيا، حركة وصوت خاصة؛ اربط مشروعا بنظام وكل مخرجات إضافة ترث نفس الهوية.

ما هو نظام التصميم؟

نظام التصميم هو مجموعة قابلة لإعادة الاستخدام من أسس العلامة التجارية — لوحة الألوان والطباعة والتباعد والحركة والأسلوب — تحافظ على اتساق كل شاشة. في Open Design، كل نظام تصميم هو إضافة: اربط مشروعًا به وسيرث وكيل الترميز لديك تلقائيًا لوحة الألوان والطباعة والحركة والأسلوب، ليبقى كل ما يُنشئه متوافقًا مع هوية العلامة التجارية.

كل نظام هو ملف DESIGN.md

كل نظام تصميم هنا هو ملف DESIGN.md واحد — مواصفات بصيغة markdown قابلة للقراءة من البشر والـ agent، تلتقط الطابع البصري للعلامة وأدوار الألوان ومقياس الخطوط ولغة التفاعل. يقيم في مستودعك، ويُدار إصداره عبر git، ويرافق مشروعك أينما ذهب.

وجّه Claude Code أو Cursor أو أي coding 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 لوصف نظام التصميم بطريقة يقرؤها البشر وعملاء الـ AI البرمجيون معًا. تلتقط أدوار الألوان ومقياس الخطوط وأنماط التفاعل كنص عادي تحتفظ به في مستودعك.

  • كيف أستخدم ملف DESIGN.md مع Claude Code أو Cursor؟

    احفظ الملف في جذر مشروعك واطلب من الـ agent اتّباعه. يمكن لـ Open Design أيضًا ربط مشروع بنظام بحيث يرث كل ناتج plugin الهوية ذاتها تلقائيًا.

  • هل أنظمة التصميم هذه مجانية؟

    نعم. كل نظام هنا مفتوح المصدر ومتاح للقراءة والتنزيل والاشتقاق والمساهمة فيه مجانًا. وOpen Design نفسها بترخيص Apache-2.0 ومحلية أولاً.

  • كم عدد أنظمة التصميم الموجودة؟

    150 وفي تزايد، تغطي أساليب تقنيات المستهلك والتحرير والتجريب. تصل أنظمة جديدة بانتظام، ويمكنك المساهمة بنظامك الخاص على GitHub.

  • هل يمكنني إنشاء ملف DESIGN.md خاص بي؟

    نعم — اكتب ملف DESIGN.md يدويًا، أو دع Open Design يولّد واحدًا من موقع مرجعي، ثم أعد استخدامه عبر كل مشروع وكل agent.