دليل الخط

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

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

المبادء العامة

اختيار نوع الخط

تضمن الخطوط المختارة بعناية سهولة القراءة والأداء ودعمًا سلسًا لكل من اللغة العربية والإنجليزية عبر جميع الأجهزة.

حجم الخط وتسلسله الهرمي

يحدد مقياس الطباعة الواضح التسلسل الهرمي للعناوين ونص المحتوى، مما يساعد المستخدمين على على استعراض المحتوى وفهمه بسهولة.

الخطوط والتصميم المتجاوب

تتكيف أحجام الخطوط والمسافات بينها مع مختلف الشاشات المختلفة للحفاظ على الوضوح والتوازن عبر جميع الأجهزة.

تباعد النص وسهولة القراءة

يساهم تناسق ارتفاع الأسطر والتباعد بينها في تحسين سهولة القراءة وتقليل الفوضى البصرية في المحتوى الطويل.

نوع النص	الوزن	حجم الخط	ارتفاع السطر	رمز التصميم
H1	Bold	60px	56px	text-6xl
H2	Semi-Bold	48px	56px	text-5xl
H3	Medium	36px	56px	text-4xl
H4	Regular	30px	36px	text-3xl
H5	Regular	24px	32px	text-2xl
H6	Regular	18px	28px	text-lg
Body 3XL	Regular	30px	56px	text-3xl
Body 2XL	Regular	24px	32px	text-2xl
Body XL	Regular	20px	28px	text-xl
Body LG	Regular	18px	26px	text-lg
Body Base	Regular	16px	24px	text-base
Body SM	Regular	14px	20px	text-sm
Body XS	Regular	12px	18px	text-xs
Body XXS	Regular	8px	16px	text-xxs