تخطي إلى المحتوى
مرجع داخلي — Internal reference

Typography System

This page is a complete reference for the BrightAI typography system. Every heading level, weight, line-height, tracking value, and utility class is shown below. Used by the design team to verify changes before shipping. Page is fully indexable (REPORTS-SEO-FOUNDATION).

هذه الصفحة مرجع كامل لنظام الطباعة في BrightAI. كل مستوى عنوان، وزن، ارتفاع سطر، تباعد حروف، وكل class مساعد معروض هنا. الصفحة قابلة للفهرسة بالكامل — مرجع الخطوط الموحّد.

القسم الأول

Heading Hierarchy

Six levels of responsive headings. clamp() sizing + weight-tiered (800/800/700/700/600/600).

h1 36px → 72px · 800 · tight · tracking-tight

منصة أمان وحوكمة الذكاء الاصطناعي

display — يستخدم مرة واحدة في الصفحة

h2 30px → 48px · 800 · tight · tracking-tight

حوكمة الذكاء الاصطناعي للمؤسسات السعودية

section title — استعمل في أقسام الصفحة

h3 24px → 36px · 700 · tight

ضوابط PDPL و NCA و SDAIA جاهزة من اليوم

subsection

h4 20px → 24px · 700 · tight

حماية البيانات وإخفاء الهوية تلقائياً

card title

h5 18px · 600 · snug
ملصقات ثانوية وأقسام فرعية

minor label

h6 16px · 600 · snug
تسمية صغرى — تستخدم في الجداول والقوائم

micro label

القسم الثاني

Font Weights

Five weight tokens (400 / 500 / 600 / 700 / 800).

400 · normal

منصة BrightAI للأمان والحوكمة

500 · medium

منصة BrightAI للأمان والحوكمة

600 · semibold

منصة BrightAI للأمان والحوكمة

700 · bold

منصة BrightAI للأمان والحوكمة

800 · extrabold

منصة BrightAI للأمان والحوكمة

القسم الثالث

Line Heights

Arabic needs 1.75 (relaxed) for breathing room. Display headings use 1.2 (tight).

leading-tight · 1.2 للعناوين display

هذا نص تجريبي لقياس المسافة بين السطور في وضع tight. يستخدم مع العناوين الكبيرة ليعطي إحساساً متماسكاً ومقتضباً.

leading-snug · 1.35 للـ dense UI

هذا نص تجريبي لقياس المسافة بين السطور في وضع snug. يستخدم مع الواجهات الكثيفة (dashboard، kernel) حيث نحتاج توفر مساحة عمودية.

leading-normal · 1.5 للنصوص الإنجليزية

This is sample text for normal line-height. Used for English body copy where Latin script doesn't need extra diacritic breathing room.

leading-relaxed · 1.75 للنصوص العربية (default)

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

القسم الرابع

Tracking

Three tracking tokens. Arabic display benefits from -0.02em optical tightening.

tracking-tight · -0.02em default for h1–h4

حوكمة ذكاء اصطناعي مؤسسية

tracking-normal · 0 default for body

حوكمة ذكاء اصطناعي مؤسسية

tracking-wide · 0.05em uppercase labels

Compliance · PDPL · NCA

القسم الخامس

Utility Classes

.lead for opening paragraphs · .tabular-nums for stable digits · .text-mono-nums for telemetry.

.lead 18px (lg) on mobile → 20px (xl) on tablet · relaxed · secondary color

BrightAI هي Saudi AI Safety OS — نظام تشغيل أمان وحوكمة للذكاء الاصطناعي داخل المؤسسات السعودية. تركّب تحت أي نظام AI في شركتك وتفعّل AI Firewall وإخفاء البيانات الشخصية وسجل التدقيق.

بدون .lead: تصبح الفقرة بحجم 16px (--text-base)

.tabular-nums font-feature-settings: tnum · for stats/dashboards/pricing
12,580 طلبات مدققة
2,341 موافقات بشرية
99.7% معدل النجاح

.tabular-nums تثبت عرض الأرقام — لا تتزحزح عند التحديث

.text-mono-nums monospace family + tabular figures
2026-06-30T20:36:59+03:00 latency: 142ms audit_log_hash: 0x4f3a8b

للـ telemetry و timestamps و hashes

القسم السادس

Section Composition

How eyebrow + title + subtitle + lead combine into a complete section header.

كيف نشتغل

حوكمة واضحة، حماية بيانات، وأدلة جاهزة للمدقق

نظام تشغيل سعودي يركّب تحت أي نظام AI في شركتك ويضمن إن كل طلب ذكاء اصطناعي يكون آمن وموثّق.

BrightAI ليست منصة أجنبية ولا شات بوت. هي طبقة أمان وحوكمة مصممة للسوق السعودي، تدعم PDPL و NCA و SDAIA من اليوم الأول.

نخدم المؤسسات الكبيرة في القطاعات الحكومية والمالية والطبية والصناعية. كل طلب يمر عبر Kernel يخضع لفحص PII وتطبيق السياسات وتسجيل التدقيق والموافقات البشرية للقرارات عالية المخاطر.

القسم السابع

Gradient Text

3-stop gradient at 145° for smoother reading on Arabic.

.gradient-text 145° · 3 stops · Teal → Teal-300 → Indigo

حوكمة ذكاء اصطناعي سعودية

الـ default — يستخدم في العناوين الرئيسية للفت الانتباه للكلمات المميزة

.gradient-text--soft 145° · 2 stops · Teal-300 → Indigo-300

حوكمة ذكاء اصطناعي سعودية

للأماكن التي يكون فيها الـ gradient القوي ثقيل (badges، inline labels)