المرحلة الأولى · بوابة الاعتماد

دليل التصميم

كل رمز تصميمي ومكوّن في هذه الصفحة يُقرأ مباشرة من القالب. بدّل اللغة من أداة الرأس، وبدّل نمط الألوان من الزر — تُعاد الصفحة في أي تركيبة تختارها، فما تعتمده هنا هو ما سيُنشر.

اللغة
ar
اتجاه الكتابة
RTL
الخط اللاتيني
IBM Plex Sans variable 100–700
الخط العربي
IBM Plex Sans Arabic 400 / 600 / 700

اللون

الذهبي المعتمد في الموقع يبلغ تباينه ٢٫٣١:١ على الأبيض، وهو لا يصلح للنصوص، لذا صار رمزًا للاستخدام الرسومي فقط، وله بديل آمن للنصوص. تُطبع قيم العيّنات بجافاسكربت من الخاصية المحسوبة فعليًا — فإن تغيّر الرمز تغيّرت هذه الصفحة معه.

الأسطح

  • Canvas --sn-canvas
  • Surface --sn-surface
  • Surface 2 --sn-surface-2
  • Overlay --sn-overlay

النص

  • Ink --sn-ink 18.04:1 on canvas
  • Ink secondary --sn-ink-2 AA body
  • Ink tertiary --sn-ink-3 AA large / UI

الهوية

  • Brand --sn-brand 12.27:1 on canvas
  • Brand fill --sn-brand-fill white on it: 6.71:1
  • Brand tint --sn-brand-tint
  • Accent (graphic only) --sn-accent-graphic never text on light

الخطوط والحالات

  • Line --sn-line
  • Line strong --sn-line-strong
  • Success --sn-success
  • Danger --sn-danger

الأشرطة

شريط محايد
شريط الهوية
شريط مميّز
شريط معكوس

الطباعة

يُضبط العربي أكبر بنسبة ٧٫٥٪ مع زيادة ٠٫١٤ في ارتفاع السطر، وبتباعد حرفي يساوي صفرًا تمامًا. يظهر الخطان جنبًا إلى جنب عند كل درجة ليُحكم على التطابق البصري بالنظر لا بالادعاء.

الدرجة لاتيني عربي القيمة المحسوبة
6xl Design that reads تصميم يمكن قراءته
5xl Design that reads تصميم يمكن قراءته
4xl Design that reads تصميم يمكن قراءته
3xl Design that reads تصميم يمكن قراءته
2xl Design that reads تصميم يمكن قراءته
xl Design that reads تصميم يمكن قراءته
lg Design that reads تصميم يمكن قراءته
md (body) Design that reads تصميم يمكن قراءته
sm Design that reads تصميم يمكن قراءته
xs Design that reads تصميم يمكن قراءته
2xs Design that reads تصميم يمكن قراءته

النص المتصل

Measure and rhythm

A designer's portfolio is read by people deciding whether to trust it with work. Body copy is capped near sixty-eight characters so the eye can find the next line without hunting, and the scale steps far enough between levels that hierarchy is obvious without bold everywhere.

القياس والإيقاع

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

التباعد

  • --sn-space-3xs
  • --sn-space-2xs
  • --sn-space-xs
  • --sn-space-sm
  • --sn-space-md
  • --sn-space-lg
  • --sn-space-xl
  • --sn-space-2xl
  • --sn-space-3xl
  • --sn-space-4xl

المكوّنات

الأزرار

إجراء رئيسي ثانوي

انتقل بمفتاح Tab إلى أي عنصر لترى مؤشّر التركيز المزدوج: الحلقة الواحدة بلون الهوية تختفي فوق زر معبّأ باللون نفسه، لذا تضمن الحلقة مع الهالة أن يحقّق أحدهما تباينًا لا يقل عن ٣:١.

مسار التصفح

الفاصل عنصر زائف في CSS، فلا يقرأه قارئ الشاشة ولا ينعكس بشكل خاطئ في الكتابة من اليمين إلى اليسار.

الوسوم وتصفح الصفحات

حقوق الإنسان سياسات حقوق الإنسان

حقل البحث

بطاقات المقالات

حقوق الإنسان

الزواج شراكة لا صفقة: دعوة لمراجعة مفهوم المهر

المهر فكرةٌ اجتماعية تشكّلت في عصورٍ قديمة داخل سياقاتٍ اقتصادية وثقافية مختلفة تماماً عمّا نعيشه اليوم. في تلك الأزمنة كانت المرأة، في كثير من المجتمعات، مُقيَّدة…

4 دقائق

حالات الفراغ والخطأ

لا يوجد شيء هنا بعد

لم تطابق أي مقالة بحثك. جرّب كلمات أخرى.