الابتدائي
تشكل مجموعتنا الأساسية الجزء الأكبر من إبداعنا ويجب أن تمثل أقوى الألوان في أي قطعة.
الألوان
إن مجموعة الألوان التي نستخدمها متجذرة في تاريخنا وأساس مظهرنا. يمكن استخدامها لإبراز حضور جريء وواثق أو لنقل خبرة واضحة.
تم تنظيم مجموعة الألوان الخاصة بنا لدعم مجموعة واسعة من السيناريوهات والوسائط المرئية مع تحقيق تناسق واضح. يجب تجنب الصبغات أو التدرجات الشفافة أو القيم المعتمة في الباليت. بدلاً من ذلك التزم بالدرجات المحددة.
الظلال
من أجل المرونة تتوفر لوحات الألوان الرئيسية الثلاثة بقيم ظلال مختلفة. لا تلون أو تضيف شفافية واستخدم الظلال كما هي.
أبيض وأسود
أسود
أسود 100
HEX#000000
CMYK60 50 40 100
أبيض
أبيض 100
HEX#FFFFFF
CMYK0 0 0 0
ظلال محايدة
محايد 1200
HEX#0C121D
CMYK100 79 44 93
محايد 1100
HEX#141B27
CMYK88 76 30 82
محايد 1000
HEX#172234
CMYK95 72 15 67
محايد 900
HEX#24324B
CMYK95 74 7 44
محايد 800
HEX#344565
CMYK78 58 6 32
Neutral 700
HEX#475B81
CMYK60 40 5 20
محايد 600
HEX#607497
CMYK43 25 3 8
محايد 500
HEX#A9B2C4
CMYK34 17 2 7
محايد 400
HEX#C7CCD5
CMYK24 12 2 6
محايد 300
HEX#DEE0E4
CMYK14 7 3 5
محايد 200
HEX#EBECEE
CMYK4 2 3 4
محايد 100
HEX#F8F9F9
CMYK2 1 2 2
ظلال زرقاء
P
منتصف الليل
أزرق 1200
HEX#050F22
CMYK100 80 0 90
أزرق 1100
HEX#091B3B
CMYK100 79 12 70
P
أزرق بحري
أزرق 1000
HEX#0D2654
CMYK100 79 12 59
أزرق 900
HEX#123D8B
CMYK100 75 2 18
أزرق 800
HEX#1854C3
CMYK100 75 0 0
P
أزرق
أزرق 700
HEX#1D6BFC
CMYK90 48 0 0
أزرق 600
HEX#357BFC
CMYK88 40 0 0
أزرق 500
HEX#5690FD
CMYK87 30 0 0
أزرق 400
HEX#77A6FD
CMYK85 21 0 0
أزرق 300
HEX#A5C4FE
CMYK60 6 0 0
أزرق 200
HEX#C6DAFE
CMYK34 3 0 0
أزرق 100
HEX#E8F0FF
CMYK7 1 0 0
اللكنات
ولإبراز البليت الأساسي لدينا أيضًا مجموعة من البليتات الكهربائية لتوصيل الحركة وجذب الانتباه إلى مناطق معينة. يجب عدم استخدام الألوان اللكنة كألوان كبيرة من الألوان ويجب أن تشكل أقل من 5% من التصميم.
تيل التكنولوجيا
أزرق مخضر 1200
HEX#001D1E
CMYK100 41 35 87
أزرق مخضر 1100
HEX#013E42
CMYK100 21 28 76
أزرق مخضر 1000
HEX#016065
CMYK100 16 24 60
أزرق مخضر 900
HEX#018288
CMYK100 12 21 44
أزرق مخضر 800
HEX#02A3AC
CMYK100 10 29 20
تيال 700
HEX#02C5CF
CMYK98 0 28 4
P
أزرق مخضر
تيال 600
HEX#02E9F5
CMYK74 0 13 0
أزرق مخضر 500
HEX#28F2FD
CMYK62 0 8 0
أزرق مخضر 400
HEX#58F5FD
CMYK48 0 9 0
أزرق مخضر 300
HEX#88F8FE
CMYK36 0 9 0
أزرق مخضر 200
HEX#B8FBFE
CMYK23 0 1 0
أزرق مخضر 100
HEX#E8FEFF
CMYK10 2 0 0
السلامة الخضراء
أخضر 1200
HEX#002318
CMYK93 33 68 85
أخضر 1100
HEX#004832
CMYK94 28 74 73
أخضر 1000
HEX#006C4C
CMYK89 19 72 60
أخضر 900
HEX#009165
CMYK90 14 62 43
أخضر 800
HEX#00B67F
CMYK100 5 65 26
أخضر 700
HEX#00DA99
CMYK99 0 69 0
P
أخضر
أخضر 600
HEX#00FFB2
CMYK66 0 48 0
Green 500
HEX#2DFFC0
CMYK55 0 38 0
أخضر 400
HEX#59FFCD
CMYK43 0 28 0
أخضر 300
HEX#86FFDB
CMYK33 0 18 0
أخضر 200
HEX#B3FFE8
CMYK20 0 14 0
أخضر 100
HEX#DFFFF5
CMYK17 0 12 0
أحمر خطر
أحمر 1200
HEX#290009
CMYK42 69 37 85
أحمر 1100
HEX#530013
CMYK30 85 59 70
أحمر 1000
HEX#7E001D
CMYK9 100 64 48
أحمر 900
HEX#A90027
CMYK7 100 68 32
أحمر 800
HEX#D40031
CMYK3 100 70 12
P
أحمر
أحمر 700
HEX#FF003D
CMYK0 100 72 0
أحمر 600
HEX#FF254A
CMYK0 94 64 0
أحمر 500
HEX#FF495E
CMYK0 76 54 0
أحمر 400
HEX#FF6E75
CMYK0 54 38 0
أحمر 300
HEX#FF9392
CMYK0 42 18 0
أحمر 200
HEX#FFBAB7
CMYK0 23 6 0
أحمر 100
HEX#FFDFDB
CMYK0 14 5 1
تحذير برتقالي
برتقالي 1200
HEX#2B0C00
CMYK32 72 99 81
برتقالي 1100
HEX#551A00
CMYK15 67 100 65
برتقالي 1000
HEX#802B00
CMYK10 72 100 46
برتقالي 900
HEX#AA3E00
CMYK6 71 100 32
برتقالي 800
HEX#D55300
CMYK2 77 100 9
P
برتقالي
برتقالي 700
HEX#FF6B00
CMYK0 70 100 0
برتقالي 600
HEX#FF8025
CMYK0 59 80 0
برتقالي 500
HEX#FF954A
CMYK0 46 70 0
برتقالي 400
HEX#FFAB6F
CMYK0 33 57 0
برتقالي 300
HEX#FFC094
CMYK0 27 40 0
برتقالي 200
HEX#FFD6B9
CMYK0 16 32 0
برتقالي 100
HEX#FFEBDE
CMYK0 8 16 0
الحذر الأصفر
أصفر 1200
HEX#251E00
CMYK39 43 80 91
أصفر 1100
HEX#493C00
CMYK23 38 89 70
أصفر 1000
HEX#6D5A00
CMYK19 37 100 59
أصفر 900
HEX#927800
CMYK10 23 100 43
أصفر 800
HEX#B69700
CMYK8 21 100 28
أصفر 700
HEX#DBB600
CMYK2 22 100 8
P
أصفر
أصفر 600
HEX#FFD600
CMYK0 11 97 2
أصفر 500
HEX#FFDC2B
CMYK0 8 86 0
أصفر 400
HEX#FFE355
CMYK0 7 75 0
أصفر 300
HEX#FFEA80
CMYK0 4 62 0
أصفر 200
HEX#FFF1AA
CMYK0 3 43 0
أصفر 100
HEX#FFF8D5
CMYK0 4 27 0
التعليم البنفسجي
أرجواني 1200
HEX#170618
CMYK100 100 10 79
أرجواني 1100
HEX#290B2C
CMYK91 100 8 59
P
أكاديمية
بوربل 1000
HEX#3E1142
CMYK85 100 6 38
أرجواني 900
HEX#5E1A64
CMYK75 100 8 26
أرجواني 800
HEX#7F2387
CMYK67 95 4 16
P
أرجواني
أرجواني 700
HEX#9F2CAA
CMYK58 90 0 0
أرجواني 600
HEX#BF36CB
CMYK51 79 0 0
أرجواني 500
HEX#CA59D4
CMYK36 60 0 0
أرجواني 400
HEX#D57CDD
CMYK27 52 0 0
أرجواني 300
HEX#E09FE6
CMYK26 37 0 0
أرجواني 200
HEX#ECC2EF
CMYK17 20 0 1
أرجواني 100
HEX#F7E5F8
CMYK3 6 0 2
الاستخدام والسياق
يعد الاختيار الدقيق للألوان وسياقها أمرًا محوريًا في تشكيل السرد الإبداعي وإثارة المشاعر وضمان التناغم البصري عبر عناصر التصميم. استخدم لون الكتابة لخلق تجربة قراءة مريحة واستخدم اللون لاستحضار الحركة. لا تستخدم أبداً لون الحركة كعنوان رئيسي. احتفظ باللون الأزرق للحركة والروابط وتجنب استخدامه للكتابة الثابتة. تأكد من مراجعة إرشادات إمكانية الوصول لمعرفة متطلبات تباين الكتابة المناسبة.
النص
الرسومات
التدرجات
تضيف التدرجات إحساسًا بالعمق وتساعد على توصيل الطبقات داخل التركيب. يمكن استخدامها أيضًا لتدرج الألوان وتظليل مناطق الطباعة. استخدم الألوان المتدرجة كطريقة لجذب عين المشاهد في اتجاه ما من خلال المحتوى.
عند إنشاء التدرجات اللونية حاول الحفاظ على التأثير خفيًا واستخدم منصة نقالة بطريقة التخطي بخطوة عن طريق تخطي خطوة لونية في مجموعة لونية لتحديدها. يمكن أن يكون مزج مجموعات الألوان طريقة لإضفاء لون ديناميكي على القطعة. تجنب استخدام تدرجات لونية ثقيلة كمسحات لونية كبيرة على القطعة.
حجب الألوان
النص
كهربائي
لإنشاء تأثيرنا الكهربائي، استخدم الإرشادات أدناه لضمان الحصول على مظهر متناسق عبر التجارب المختلفة.
استخدم ظلال مجموعة الألوان وقم ببناء مجموعة الأيقونات الخاصة بك كما هو موضح أدناه. يمكن استخدام تقنيات مماثلة للأشكال التوضيحية الأخرى، مثل الخطوط أو الحدود. سيحتاج حجم التوهج والضوء الموضعي والتعتيم إلى القياس مع الرسم أو النص لجعل التأثير دقيقًا ونظيفًا.
بالنسبة للكتابة ، يمكن استخدام نفس تركيبات الألوان ولكن انتبه جيدًا لإمكانية الوصول. تجنب استخدام التقنية على الخط الكبير أو الخط الغامق أو الخط الصغير. اضبط الأضواء الكاشفة الاختيارية لتناسب كتلة النص.
المواصفات الموضحة هي لفيجما. يجب إجراء تعديلات لمطابقتها بصرياً في تطبيقاتنا.
الصيغة
الاختلافات
نوع
إمكانية الوصول
الابتدائي
لضمان حصول العملاء من العملاء تجربة متسقة، نسعى دائمًا إلى أن نبقى متاحين قدر الإمكان. إحدى الطرق التي يمكننا من خلالها تحقيق ذلك هي الالتزام بإرشادات WCAG 2.1 الخاصة بنسب التباين للنصوص.
سترى أدناه الاختبار الكامل لألواننا المستخدمة مع خطنا بخط 16 نقطة للألوان المقبولة لحجب النص. إذا تم وضع علامة "تحذير" عليها فهذا يعني أنها تفي بمعايير AA فقط ويجب استخدامها فقط للنصوص الكبيرة أو ذات الوزن الغامق.
الإجراء
لون OPSWAT الأزرق هو لون CTA الرئيسي لدينا، وينبغي الانتباه بشكل خاص عند وضعه فوق كتل الألوان الأساسية لدينا.
اللكنات
عند استخدام الحالة واللكنات الخاصة بنا كن أكثر حرصاً على إمكانية الوصول. إذا ظهر لون الخط والحجب أدناه فلا يوصى باستخدامه.
الأكاديمية
عند استخدام أكاديميتنا البنفسجي كن أكثر حرصاً على سهولة الوصول. إذا ظهر لون الخط والحجب أدناه فلا يُنصح باستخدامه.
