أنشئ مقياس طباعة معياري متناغم مع النسبة الذهبية والثالث الكبير ونسب كلاسيكية أخرى. عاين الأحجام بصريًا وانسخ CSS الكامل.
مقياس الطباعة عبارة عن مجموعة من أحجام الخطوط التي تتبع نسبة رياضية ثابتة. بدلاً من اختيار الأحجام بشكل عشوائي، يتم ضرب كل خطوة بنفس النسبة - مما يؤدي إلى إنشاء إيقاع بصري وتسلسل هرمي عبر العناوين والنص الأساسي والتسميات التوضيحية.
اختر الحجم الأساسي (16 بكسل هو الحجم الافتراضي للمتصفح ونقطة بداية ثابتة)، ثم اختر النسبة. النسب الأصغر مثل 1.125 تخلق مقاييس دقيقة وأنيقة للمواقع التحريرية؛ النسب الأكبر مثل 1.618 تخلق تباينًا كبيرًا لصفحات التسويق.
السلم الطباعي مجموعة ثابتة من أحجام الخطوط تتبع نسبة رياضية واحدة، بحيث ترتبط كل درجة بالتي تليها بنفس النسبة. بدلاً من اختيار الأحجام بالعين — 14، 17، 22، 31... — تختار حجماً أساسياً وتضربه (أو تقسمه) في النسبة مراراً: 16 × 1.25 = 20، ثم × 1.25 = 25، وهكذا. النتيجة تسلسل هرمي يبدو مقصوداً: العناوين والنص الأساسي والشروح والتسميات تبدو جميعها أعضاء في نظام التصميم نفسه، لا كومة أحجام عشوائية.
النسب الشائعة تتصرف بشكل مختلف. 1.125 و1.2 تصنعان درجات خفية وأنيقة — مثالية للواجهات الكثيفة النصوص. 1.25 و1.333 هما العمود الفقري للويب: تسلسل واضح بلا مبالغة، و1.333 هي بالمناسبة الرابعة الكاملة في الموسيقى الكلاسيكية. 1.5 تعطي قفزات جريئة لمواقع المحتوى. 1.618 — النسبة الذهبية — لافتة لكنها عدوانية: جميلة لعناوين العرض وصفحات التسويق، وغالباً أكثر من اللازم للقراءة الطويلة.
16 بكسل هو افتراضي المتصفح ونقطة البداية الصحيحة للنص الأساسي على سطح المكتب: يطابق راحة قراءة الكتب المطبوعة، ومقروء لمعظم المستخدمين، ويتوافق مع إرشادات الوصولية. واجهات الجوال يمكن أن تبدأ أصغر قليلاً (15 بكسل) أو تبقى عند 16. بمجرد تثبيت الأساس، يُشتق كل شيء آخر منه — العناوين بالضرب صعوداً، والشروح والتسميات بالقسمة نزولاً — فتغيير واحد للأساس يعيد ضبط التسلسل كله باتساق.
السلم أكثر من مجرد أحجام خطوط. يجب أن يزداد ارتفاع السطر كلما صغر النص: 1.5–1.6 للنص الأساسي، و1.2–1.4 للعناوين. للإيقاع العمودي، اضرب الحجم الأساسي في نسبة السلم لبناء درجات المسافات — إن كان سلمك 16/20/25/31، تصلح الأرقام نفسها كزيادات للهوامش والحشوات. عندما تتشارك أحجام الخطوط والمسافات نسبة واحدة، ينسجم كل عنصر مع شبكة خفية وتبدو الصفحة مؤلَّفة لا مركّبة.
يجب أن يتدرج النص بسلاسة بين الجوال وسطح المكتب. CSS الحديث يحل الأمر في سطر واحد: font-size: clamp(1rem, 0.7rem + 1.2vw, 1.75rem) — حد أدنى ووسط متدفق وحد أقصى. خذ الأدنى والأقصى من سلمك (مثلاً 16 إلى 28 بكسل) وحد المنفذ يتكفل بالباقي: العناوين تنكمش بأناقة على الهاتف وتكبر على الشاشة دون أي استعلام وسائط.
من اللازوردي إلى الفيروزي، تستمد الألوان الإسلامية من الزخارف الهندسية والفسيفساء والمخطوطات. لوحة غنية تجمع بين عمق الأصباغ الطبيعية وروحانية المساحات المقدسة.
لون حجر اللازورد المستخدم في الزخارف والمخطوطات
لون القيشاني الفارسي وقباب المساجد
أخضر الزمرد في الزخارف النباتية
ذهب التذهيب في المخطوطات والقباب
صبغة النيلة التقليدية في المنسوجات
الأحمر القاني في السجاد الشرقي
لون العاج في المنحوتات والأعمال اليدوية
الأزرق الداكن في الأزياء التقليدية
لون أزهار البنفسج في الحدائق الأندلسية
لون رمال الصحراء والعمارة الطينية