دیزاین سیستم
رنگ‌ها
پالت رنگی و سطوح Nothing
پالت فعلی Nothing از سطوح خنثی، متن تیره یا روشن و تأکید زرد طلایی استفاده می‌کند. رنگ‌های معنایی وضعیت‌ها از رنگ اصلی برند جدا هستند.
سازگاری تم‌ها
نام توکن‌های سمانتیک در تم روشن و تاریک ثابت است. مقادیر پایه با OKLCH و رنگ‌های وضعیت با ارجاع به پالت Tailwind تعریف شده‌اند. تغییر تم، مقادیر تعریف‌شده را عوض می‌کند؛ کنتراست متن، آیکون و حالت‌های تعاملی باید جداگانه بررسی شود.
رنگ‌های اصلی
| رنگ | نقش کاربردی |
|---|---|
| پس‌زمینه | سطح پایه و بستر کلی صفحه |
| متن | نوشته‌های اصلی و تیترها |
| اصلی (Primary) | اقدامات کلیدی و نقاط تأکید |
| روی اصلی | متن قرارگیرنده روی دکمه‌ها و عناصر اصلی |
| تأکید (Accent) | هایلایت‌های ملایم و پس‌زمینه‌های فرعی |
سطوح و تفکیک لایه‌ها
| رنگ | نقش کاربردی |
|---|---|
| کارت | سطح لایه‌های برجسته و کارت‌ها |
| ثانویه | بلوک‌ها و پس‌زمینه‌های خنثی |
| کمرنگ (Muted) | سطح خنثی؛ متن فرعی از muted-foreground استفاده می‌کند |
| خط (Border) | خطوط جداکننده و حاشیهٔ عناصر |
وضعیت و بازخورد
| رنگ | نقش کاربردی |
|---|---|
| خطا (Destructive) | اقدامات خطرناک، حذف و هشدارهای خطا |
| تأیید (Success) | وضعیت‌های موفقیت و تأیید نهایی |
| فوکوس (Ring) | حلقهٔ نشانگر تمرکز و انتخاب روی عناصر |