تنسيق الأداة

صُمِّمت الأداة لتبدو جزءًا من منتجك منذ البداية، مع منحك تحكّمًا دقيقًا متى أردت.

التنسيق التلقائي

عند التحميل، تقرأ الأداة نظام التصميم في موقعك — وتتعرّف على shadcn/ui وMUI وChakra وMantine وdaisyUI وRadix Themes وTailwind وOpen Props — وتتبنّى ألوانك وخطوطك ونصف قطرك والمزيد. وإن تعذّر اكتشاف نظام، فإنها ترجع إلى خط المتن وألوانك الغالبة.

رموز السمة

كل شيء تقوده خصائص CSS مخصّصة بمساحة أسماء ‎--syncanix-*‎ للون والطباعة والشكل والارتفاع والحركة. وتستخدم الأداة خصائص CSS منطقية في كل مكان، فتُرتَّب على نحوٍ صحيح من اليسار إلى اليمين ومن اليمين إلى اليسار معًا.

فاتح وداكن

يشتقّ تصميم «مكتشَف» نمطًا فاتحًا وآخر داكنًا من موقعك الحيّ، مع الحفاظ على درجة لون علامتك. ويُطبَّق أخيرًا حدّ تباين أدنى وفق WCAG-AA، كي يبقى النص مقروءًا أيًّا كانت لوحة ألوانك.

صمّمها في لوحة التحكم

للتحكّم الكامل — تصاميم متعدّدة، وتجاوزات لكل حجم، والمشغّل، وCSS مخصّص — استخدم استوديو تصميم الأداة، حيث تصمّم مقابل الأداة الحقيقية بوصفها لوحة حيّة.

الخطوات التالية