دليل الهوية البصرية

أربعة مبادئ

اشتُقّت سبعة عوالم من الأردن ومن الهندسة الخاضعة للتنظيم قبل رسم أي شيء، كل واحد منها نظام قادر على حمل الموقع كاملاً لا مجرد أجواء تُستعار. لوحة المسح كانت الرابع. وفازت بأمرين: أنها أردنية على وجه التحديد، وأن قواعدها تنطبق على المحتوى دون تكلّف.

الأحجام والعكوس

• لا تُعِد تلوينها أبداً. الأحمران المعتمدان فقط. لا اللون المميّز، ولا لون مجموعة، ولا الأسود.

• لا تمطّها أبداً. قِس المحورين معاً. شبكة 300 × 300 ثابتة.

• لا تُدرها أبداً. تقف قائمة على اللوحة، كبقية ما في النظام.

• لا تُضف مؤثرات أبداً. لا ظل، ولا توهّج، ولا بروز، ولا تعبئة متدرجة.

• لا تُحيطها بإطار أبداً. لا حاوية مستديرة، ولا شارة دائرية، ولا إطار حدّي.

• لا تُزاحمها أبداً. احترم المساحة الفاصلة، بما في ذلك عند حافة الشاشة.

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

النسب وفق WCAG 2.1، محسوبة من ملف المصدر لا مكتوبة يدوياً. الأرقام المميّزة تتجاوز 4.5:1 ويمكنها حمل النص الجاري على تلك الأرضية.

النِسب

معظم أي صفحة ورق. اللون المميّز هو أصغر مساحة على اللوحة، لأنه يشير إلى الموضع والإجراء، واللون المستخدم في كل مكان لا يشير إلى شيء.

• ورق اللوحة 64%الأرضية. معظم أي صفحة ورق.
• الحبر 22%العناوين والخطوط الفاصلة والبنية.
• النص 9%النص الجاري.
• حبر المسار 5%اللون المميّز. يُستخدم بحساب وإلا توقّف عن الإشارة إلى شيء.

التبديل بين النهار والليل

أحمر الشماغ يقيس 1.68:1 على السوسنة السوداء، ورمال وادي رم تقيس 1.79:1 على ملح الأردن. ولا واحد منهما يصمد على الأرضية الأخرى، لذا يغيّر اللون المميّز لونه بين السمتين بدل أن يغيّر سطوعه. العلامة هي الاستثناء الوحيد: تبقى حمراء في الحالتين، على زوج رموز خاص بها.

المقياس

متقاعد: IBM Plex Sans. كان يحمل العرض والقراءة معاً، وقد اختفى من البناء تماماً. خط جيد وهو الخطأ هنا: إنه ما يلجأ إليه كل موقع تقني، فلا يمكنه حمل هوية تحاول ألا تبدو كأي موقع تقني.

الإجراء الأساسي

.btn-cta

واحد في كل صفحة، ولا اثنان في صف واحد أبداً. حبر مسار معبّأ، وعنوان أحادي المسافة متباعد، وظل مزاح بمقدار 3 بكسل ينهار عند الضغط بينما تتحرك الكتلة لتلاقيه.

الإجراء الثانوي

.btn-ghost

خط حدّي في وضع السكون، وتبديل لوني كامل إلى حبر المسار عند المرور. لا ارتفاع ولا توهّج.

شريحة التنقل

.chip-link

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

استدارة الزوايا

.--radius-*

صفر عند كل درجة. أي عنصر تحكّم مستدير في أي مكان على الموقع دليل على نسخة خاصة يجب حذفها.

الارتفاع

.--shadow-*

إزاحات صلبة، لا ضبابية أبداً. العمق كتلة تقف فوق الورق، لا توهّج ناعم تحتها.

• اذكر القياس. «جاهزية أمنية 96%» بدل «ممارسات أمنية قوية».
• سمِّ الفاعل. «المترجم يتحقق من الاستعلامات»، لا «تُفحص الاستعلامات».
• لا صفة تؤدي عمل رقم. احذف «متين» و«سلس» و«رائد». إن تعذّر التحقق منه فليس ادعاءً.
• العناوين بصيغة الجملة. اللوحة تسمّي الأشياء ولا تعلن عنها.
• اعترف بما لم يكتمل. صفحة تسرد ما لم ينتهِ أكثر مصداقية من صفحة توحي بأن كل شيء انتهى.