الألوان
الكحلي العميق هو الأساس والأخضر اللون الثانوي والأصفر المضيء لون التمييز. حافظ على تباين النص في كل مساحة.
الألوان
كحلي
#242139أخضر
#64D990أصفر
#FFE600أبيض
#FFFFFFالكحلي #242139 · الأخضر #64D990 · الأصفر #FFE600. يدعم الأبيض النظام، و#F3F4F6 لون محايد هادئ.
في التطبيق
تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
استخدم الأخضر للخلفية والكحلي للنص والتوقيع.
01 / 03تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
التالي: شكّل الدرس
الأبيض سطح هادئ لمحتوى التعلّم. ينظم اللون الواجهة دون منافسة القراءة.
استخدم الكحلي للافتتاح والأبيض للرسالة. أبقِ الأشكال الداعمة بسيطة.
طبّق لوحة الألوان
تصبح الأفكار مفيدة عندما تترابط.
حوّل فكرة واضحة إلى مسار تعلّم. امنح الخطوة التالية مساحة لتصبح مفيدة.
يجتاز النص العادي 4.5:1 · يجتاز النص الكبير 3:1
يحتاج النص العادي 4.5:1 على الأقل. يحتاج النص الكبير (24 بكسل عادي أو نحو 18.7 بكسل عريض) 3:1. قيّم النسبة دون تقريب. لا تُعد هذه الفحوص تدقيقًا شاملًا للإتاحة.
WCAG 2.2 · 1.4.3القواعد والمصدر
لوحة ألوان معتمدة
الكحلي #242139 · الأخضر #64D990 · الأصفر #FFE600. يدعم الأبيض النظام، و#F3F4F6 لون محايد هادئ.
اختر التباين أولًا
يعمل النص الكحلي على الأبيض والأخضر والأصفر، والأبيض على الكحلي. يجب أن تبقى الهوية واضحة بلون واحد. تجنّب النص الأبيض على الأسطح المضيئة.
افعل
استخدم مساحة لونية مهيمنة ولون تمييز محدودًا. حافظ على نظافة أسطح القراءة.
لا تفعل
لا تضف ألوانًا غير معتمدة أو تجعل اللون الإشارة الوحيدة.
افتح مصدر Figma القابل للتحريرصفحات المصدر 10, 14, 19, 31