تشاليح نت
tshaleeh.net ↗سوق قطع غيار مستعملة يربط الباحث عن القطعة بالتشاليح مباشرة.
- Next.js
- MongoDB
- RTL
الضوء أول ما يظهر
على خط الأفق.
نظام بصري مبني على لون العلامة الأصلي، بلون إشارة واحد مستوحى من
معنى الاسم نفسه. كل قيمة هنا تُعرَّف مرة واحدة في
tokens.ts ويُشتق منها CSS آلياً، فلا تنحرف نسخة عن أخرى.
01 اللون
الحبر، السلّم المحايد
مبني على #1F334E، لون علامتك الحالي، حتى يبقى الموقع
الجديد متصلاً بصرياً بالموقع القائم لا منفصلاً عنه.
الأفق، لون الإشارة الوحيد
ذهب دافئ بدل السماوي النيون الذي يستخدمه كل موقع تقني. الذهبي على الكحلي يقرأ «فخامة»، والسماوي يقرأ «ألعاب فيديو».
ألوان وظيفية
تمثّل حالات المشروع الأربع الموجودة أصلاً في بيانات أعمالك، وحالة الخطأ.
التباين مقابل معيار WCAG
محسوب برمجياً على الخلفية الأساسية، لا مقدَّر بالعين.
02 الطباعة
عائلة IBM Plex تغطي العربية واللاتينية والأحادي
بتصميم واحد ورخصة OFL حرة، ومستضافة ذاتياً بلا CDN خارجي.
متصفح عربي يحمّل ~155KB فقط بفضل unicode-range.
اختلاط العربية باللاتينية
بنينا الواجهة بـ TypeScript وVite، وقياس
الأداء أظهر أن زمن الخادم 0.181s، أي أن المشكلة في
مصافحة TLS لا في الكود.
↑ الأرقام والمصطلحات تبقى LTR داخل النص العربي تلقائياً.
03 العمق
على خلفية داكنة الظلال وحدها لا تُرى، فنضيف خط ضوء داخلياً في الأعلى يحاكي إضاءة علوية. إحساس الطبقات بتكلفة صفر على الأداء.
04 الحركة
قاعدة النظام: حركة واحدة ذات معنى لكل قسم. كل حركة يجب أن تجيب «ماذا تشرح؟»، وإلا تُحذف. جرّب المنحنيات:
05 المكوّنات
الأزرار
جرّب Tab. حلقة التركيز ظاهرة على كل عنصر.
شارات حالة المشروع
يعمل الآن
منشور على App Store
نسخة تجريبية
دراسة تصميم
بطاقة عمل
مزاين الإبل
App Storeتطبيق مزادات ومزاينات، منشور على متجر التطبيقات.
- Flutter
- Supabase
بيانات هاتين البطاقتين مأخوذة من مشاريعك الحقيقية في
projects.ts، بلا إضافة أو تخمين.
06 ثنائية الاتجاه
لا يوجد ملف CSS ثانٍ للإنجليزية. الخصائص المنطقية تقلب التخطيط وحدها. هذا نفس المكوّن بالضبط:
dir="rtl"
يبدأ من اليمين
dir="ltr"
Starts from the left