توثيق المشروع

لوني

لوني معمول عشان يحل مشكلة سخيفة بس بتستهلك وقت بشكل غبي: اختيار الألوان.

بدل ما تفضل تلف بين مواقع وتجرّب وتبوظ وترجع تاني، هنا انت بتحدد:

• لون أساسي
• لون أكسنت
• لون محايد

وهو بيكمل عليك الباقي:

• درجات جاهزة (فاتح وغامق)
• لون مُكمّل (عكس اللون عالدائرة)
• توازن يخلي الشكل شكله “متصمّم” مش مرمي وخلاص

تقدر تعمل إيه؟

• تغيّر الألوان بسهولة وتشوفها على نماذج جاهزة (landing / dashboard / chat / store) عشان تحسها بجد مش نظري
• تضرب random بس بشكل ذكي (مودرن، ريترو… مش أي عبث)
• تخلي كل حاجة تمشي حوالين لون معين لو عايز consistency
• تقفل لون معين عشان مايتلعبش فيه
• تصدّر على طول: CSS variables، SCSS، SVG، Tailwind v4 (@theme) أو لينك تبعته لأي حد يفتح نفس الشغل

يعني إيه لون “مُكمّل”؟

ببساطة كده: لون عكس لونك على عجلة الألوان.

ليه مهم؟

عشان بيديك contrast نظيف من غير ما تبقى بتخبط ألوان عشوائي. هتلاقيه جاهز في التصدير تحت --derived-* تستخدمه في badges أو highlights وانت مطمن.

المشاركة

تقدر تاخد لينك فيه كل الألوان بتاعتك وترجعه في أي وقت، أو تبعته لحد في التيم بدل ما تقعد تشرحله “الأزرق ده كان عامل إزاي”.

مين ورا الكلام ده؟

أنا زياد عوض الله
@zeyadawdallah في كل حتة تقريبًا

لو عندك رأي، فكرة، شتيمة حتى — كله مرحّب بيه. المهم يبقى حقيقي.