الأسس اللون أدوار لا درجات: كل اسم يقول ما وُجد اللون من أجله. وكل زوج من الألوان يعتمد عليه النظام يُقاس عند البناء.
--al-color-bgالصفحة
--al-color-surfaceالبطاقات والألواح والحقول
--al-color-surface-sunkالآبار والتمرير والمعلومات
--al-color-textنص المتن
--al-color-text-mutedالنص الثانوي
--al-color-lineالخطوط الرفيعة
--al-color-controlحدود عناصر التحكم
--al-color-accentالإجراءات والتركيز والنجاح
--al-color-on-accentالنص على لون التمييز
--al-color-dangerالأخطاء والحذف
--al-color-warningيحتاج انتباهًا
--al-color-infoمعلومات
--al-color-inverseالإشعارات العابرة والتلميحات
--al-color-chart-1الرسم، السلسلة الأولى
--al-color-chart-2الرسم، السلسلة الثانية
--al-color-chart-3الرسم، السلسلة الثالثة
--al-color-chart-4الرسم، السلسلة الرابعة
اقرأ المواصفات · في صفحة خاصة به
الدرجات اللونية ثماني درجات زاهية للتمييز والتأكيد: الوسوم والتمييزات والصور الرمزية. كل حبر مقروء بوضوح على خلفيته.
Aa data-tint="teal"
Aa data-tint="green"
Aa data-tint="yellow"
Aa data-tint="orange"
Aa data-tint="pink"
Aa data-tint="purple"
Aa data-tint="blue"
Aa data-tint="cyan"
اقرأ المواصفات · في صفحة خاصة به
الخط خط Jost للواجهة والعناوين، وNewsreader للقراءة. وتُعرض العربية بخطوط IBM Plex Sans Arabic وKufam وAmiri: بحجم أكبر قليلًا، وارتفاع أسطر أوسع، وبلا تباعد بين الحروف.
displayولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
3xlولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
2xlولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
xlولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
lgولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
mdولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
baseولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
smولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
xsولما كان تناسي حقوق الإنسان وازدراؤها قد أفضيا إلى أعمال همجية
نص القراءة
الزخارف الهندسية الإسلامية بنى متقنة تقوم على قواعد بسيطة متكررة. ونحن نبني البرمجيات بالطريقة نفسها: وحدات صغيرة متقنة، وواجهات واضحة، ونظام متماسك.
أرقام داخل جملة
التكلفة £12 شهريًا لكل شخص، أو $1,440 سنويًا لعشرة أشخاص.
اقرأ المواصفات · في صفحة خاصة به
المسافة والشكل خطوة من 4 بكسل لكل ما هو مكاني. الزوايا حادة (2 بكسل)؛ والعمق يأتي من الحدود ودرجات الأسطح، لا من الظلال أبدًا.
--al-space-1
--al-space-2
--al-space-3
--al-space-4
--al-space-5
--al-space-6
--al-space-8
--al-space-12
--al-space-16
اقرأ المواصفات · في صفحة خاصة به
الحركة سريعة، ولا تكون إلا استجابة لفعل: 150 جزءًا من الثانية للاستجابة، و250 للطيّ والمظاهر. ومع تقليل الحركة، يتغيّر كل شيء فورًا.
اقرأ المواصفات · في صفحة خاصة به
الأيقونات أيقونات خطية على شبكة من 24 وحدة. وما يشير منها في اتجاه القراءة ينعكس في الكتابة من اليمين إلى اليسار.
arrow arrow-up board calendar check chevron chevron-down close copy danger edit external file info language mail menu minus more plus retry search settings sidebar success theme trash undo warning اقرأ المواصفات · في صفحة خاصة به
النص المتصل فقرات وقوائم واقتباس وشيفرة ومفاتيح وتظليل، داخل .al-prose: خط القراءة، وطول السطر، والمسافات بينها.
نص متصل بخط عريض ، مائل ، مع رابط ، inline code، ومفتاح، Ctrl + S ، وتظليل . وخط صغير.
خطوات، بالترتيب واحدة تلو الأخرى اقتباس داخل النص المتصل، يليه مصدره.
اقرأ المواصفات · في صفحة خاصة به
المحتوى الطيّ ما هو ثانوي يُطوى، مع إظهار القيمة المختارة بالداخل بجانب اسمه.
إعدادات متقدمة تم تغيير 3 إعدادات لا يحتاجها أغلب الأشخاص.
الاحتفاظ بالعناصر المحذوفة لمدة 90 يومًا اقرأ المواصفات · في صفحة خاصة به
البطاقة واللوح والإحصائية البطاقة تحوي عنصرًا واحدًا يُتفاعل معه، وإجراءاته في أسفلها؛ واللوح خط فاصل فوق مجموعة؛ والإحصائية رقم مع تسميته.
تجمع البطاقة شيئًا واحدًا: ملخصه وما يمكنك فعله به.
افتح عدّل
موصى بها
يثبّت الشريط كلمة واحدة على بطاقة واحدة؛ ويحمل التذييل إجراءاتها.
الرقم، هذا الشهر 12,480 الشهر الماضي: 11,902
عنوان اللوح خط فاصل فوق مجموعة: فمعظم المجموعات لا تحتاج إلى صندوق.
المكوّنات 42
الرموز 164
أزواج تباين مقيسة 112 لا يفشل أيّ منها
اقرأ المواصفات · في صفحة خاصة به
الشيفرة والأمر شيفرة تُقرأ أو تُنسخ، من اليسار إلى اليمين في اللغتين، والأسطر المهمة فيها مُعلَّمة. والأمر سطر واحد يُلصق.
<link rel ="stylesheet" href ="dist/arabesque.css" >
<header class ="al-site-header" >…</header >
<script type ="module" >
import { initSiteHeaders } from "./js/site-header.js" ;
initSiteHeaders ();
</script > import { ArabesqueProvider , SiteHeader } from "@arabesquelabs/design-system/react" ;export const Top = () => ( <ArabesqueProvider lang ="ar" sprite ="/dist/icons.svg" >
<SiteHeader links ={links} />
</ArabesqueProvider >
); css/components/code.css انسخ
.al-code__pre { direction : ltr;
text-align : start;
} اقرأ المواصفات · في صفحة خاصة به
تبويبات الميزات عمود من التبويبات، لكلٍّ اسم وسطر عنه، بجانب ما يعرضه المختار منها.
من اليمين إلى اليسار الخصائص المنطقية تنعكس مع الصفحة. التباين، مقيسًا كل زوج، في المظهرين، في كل بناء. لوحة المفاتيح كل شيء يعمل من دون فأرة.
انسخ
.al-toc a { padding-inline-start : var (--al-space-3 );
border-inline-start : 2px solid var (--al-color-line );
} أزواج تباين مقيسة 154 لا يفشل أيّ منها
المظاهر 2
يصل Tab إلى كل عنصر تحكم؛ وتتنقل الأسهم داخل التبويبات والقوائم والتواريخ؛ ويغلق Escape ما فُتح.
اقرأ المواصفات · في صفحة خاصة به
جدار الشعارات من يستخدمه، بشعاراتهم بلون واحد، بقدر ما يتسع الصف. ولا شريط متحرك أبدًا.
اقرأ المواصفات · في صفحة خاصة به
اقتباس ما قاله أحدهم، بكلماته، ثم من هو.
عمّ يتحدث
ما قاله، بكلماته: مختصرًا، دون إعادة صياغة أبدًا، ومعروضًا بإذنه.
اسمه دوره، في مؤسسته كلمات شخص ثانٍ، بجانب الأول.
اسم آخر دوره اقرأ المواصفات · في صفحة خاصة به
دعوة إلى الفعل كلمة الصفحة الأخيرة: سطر واحد، ثم ما يُفعل.
صفحتك القادمة، مبنية من البلاطة نفسها. ابدأ من القالب، أو خذ الأجزاء التي تحتاجها فقط.
اقرأ المواصفات · في صفحة خاصة به
الجدول لمقارنة القيم: الأرقام تصطف بدقة، والإجمالي يبرز بوضوح، والملاحظات الجانبية تتراجع. والجداول العريضة تمرر في نطاقها الخاص.
العنصر الكمية السعر الإجمالي العنصر الأول 2 £12.00 £24.00 العنصر الثاني 1 £120.00 £120.00 العنصر الثالث 4 £2.50 £10.00 الإجمالي £154.00 منها ضريبة القيمة المضافة، بنسبة 20% £25.67
اقرأ المواصفات · في صفحة خاصة به
الوسم والتمييز والصورة الرمزية اللون للهوية والتأكيد، في ثماني درجات زاهية؛ ولا يُستخدم للحالة أبدًا.
تصميم عاجل بحث وسم بسيط
التمييزات تلفت الانتباه إلى الكلمات المفتاحية , الأسماء و الأفكار ، في أي من الدرجات الثماني .
LH SO YA ST AL
LH SO YA +3 مشارَك مع لينا وسام ويوسف و3 آخرين اقرأ المواصفات · في صفحة خاصة به
الخط الزمني ما جرى، كل حدث في وقته، على امتداد خط: تاريخ سجلّ أو موجز نشاط.
اليوم، 09:40 قُبل الطلب
من لينا حداد. يمكن للفريق أن يبدأ.
أمس، 16:05 تغيّرت الميزانية إلى 1,200 £ شهريًا
أمس، 11:20 علّق سام أوكافور
هل يمكن أن نبدأ قبل أسبوع؟
اقرأ المواصفات · في صفحة خاصة به
القسم شريط من الصفحة: خط رفيع يفصله عمّا قبله، وعنوانه ومقدمته.
01 من نحن
الاسم هو المنهج أربع مراحل، نكررها بقدر ما يلزم لنصل إلى الصواب.
إعدادات لا يحتاجها أغلب الأشخاص.
كيف نبني. أجزاء صغيرة، وقاعدة واحدة، تتكرر بعناية. اقرأ المواصفات · في صفحة خاصة به
الخطوات تسلسل مرقّم: مراحل إنجاز أمر ما. للتسلسلات الحقيقية فقط.
1
اكتشاف نبدأ بالمشكلة الحقيقية لا بالحل المفترض. نأخذ وقتنا لفهم القيود قبل كتابة سطر من الشيفرة.
2
تصميم البنية قبل البكسلات. نرسم شكل النظام وبياناته وتدفقاته وحالاته الحدّية، ليقوم البناء على أساس.
3
بناء خطوات صغيرة ومدروسة بدلًا من الإصدارات الضخمة دفعة واحدة. برمجيات تعمل، تُراجَع وتُختبر في كل خطوة.
4
تحسين نادرًا ما تكون النسخة الأولى هي الصحيحة. نعود إليها ونبسّطها ونصقلها حتى تصمد التفاصيل.
اقرأ المواصفات · في صفحة خاصة به
التفاعل والاستجابة الإشعار وملاحظة الأثر الجانبي رسالة ضمن الصفحة، في أربعة أنواع، لكل منها أيقونة وعنوان. وملاحظة الأثر الجانبي توضح ما سيتغير أيضًا قبل حدوثه.
صيانة مجدولة
يوم الأحد، من 2 صباحًا حتى 4 صباحًا، قد يكون الحفظ بطيئًا.
تم حفظ التغييرات
يمكن للجميع ممن لديهم صلاحية الوصول رؤيتها الآن.
تحقق من بياناتك
قد تكون بعض بياناتك غير محدثة.
مراجعة البيانات
تعذر تحميل هذه الصفحة
انقطع الاتصال. تحقق من اتصالك بالإنترنت، ثم حاول مجددًا.
إعادة المحاولة
تغيير هذا يؤدي أيضًا إلى تحديث عنصرين مرتبطين .
اقرأ المواصفات · في صفحة خاصة به
مربع الحوار قرار يتطلب الانتباه الآن. لا يفقد أبدًا ما تم إدخاله، ولا يطلب التأكيد إلا لما لا يمكن التراجع عنه. ويتحول إلى لوح سفلي في الشاشات الصغيرة.
إعادة تسمية العنصر… احذف الحساب…
اقرأ المواصفات · في صفحة خاصة به
الحالة حالة بكلمة، تسبقها نقطة بلونها. الكلمة هي المعنى؛ والنقطة تكرّره.
متصل متراجع الأداء متوقف جارٍ النشر متوقف مؤقتًا
الخادم الأول متصل
اقرأ المواصفات · في صفحة خاصة به
النافذة المنبثقة مزيد عن شيء ما، حين يُطلب: يفتحه زر بجانبه. ويغلقه Escape أو نقرة خارجه.
ما الرمز الضريبي؟ الرمز الضريبي
يخبر صاحب العمل بمقدار الضريبة التي يقتطعها من راتبك. وتجده في كشف راتبك.
اعرف رمزك الضريبي
زاوية التلامس زاوية التلامس
الزاوية التي تلتقي فيها خطوط النمط بحافة البلاطة: 67.5°.
اقرأ المواصفات · في صفحة خاصة به
الحالة الفارغة توضيح سبب خلو المكان، مع الإجراء التالي. ليس طريقًا مسدودًا أبدًا.
لا توجد عناصر بعد
أضف عنصرًا للبدء. يمكنك استيراد عدة عناصر في وقت واحد أيضًا.
إضافة عنصر اقرأ المواصفات · في صفحة خاصة به
التحميل والتقدم إظهار التقدم حيث يتم العمل: هيكل فارغ، أو مؤشر دوار، أو شريط قياس متى أمكن حسابه.
جارٍ تحميل العناصر
جارٍ التحميل
جارٍ الرفع، 60% اقرأ المواصفات · في صفحة خاصة به