لم يبقَ ما تلمسه.
استضافة مُدارة.
Sbitra · design system · monochrome
النظام مطبَّقًا على المكوّنات01 — the mark
العلامة
مربّع مائل ينفتح في مركزه إلى نجمة رباعية، حيث يلتقي نصفا حرف S ويتوقفان عن كونهما حرفًا. تناظر دوراني من الرتبة الثانية: أدِره ١٨٠ درجة فلا يتغيّر شيء، ولذلك يجلس في منتصف صفحة عربية دون أن يميل إلى جهة.
size ladder · primary at 40 and above, simplified below
دون ٣٢ بكسل تنغلق الفراغات الداخلية للعلامة الأساسية، فتحلّ النسخة المبسّطة محلّها. هي أداة للأحجام الصغيرة، وليست علامة ثانية.
02 — palette
حبر وورق
حبر على ورق، أو ورق على حبر. لا خيار ثالث. لا يوجد لون مميّز تبحث عنه — الغياب هو التصميم. التسلسل الهرمي يُبنى بالحجم والوزن والمسافة والخط الفاصل، لا بالصبغة.
| الأرضية | --paper | oklch(0.99 0 0) | |
| سطح خافت | --muted | oklch(0.965 0 0) | |
| سطح ثانوي | --secondary | oklch(0.955 0 0) | |
| الخط الفاصل | --border | oklch(0.90 0 0) | |
| حدّ الحقل | --input | oklch(0.86 0 0) | |
| نص ثانوي | --muted-foreground | oklch(0.52 0 0) | |
| النص والعلامة | --ink | oklch(0.16 0 0) |
لا يوجد أحمر في النظام. الفعل المدمّر يُسمّى بفعله ويُؤكَّد بحوار، لا بلون.
03 — typography
ثلاثة خطوط، لكلٍّ عمل واحد
أميري للعربية، وهو إحياء لحروف مطبعة بولاق التي قُطعت في القاهرة في القرن التاسع عشر. نيوزريدر للاتينية، بمقاسات بصرية حقيقية تغطي التعليق الصغير والعنوان الكبير بالشخصية نفسها. وآي بي إم بلكس مونو للقياس وحده: أرقام وتسميات، لا جُمل.
display
لم يبقَ ما تلمسه.
Nothing left to touch.
h1 · h2 · body
استضافة مُدارة.
تختار الخطة، وتدفع، ثم تتوقف.
النص الأساسي يُقرأ في أميري بارتفاع سطر ١٫٨٥، لأن الخط النسخي يحتاج فراغًا رأسيًا أكثر مما تحتاجه اللاتينية. النسخة اللاتينية تأتي من نيوزريدر داخل الحزمة نفسها، فلا يظهر خيط في سطر مثل: خطة Paper 1.21 بذاكرة 8 GB.
annotation · plex mono · latin only
viewbox 512 · shear ±12.13 · edges 45.42° / 48.42°
لا تُباعد بين حروف العربية ولا تكتبها بحروف كبيرة: التباعد يكسر الوصل، والعربية بلا حالة أصلًا. التأكيد في العربية يأتي من الوزن ٧٠٠.
04 — rhythm
المقياس من العلامة نفسها
الوحدة X تساوي ربع ارتفاع العلامة — ١١٦ من ٥١٢. كل مسافة في النظام مضاعف لها، وهي أيضًا مساحة الأمان حول العلامة. الفراغ ليس زينة هنا؛ هو ما يجعل الصفحة تبدو مُدارة.
motion
منحنى واحد، cubic-bezier(0.2, 0, 0, 1)، و١٨٠ أو ٣٢٠ مللي ثانية. الحركة تستجيب للمس ولا تبدأ من تلقاء نفسها: لا شيء يتحرك في هذا النظام دون أن يطلبه أحد.