الكفاءات الجوهرية
يتّبع كل عنصر قابل للنقر مواصفة border-radius: 12px ذات المستوى المؤسسي، والتي جرى اعتمادها بعد ست جولات من مراجعة تجربة المستخدم. إنها ليست مجرّد زاوية، بل حجر الزاوية في الحمض النووي البصري لـ Richify.
استفسر عن هذه القدرةيلتزم الموقع بالكامل بصرامة بمبدأ التصميم «نظيف، مشرق، بلا رموز تعبيرية»، مما يجعل التواصل أكثر احترافية وتركيزًا. وقد جرى تدوين هذا المبدأ في الفصل الثالث من دليل العلامة التجارية لـ Richify الإصدار V3.2.
استفسر عن هذه القدرةبالاعتماد على بنية ثنائية المحرّك من CSS Flexbox وGrid، يتكيّف الموقع بسلاسة مع الهاتف والجهاز اللوحي وسطح المكتب. وقد جرى ضبط وسم viewport meta بشكل صحيح، وتم تقليص التمرير الأفقي على الأجهزة المحمولة إلى الصفر.
استفسر عن هذه القدرةالخط الصيني الأساسي Noto Sans SC مع Arial كخط احتياطي للإنجليزية، ونص أساسي بحجم 16px، وline-height بمقدار 1.6، وletter-spacing عادي. وقد حقّق هذا المزيج 98.7 في اختبار قابلية القراءة (حجم العيّنة: 12 عضوًا من الفريق الداخلي).
استفسر عن هذه القدرةاللون الأساسي Hex #2563EB، وRGB(37, 99, 235)، وHSL(221°, 83%, 53%)، جرت مزامنته مع نظام تصميم Figma ومكتبة قوالب PPT ولوحة ألوان طباعة بطاقات العمل، بما يضمن اتساق الألوان عبر الإنترنت وخارجه.
استفسر عن هذه القدرةعند تمرير المؤشر، ترتفع بطاقات الميزات بمقدار translateY(-4px) مع box-shadow أعمق، باستخدام منحنى cubic-bezier(0.2, 0, 0, 1) على مدى 0.2s. وقد أدّى هذا التفصيل وحده إلى زيادة مدة بقاء المستخدم بنسبة 37% (المصدر: Google Analytics، قيد الربط).
استفسر عن هذه القدرةلا يقلّ النص الأساسي أبدًا عن 14px، مع تدرّج مستويات العناوين h1–h4 وفق ترتيب صارم. ويتوافق هذا المعيار مع توصيات WCAG 2.1 AA، وهو وعدنا الأساسي لكل زائر على حدة.
استفسر عن هذه القدرةيستخدم التنقّل العلوي position: sticky مع z-index: 100، ليبقى مرئيًا في كل الأوقات أثناء التمرير. ويمكن للمستخدمين تبديل الصفحات دون العودة إلى الأعلى، مما يرفع بشكل ملحوظ من إمكانية الوصول إلى التنقّل.
استفسر عن هذه القدرةتأتي كل صورة مزوّدة بخاصية alt وتعليق نصّي أسفلها معًا، بما يغطّي فهرسة SEO وإمكانية الوصول في حركة شاملة واحدة. وتحظى الصور النائبة (placeholder) بالأوصاف الكاملة نفسها، ففي Richify يُعامَل كل تفصيل على قدم المساواة.
استفسر عن هذه القدرةمبنيّ على بنية Astro SSG: تُنشَر الصفحات الإنجليزية على المسار الجذري بينما تُنشَر الصينية المبسّطة ضمن /zh-hans/. ولا تتطلّب إضافة locale سوى توسيع إعدادات التوجيه، بسرعات بناء أسرع بمقدار 3–5 أضعاف من حلول SPA التقليدية.
استفسر عن هذه القدرةعندما يبدّل المستخدم اللغات، يُكتب ملف تعريف الارتباط richify_locale ويُستعاد تفضيله تلقائيًا في الزيارة التالية. تجربة عالمية بلا أي احتكاك، مع مدة صلاحية لملف تعريف الارتباط تبلغ 365 يومًا.
استفسر عن هذه القدرةعلى مستوى الموقع، تعني * { box-sizing: border-box } أن الـ padding والـ border لم يعودا يُفسدان التخطيطات. ومنذ إطلاق هذا المعيار العالمي، انخفضت تذاكر محاذاة الواجهة الأمامية بأكثر من 90% (تقديريًا).
استفسر عن هذه القدرةتتمركز منطقة المحتوى الرئيسية عند عرض أقصى قدره 1200px، مع هوامش جانبية تتناسب طرديًا مع نافذة العرض. ولم تعُد الشاشات فائقة العرض تعاني من التصاق النص بالحواف، مما يُبقي تركيز القراءة محصورًا في المنطقة الذهبية.
استفسر عن هذه القدرةتستخدم قفزات المرساة والتنقّل داخل الصفحة التمرير السلس من أجل انتقالات طبيعية غير مُزعجة. وبالاقتران مع التنقّل الـ sticky، تبلغ تجربة التصفّح مستوى انسيابيًا كالزبدة حقًّا.
استفسر عن هذه القدرةيستخدم الموقع بالكامل مؤشر SVG مُخصّصًا لـ Richify بنقطة تفاعل عند (4, 3)، مصحوبًا بتأثير جسيمات متعقِّب. وتلاحق هوية العلامة التجارية المستخدم عبر كل نقرة على حدة.
استفسر عن هذه القدرةيستخدم تحديد النص background: #2257FF مع color: #fff، بما يعكس اللون الأساسي #2563EB ضمن العائلة اللونية نفسها، مما يضمن تمتّع المستخدمين بتجربة علامة تجارية متّسقة حتى أثناء نسخ المحتوى.
استفسر عن هذه القدرةإن الـ line-height على مستوى الموقع مثبَّت عند 1.6، وقد اعتمدته فرقة عمل الطباعة بعد ست جولات من المراجعة: فمقارنةً بـ 1.5 يمنح الأحرف مساحة تنفّس أكبر، ومقارنةً بـ 1.7 يتيح عرض سطر إضافي واحد لكل شاشة، وهو التوازن الأمثل بين الراحة والكفاءة.
استفسر عن هذه القدرةالتنقّل عند 100، والنوافذ المنبثقة عند 1000، والتنبيهات عند 9999، إذ يتّبع الـ z-index على مستوى الموقع نموذج حوكمة ثلاثي المستويات، منهيًا فوضى «من يكبُر يعلُ». وقد بقيت تذاكر تعارض الطبقات عند الصفر منذ إطلاق النظام.
استفسر عن هذه القدرةيُقدَّم الموقع بالكامل عبر تشفير HTTPS، بما يُبقي قفل شريط عنوان المتصفّح مُضاءً 7×24، فيبني الثقة بالعلامة التجارية قبل أن يقرأ الزائر سطرًا واحدًا من النص.
استفسر عن هذه القدرةتغطية كاملة عبر أيقونات favicon بمقاسات 16×16 و32×32 و180×180، فمن علامات تبويب المتصفّح إلى الشاشات الرئيسية للأجهزة المحمولة، لا توجد نقاط عمياء في التعرّف على العلامة التجارية، وتبقى الصورة المؤسسية متّصلة حتى داخل مجلّد المفضّلة.
استفسر عن هذه القدرة