پنل مدیریت — نمونه بر پایهٔ تم محصولات موجود

یک پنل، دو تم واقعی

رنگ‌ها، شعاع‌ها، سایه‌ها و گرادیان‌ها مستقیماً از کد دو محصول برداشته شده‌اند؛ چیزی ساخته نشده است. با دکمه‌های روبه‌رو بین دو تم جابه‌جا شوید و با کلید گوشهٔ صفحه تم روشن/تیره را ببینید.

جست‌وجو در کسب‌وکارها، سفارش‌ها و کاربران…

داشبورد

پنجشنبه ۳۱ تیر ۱۴۰۵ · آخرین به‌روزرسانی ۲ دقیقه پیش

درآمد امروز
۴۸٫۲م ۱۲٪+ نسبت به دیروز
سفارش‌های جدید
۱۲۷ ۸٪+ نسبت به دیروز
کاربران فعال
۳٬۴۸۰ ۴٪+ این هفته
نرخ تبدیل
۴٫۸٪ ۰٫۶٪− نسبت به هفتهٔ قبل
درآمد ۷ روز اخیر ۱۸٪+ نسبت به هفتهٔ قبل
۳۱٫۴م ۳۸٫۱م ۲۷٫۶م ۴۲٫۹م ۳۹٫۵م ۴۴٫۸م ۴۸٫۲م
جشیدسچپ
شناسهکسب‌وکارمبلغوضعیت
OR-۹۴۸۱کافه فیروزه۲٬۴۰۰٬۰۰۰پرداخت شد
OR-۹۴۸۰رستوران البرز۵٬۱۰۰٬۰۰۰در انتظار
OR-۹۴۷۹قنادی شیرین۸۹۰٬۰۰۰در حال پردازش
OR-۹۴۷۸فست‌فود ونک۱٬۳۵۰٬۰۰۰لغو شد
کسب‌وکارهای تازه همه
ک‌ف کافه فیروزهتهران، ونک · ۲ ساعت پیش ۱۲٫۴م
ر‌ا رستوران البرزکرج · ۵ ساعت پیش ۳۱٫۸م
ق‌ش قنادی شیریناصفهان · دیروز ۶٫۲م
ف‌و فست‌فود ونکتهران · دیروز ۹٫۷م
چ‌س چایخانه سنتیشیراز · ۲ روز پیش ۴٫۱م

یک نکتهٔ واقعی در هر دو تم. رنگ اصلی هیچ‌کدام روی پس‌زمینهٔ روشن با متن سفید خوانا نیست: #17AE99 نسبت ۲٫۷۸، رنگ تأکید #F1A418 نسبت ۲٫۰۹ و #0c8de9 نسبت ۳٫۵۰ — هر سه زیر حد ۴٫۵ استاندارد. در این نمونه برای دکمه‌ها و متن‌های کوچک از پلهٔ تیره‌تر همان رنگ استفاده شده (#117B6B و #006ec7، هر دو بالای ۵) و رنگ روشن فقط برای سطح‌های تزئینی مانده است.
تم تیرهٔ Mizro واقعی است و از darkColors همان مخزن آمده؛ AssetFlow تم تیره ندارد، پس مقادیر تیرهٔ آن این‌جا استخراج نشده بلکه ساخته شده است.