دليل الأسلوب

يقدم دليل الأسلوب هذا نظرة عامة شاملة على نظام التصميم المرئي لموقع مؤسسة سرطان الخصية، مع التركيز على الألوان والخطوط.

لوحة الألوان

تعد لوحة الألوان عنصراً أساسياً في هوية العلامة التجارية، حيث تخلق مظهراً ومظهرًا متسقين وسهل التعرف عليهما. وتتألف اللوحة من الألوان الأساسية والثانوية والألوان التكميلية التي تُستخدم بشكل استراتيجي في جميع أنحاء الموقع الإلكتروني.

الألوان الأساسية

الألوان الأساسية هي الألوان الأكثر استخدامًا في التصميم، وهي تمثل جوهر هوية العلامة التجارية.

الأزرق السماوي/الفيروزي الأساسي

HEX #00B4DB
RGB rgb(0, 180, 216)

اللون الرئيسي للعلامة التجارية، ويُستخدم في الخلفيات والأزرار والعناصر المرئية الرئيسية.

أسود

HEX #000000
RGB rgb(0, 0, 0)

نص المقال، والعناوين على خلفيات فاتحة، وتذييل الموقع.

أبيض

HEX #FFFFFF
RGB rgb(255, 255, 255)

نص أساسي على خلفيات داكنة، وخلفيات لأقسام المحتوى.

الألوان الثانوية والألوان التكميلية

تُستخدم الألوان الثانوية وألوان التمييز لتكملة الألوان الأساسية ولجذب الانتباه إلى عناصر محددة، مثل الأزرار والروابط والأقسام المعلوماتية.

أزرق داكن

HEX #0F172A
RGB rgb(15, 23, 42)

خلفيات لبطاقات الإحصائيات والأقسام الأخرى المميزة.

رمادي أردوازي

سداسي عشري #64748B
RGB rgb(100, 116, 139)

الأزرار الثانوية وعناصر واجهة المستخدم.

رمادي فاتح

HEX #F1F5F9
RGB rgb(241, 245, 249)

خلفيات للبطاقات ووحدات المحتوى لخلق فصل بصري.

رمادي متوسط

HEX #C1C1C1
RGB rgb(193, 193, 193)

الحدود وعناصر واجهة المستخدم الدقيقة.

أبيض مائل للرمادي

HEX #EBEEF0
RGB rgb(235, 238, 240)

تغيرات طفيفة في الخلفية.

الطباعة

يستخدم الموقع مزيجًا من الخط ذي الحواف للعناوين والخط بدون حواف للنص الأساسي، مما يخلق تسلسلًا هرميًا واضحًا ومقروءًا في التصميم الطباعي.

DM Serif Display

الخطوط ذات الحواف • العناوين

أ أ ب ب ج ج
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

إنتر

خط بلا حواف • نص أساسي

أ أ ب ب ج ج
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

المقياس الطباعي

توضح الأمثلة التالية أحجام الخطوط وسمكها بالنسبة لمختلف عناصر النص على الموقع الإلكتروني.

العنوان 1 (H1)
الخط DM Serif Display
الحجم 62 بكسل
الوزن 400

مكافحة سرطان الخصية من خلال الكشف المبكر

العنوان 2 (H2)
الخط DM Serif Display
الحجم 40 بكسل - 48 بكسل
الوزن 400 - 800

مهمتنا: إنقاذ الأرواح من خلال التعليم

العنوان 3 (H3)
الخط DM Serif Display
الحجم 28 بكسل
الوزن 400

تعرف على كيفية إجراء الفحص الذاتي للخصيتين

نص الجسم (P)
الخط Inter
الحجم 17.5 بكسل
الوزن 400

تأسست مؤسسة سرطان الخصية في عام 2009، وهي منظمة غير ربحية خاضعة للمادة 501(c)(3) من قانون الضرائب الأمريكي، وتعد المنظمة الوحيدة في البلاد التي تعمل بدوام كامل في مجال سرطان الخصية. نحن فريق يضم ناجين ومقدمي رعاية ومدافعين عن القضية، نكرس جهودنا لتعزيز التثقيف والتوعية.

خط الأزرار
الخط Inter
الحجم 0.9rem
الوزن 600
تباعد الأحرف 0.07em
تحويل أحرف كبيرة
ارتفاع السطر 1.8em