دليل الهوية البصرية
صفحة اختبار داخلية للتحقق البصري من الخطوط والأحجام والألوان قبل النشر.
الخط — Tajawal
family: var(--font-sans) · "Tajawal", system-ui, sans-serif
300 · Lightنصٌّ تجريبيّ للعيادة Bluneya بلونيا 0123456789
400 · Regularنصٌّ تجريبيّ للعيادة Bluneya بلونيا 0123456789
500 · Mediumنصٌّ تجريبيّ للعيادة Bluneya بلونيا 0123456789
700 · Boldنصٌّ تجريبيّ للعيادة Bluneya بلونيا 0123456789
800 · ExtraBoldنصٌّ تجريبيّ للعيادة Bluneya بلونيا 0123456789
900 · Blackنصٌّ تجريبيّ للعيادة Bluneya بلونيا 0123456789
سُلَّم الأحجام
Display / H160px · 800
جلسات منزلية وأونلاين تأتي إليك
Heading H248px · 700
جلسات منزلية وأونلاين تأتي إليك
Heading H336px · 700
جلسات منزلية وأونلاين تأتي إليك
Heading H424px · 700
جلسات منزلية وأونلاين تأتي إليك
Heading H520px · 700
جلسات منزلية وأونلاين تأتي إليك
Body Large18px · 400
جلسات منزلية وأونلاين تأتي إليك
Body16px · 400
جلسات منزلية وأونلاين تأتي إليك
Body Small14px · 400
جلسات منزلية وأونلاين تأتي إليك
Caption12px · 500
جلسات منزلية وأونلاين تأتي إليك
الألوان
royal-700 (Primary)
--color-royal-700
royal-600
--color-royal-600
royal-500
--color-royal-500
aqua-400 (Secondary)
--color-aqua-400
aqua-500
--color-aqua-500
aqua-600
--color-aqua-600
ink
--color-ink
slate-600
--color-slate-600
slate-200
--color-slate-200
slate-50 (Background)
--color-slate-50
success
--color-success
warning
--color-warning
error
--color-error
الأزرار والعناصر
عنصر ChipKicker
نص بتدرج اللون
الظلال والزوايا
shadow-soft
shadow-medium
shadow-large
radius-sm
radius-md
radius-lg
radius-xl
radius-2xl