راصد — نظام التصميم
هذه صفحة تحقّق بصري من الـ design tokens قبل بناء أي واجهة. تحليلات ويب عربية صديقة للخصوصية، بتخطيط RTL ولون أساسي واحد (Amber).
الأسطح والحدود
رمادي محايد بارد — الفصل بالحدود لا بالظل
سلّم Amber
اللون الأساسي الوحيد — 500 هو الأساس
التوكنز الدلالية
الأمبر accent مقصود؛ الأخضر/الأحمر لدلالة الاتجاه فقط
الطباعة — IBM Plex Sans Arabic
أوزان محمّلة فعليًا عبر next/font
راصد: تعرف على زوّارك، لا تطاردهم.
تحليلات ويب صديقة للخصوصية مع إسناد كامل للإيرادات.
من أين يأتي زوّارك؟ وأي حملة حقّقت أعلى تحويل؟ راصد يربط كل زيارة بالمبيعات.
وزن عادي (400) — نصّ مساعد وثانوي يظهر تحت البطاقات والجداول.
الأرقام والبيانات — IBM Plex Mono
الأرقام والعملات وسلاسل UTM تبقى LTR داخل السياق العربي
?utm_source=fb&utm_medium=paid&utm_campaign=120251734570250180صفوف الجداول النسبية
أشرطة CSS خالصة — تنمو من جهة البداية (اليمين في RTL)
الأزرار
نص داكن فوق الأمبر دائمًا — مرّر/اضغط لرؤية الحالات
الحواف والظلال
radius ثابت (بطاقة 8px / عنصر 6px) وظلال خفيفة جدًا
شبكة المسافات — 8px
4 · 8 · 12 · 16 · 24 · 32 · 48 · 64