البداية

انسخ ورقة التوكنات إلى مشروعك واربطها قبل أنماط المكوّن، ثم ألصق الترميز حيث تريده. المكوّن لا يفترض إطار عمل ولا يطلب حزمة، ويعمل بالاتجاهين من أول لحظة.

التثبيت والإعداد الأوّلي

اضبط سمة الاتجاه على الجذر، ثم اختر الثيم. لا خطوة ثالثة: ما بقي يقرأ نفسه من التوكنات، والخصائص المنطقية تتكفّل بالانقلاب دون قاعدة ثانية تُكتب لكل اتجاه.

التوكنات

كل لون ومسافة وانحناء ومدة حركة يأتي من اسم معرّف، لا من رقم مكتوب في مكانه. فتبديل الثيم تبديل قيم لا إعادة كتابة أنماط، والتباين محسوب لا مُقدَّر.

Design Tokens · W3C

تُصدَّر التوكنات بصيغة W3C Design Tokens، وبصيغة Tailwind، وبتعريفات TypeScript. المصدر واحد والصيغ مشتقة منه، فلا تفترق نسخة عن أخرى بعد تعديل.

الاتّجاه والتخطيط

العربية تُقرأ يمينًا، فالبداية يمين والنهاية يسار. والخصائص المنطقية تقول ذلك للمتصفّح مرة واحدة، فينقلب التخطيط كله دون أن يُكتب له مقابل ثانٍ.

قياسات 2026

قيست هذه الصفحة على 5 عروض وبمؤشّرين، فكانت 70 قياسًا بصفر فيض. والأرقام غربية في اللغتين، والعملة وحدها هي ما ينتقل بين الأسواق.