التصميم · جديد
ريتلا لـ Figma
الثيم الافتراضي ملفًّا في Figma وحزمة رموز تصميم من المتغيرات نفسها، تعرضها مكوّنات Ritla UI، فلا يبتعد التصميم عن التنفيذ.
- الأسعار
- الأسعار قريبًا
الألوان
درجات لون العلامة والرمادي كما تخرج من بناء الرموز. فوقها تأتي الرموز الدلالية، فيبدّل الوضع الداكن المتغيرات لا الأصناف.
العلامة
- 25#f6f9ff
- 50#edf2ff
- 100#e2ebff
- 200#d4e1ff
- 300#adc6fe
- 400#85a7fe
- 500#5b86fd
- 600#3c5efb
- 700#2a3ecf
- 800#1d299d
- 900#111a6d
- 925#0d1655
- 950#070f42
- 975#050b30
الرمادي
- 25#fcfcfc
- 50#f7f7f7
- 100#eeeeee
- 200#dadada
- 300#c1c1c1
- 400#a3a3a3
- 500#898989
- 600#6c6c6c
- 700#505050
- 800#373737
- 900#252525
- 950#151515
الخط
Geist للحروف اللاتينية وIBM Plex Sans Arabic للعربية، بارتفاع أسطر أكبر للعربية ودون تباعد بين حروفها أبدًا.
Geist
Send money to anyone, in seconds.
IBM Plex Sans Arabic
حوّل المبالغ إلى أي شخص في ثوانٍ.
في الحزمة
- 103
- أيقونات تنعكس في العربية
- 20
- أيقونات العملات
- 81
- مكوّنات موثّقة
- 335
- رموز ألوان دلالية
- 165
- رموز أساسية
- 20
- أنماط النص
- 33
- تدرجات لونية
ومجموعة أيقونات Phosphor مضمّنة أيضًا، لكل ما لا يخص العربية تحديدًا.
الفاتح والداكن
المكوّن نفسه في الوضعين، وكلاهما برمادي محايد لا مصبوغ.
ما تحصل عليه
- ملف Figma، فيه كل لون ونمط نص وزاوية ومسافة متغيرًا، وكل مكوّن بنسختين من اليسار ومن اليمين.
- حزمة رموز التصميم: متغيرات CSS وثيم Tailwind v4 مولَّدة من متغيرات Figma نفسها، فيكون تعديل المصمم على بُعد رمز واحد من التنفيذ.
- تعرضه مكوّنات Ritla UI: كل مكوّن يقرأ هذه الرموز ومبنيّ وفق فحوص ريتلا، بخصائص منطقية فقط، وأيقونات اتجاهية تنعكس، أما الأرقام وأرقام الهواتف فلا تنعكس.
وصول مبكر للشراء
كل صفحة هنا متاحة للتصفح مجانًا. أما الشراء فقريبًا: اترك بريدك وسنراسلك مرة واحدة حين يُتاح.