شرح صفوف ومحتوى الفقرة
عندما تصمم واجهة ترحيبية رئيسية أو تعرض رقماً إحصائياً بارزاً في لوحة تحكم، قد تبدو العناوين التقليدية ثقيلة الوزن أو أصغر من المساحة المتاحة. هنا تبرز عائلة العناوين الكبرى من .display-1 حتى .display-6 المصممة بحجم أكبر ووزن خط رشيق font-weight: 300 يمنح الواجهة فخامة بصرية عالية.
ترتبط هذه الكلاسات أيضاً بمحرك التحجيم المتجاوب تلقائياً؛ حيث يبلغ .display-1 حجم 5rem على الشاشات الكبيرة بينما يتدرج .display-6 إلى 2.5rem ليلائم العناوين الفرعية البارزة دون تزاحم على الهاتف.
HTML
<h1 class="display-1">Display 1</h1>
<h2 class="display-3">Display 3 Hero</h2>
<p class="display-5">99.9% Uptime</p>
<p class="display-6">Display 6 Subtitle</p>