کارت پایه
سطح محتوا با ارتفاع ۱. یک کارت، یک محور معنا.
idms — سامانهٔ طراحی هوش تصمیم
همراه بصری سند bdi: idms-design-system.md. همهٔ توکن‌ها، اجزا و حالت‌ها در یک صفحه.
پالت «زغال و کهربا» است: بوم زغالیِ نزدیک‌به‌سیاه، یک کهربای گرم به‌عنوان تنها رنگ اشباع، و ساختار سنگِ خاکستری‌مایل‌به‌گرم.
پوستهٔ پیش‌فرض تیره است؛ پوستهٔ روشن معادل و کامل است و ترجیح سامانه فقط پس از انتخاب «خودکار» رعایت می‌شود.
prefers-color-scheme، prefers-reduced-motion، prefers-contrast و
prefers-reduced-transparency محترم شمرده می‌شوند. همهٔ فاصله‌ها با ویژگی‌های منطقی نوشته شده‌اند؛
هیچ left یا right در این صفحه نیست.
۱. رنگ
همیشه توکن معنایی را صدا بزنید — --bg، --surface، --ink — نه رنگ خام. رنگ نام‌دار فقط در نقشهٔ پوسته ظاهر می‌شود.
سطح‌های وابسته به پوسته
--bgبوم صفحه
--surfaceکارت / پنل
--surface-raisedسطح شناور
--inkمتن اصلی
--ink-mutedمتن ثانویه
--borderخط مویی
--border-strongمرز کنترل
--accentکنش اصلی
مقیاس‌های نام‌دار برند
--brand-50#FBF3E0
--brand-100#F7E4B6
--brand-200#F2D48C
--brand-300#EDC368
--brand-400#E8B24A
--brand-500#E0A32E
--brand-600#C2881C
--brand-700#8A6210
--brand-800#6B4B0C
--brand-900#4A3408
--brand-950#2A1D04
--gradient-brandگرادیان برند
--texture-gridنقطه‌چین هیرو
بازخورد کارکردی و سری‌های داده
--successتأیید
--warningهشدار
--dangerخطا
--infoاطلاع
--data-1سری ۱
--data-2سری ۲
--data-3سری ۳
--data-4سری ۴
--data-5سری ۵
--data-6سری ۶ · سایر
کنتراست اندازه‌گیری‌شده
متن اصلی روی بوم — تیره (پیش‌فرض)۱۶٫۸:۱
متن ثانویه روی سطح — تیره۶٫۸:۱
رنگ تأکید به‌عنوان متن پیوند روی بوم — تیره۸٫۴:۱
متن روی دکمهٔ اصلی — تیره۸٫۳:۱
متن اصلی روی بوم — روشن۱۶٫۳:۱
متن روی دکمهٔ اصلی — روشن۵٫۵:۱
کف: متن بدنه ۴٫۵:۱ · متن درشت و عناصر غیرمتنی ۳:۱ (WCAG 2.2 AA).
۲. تایپوگرافی
مقیاس بر پایهٔ یک‌سوم بزرگ (۱٫۲۵) و بر نقش‌ها بسته می‌شود، نه بر اندازه‌های خام.
display-lgتصمیم از داده
display-mdگردش تخت — مهر ۱۴۰۵
heading-lgمدیریت کاربران و نقش‌ها
heading-mdانتشار داشبورد
heading-smمنابع داده
body-lgاین داشبورد با حساب شما به اشتراک گذاشته نشده است.
body-mdآخرین به‌روزرسانی: ۱۰:۴۲ امروز · ۱٬۲۴۵٬۰۰۰ تخت‌روز
body-smافزایش ۴٫۲٪ نسبت به ماه گذشته
labelشمارهٔ موبایل
captionتخت‌روز · مهر ۱۴۰۵
code
fact_bed_occupancy.discharged_atقواعد خط فارسی
- هیچ
text-transformو هیچfont-style: italicروی متن فارسی اعمال نمی‌شود؛ تأکید با وزن ۶۰۰ است. - ارقام در همهٔ سطوح انسانی فارسی‌اند؛ در خروجی‌های ماشینی (JSON-LD، خروجی CSV، رکورد خطا) لاتین و تاریخ میلادی ISO-8601.
- همهٔ اعداد با
font-variant-numeric: tabular-numsنمایش داده می‌شوند. - دنبالهٔ مختلط فارسی/لاتین در
<bdi>بسته می‌شود؛ نمونه: idms.dashboard.publish.
۳. فاصله — شبکهٔ ۴ پیکسلی
--space-1 · 4
--space-2 · 8
--space-3 · 12
--space-4 · 16
--space-5 · 20
--space-6 · 24
--space-7 · 32
--space-8 · 40
--space-9 · 48
--space-10 · 64
--space-11 · 80
--space-12 · 96
۴. گردی گوشه
none
sm · 6
md · 10
lg · 14
xl · 20
pill
۵. ارتفاع
در پوستهٔ تیره ارتفاع با مرز روشن و هاله ساخته می‌شود، نه با سایه؛ سایه روی بوم نزدیک‌به‌سیاه دیده نمی‌شود.
--elev-1 · کارت در سکون
--elev-2 · کارت در هاور
--elev-3 · منو و اعلان
--elev-4 · دیالوگ
۶. دکمه
گونه‌ها × اندازه‌ها × حالت‌ها. هدف لمسی دست‌کم ۴۴×۴۴ پیکسل. قاعدهٔ یکسان [disabled].
۷. فرم
۸. نشان، تراشه، قرص
نشان وضعیت شیء است و کنش‌پذیر نیست · تراشه فیلتر با کنش حذف · قرص برچسب ناوبری.
نشان — چرخهٔ عمر
پیش‌نویس
در بازبینی
تأییدشده
منتشرشده
منقضی در ۷ روز
بایگانی‌شده
تراشه و قرص
استان: تهران
مهر ۱۴۰۵
واحد: اورژانس
داشبورد
گزارش
فرم
۹. هشدار و اعلان
اعتبار مجوز
اعتبار مجوز شما ۱۴ روز دیگر پایان می‌یابد. برای تمدید با مدیر سامانه هماهنگ کنید.
شاخص نزدیک به آستانه
نسبت اشغال تخت اورژانس به آستانهٔ هشدار نزدیک شده است.
خطای دریافت داده
منبع «HIS مرکزی» در آخرین اجرا ناموفق بود. تلاش دوباره کنید. شناسهٔ خطا:
ingest-4f21اعلان گذرا
داشبورد «گردش تخت» برای بازبینی ارسال شد.
خروجی CSV آماده شد — تاریخ‌ها میلادی و ارقام لاتین.
۱۰. زبانه، خرده‌راه، صفحه‌بندی
فهرست فقط خواندنی است؛ برای اعمال تغییر از ابزار تخصیص استفاده کنید.
خرده‌راه
صفحه‌بندی
۱۱. کارت
کارت کنش‌پذیر
تمام سطح یک هدف لمسی است. فوکوس همان بازخورد هاور را می‌دهد.
کارت برجسته
سطح بالاتر برای کارتی که روی صفحه شناور است.
کارت گرادیانی — فقط سطح بازاریابی
خودمیزبان · فارسی و راست‌به‌چپ
داده‌های بیست سامانه، یک تصمیم
گرادیان هویت برند است و هرگز داخل نمودار، جدول یا مقدار ظاهر نمی‌شود.
۱۲. ناوبری
میزان حرکت در پوسته تیره؛ --glass و بلور روی نوار بالای چسبان.
ریل کنار مربوط به صفحهٔ برنامه است. نوار بالای مجموعهٔ بازاریابی پله‌ای است: پنج پیوند ساده از --bp-md به بالا، و منوی همبرگری فقط زیر آن؛ کنش «درخواست نمایش» از --bp-lg اضافه می‌شود. کشوی موبایل همان پیوندهای نوار را می‌آورد، نه فهرست کامل بخش‌ها را.
گردش تخت
مسیر سه‌سطحی: مقصد ریل ← فهرست محتوا ← جزئیات شیء. سطح چهارم فقط مسیر کاوش داخل شیء است.
۱۳. نمایش داده
کاشی شاخص
نسبت اشغال تخت
۸۶٫۴٪
افزایش ۴٫۲٪ نسبت به ماه گذشته
میانگین اقامت
۵٫۱
کاهش ۰٫۳ روز نسبت به ماه گذشته
صف اورژانس
۴۲
آستانهٔ ۴۰ نفر breached — مالک: واحد اورژانس
قاب نمودار
مقیاس: تخت‌روز · منبع: HIS مرکزی · آخرین به‌روزرسانی: ۱۰:۴۲ امروز
اشغال تخت
ترخیص
جدول
| نام | حالت | مالک | بازدید ۳۰ روز |
|---|---|---|---|
| گردش تخت | منتشرشده | مریم رضایی | ۱٬۲۴۵ |
| صف اورژانس | تأییدشده | علی محمدی | ۸۷۶ |
| ترخیص روزانه | پیش‌نویس | حسن کریمی | ۴۱۲ |
| ۳ داشبورد | ۲٬۵۳۳ | ||
نوار فیلتر و مسیر کاوش
استان: تهران
مهر ۱۴۰۵
۱۴. آیکون
Lucide · خط ۱٫۵ · شبکهٔ ۲۴×۲۴ · از currentColor پیروی می‌کند. آیکون جهت‌دار در راست‌به‌چپ آینه می‌شود.
۱۵. حالت‌های خالی، بارگذاری، خطا
هنوز داشبوردی ساخته نشده است
از منابع داده شروع کنید و اولین داشبورد را بسازید.
فیلتر «استان: تهران» نتیجه‌ای برنگرداند
بازه یا واحد را تغییر دهید.
این داشبورد با حساب شما به اشتراک گذاشته نشده است
برای دسترسی، درخواست خود را ثبت کنید.
در حال بارگذاری…
بارگذاری ناموفق بود
آخرین دادهٔ سالم روی صفحه مانده و «کهنه» علامت خورده است. تلاش دوباره کنید. شناسهٔ خطا:
dash-9c02۱۶. کف دسترس‌پذیری — WCAG 2.2 AA
- کنتراست متن بدنه دست‌کم ۴٫۵:۱ · متن درشت و عناصر غیرمتنی دست‌کم ۳:۱ · حلقهٔ فوکوس دست‌کم ۳:۱.
- هر عنصر کنش‌پذیر حلقهٔ فوکوس دیدنی دارد؛ هیچ
outline: noneبی‌جانشین. - هر کنش با صفحه‌کلید در دسترس و اجراشدنی است؛ ترتیب پیمایش منطقی است.
- الگوهای WAI-ARIA APG بی‌کم‌وکاست؛ هیچ نقش تازه‌ای اختراع نمی‌شود.
prefers-reduced-motion،prefers-contrastوprefers-reduced-transparencyرعایت می‌شوند.- اندازهٔ هدف دست‌کم ۲۴×۲۴ پیکسل (SC 2.5.8)؛ برای کنترل‌های اصلی ۴۴×۴۴.
- پیوند پرش به محتوا نخستین عنصر فوکوس‌پذیر هر صفحه است.
- معنا هرگز تنها با رنگ منتقل نمی‌شود؛ رنگ و آیکون و برچسب فارسی همراه‌اند.
۱۷. قواعد راست‌به‌چپ
- فقط ویژگی‌های منطقی —
margin-inline-start،padding-inline-end،inset-inline-start— هرگزleftیاright. - ریل کنار در لبهٔ شروع خواندن می‌نشیند؛ در راست‌به‌چپ، لبهٔ راست.
- آیکون‌های جهت‌دار با
transform: scaleX(-1)آینه می‌شوند. - اعداد، نشانی‌ها و کد با
<bdi>جدا می‌شوند. - خروجی‌های ماشینی همیشه ارقام لاتین و تاریخ میلادی ISO-8601 دارند.
- برچسب فارسی در کنترل‌های با عرض ثابت تا ۲۵٪ فضای بیشتر می‌گیرد و هرگز بریده نمی‌شود.
۱۸. حرکت
تنها حرکت محیطی این سامانه، دریفت آرام گرادیان در بخش بازاریابی است. جدول، نمودار و مقدار زنده هرگز حرکت نمی‌کنند.
نمونهٔ دریفت
یک گرادیان، یک هویت
با prefers-reduced-motion این حرکت متوقف و گرادیان ثابت می‌شود.
۱۹. اجزای مجموعهٔ بازاریابی
این سه جزء فقط روی صفحهٔ عمومی می‌نشینند و به صفحهٔ برنامه وارد نمی‌شوند. هیچ‌کدام سطح قیمت یا پرداخت ندارند.
دیوار سازگاری — جای ردیف لوگوی مشتریان
- سامانهٔ HIS
- حضور و غیاب
- سرویس‌های وب
- Power BI
۲ / ۴ / ۴ ستون در --bp-sm / --bp-md / --bp-lg؛ ردیف‌ها هم‌ارتفاع‌اند و نام درون تراشه می‌شکند، نه اینکه قلم کوچک شود. هرگز لوگوی مشتری یا نشان شرکای ساختگی جای آن را نمی‌گیرد.
کارت بستهٔ مجوز
Basic
پایهبرای سازمانی که از گزارش دستی فاصله می‌گیرد.
- اتصال به منابع داده و لایهٔ معنایی
- هستهٔ داشبورد و گزارش
- سقف کاربران و داشبوردها، در مجوز تعیین می‌شود
Professional
حرفهایبرای سازمانی که چند منبع را به هم می‌بندد و گزارش منتشر می‌کند.
- همهٔ امکانات بستهٔ پایه
- مدل‌سازی، انتشار و نسخه‌بندی داشبورد
- هشدار شاخص و تحویل زمان‌بندی‌شدهٔ گزارش
Enterprise
سازمانیبرای سازمانی با چند واحد و چند سازمان روی یک نسخه.
- همهٔ امکانات بستهٔ حرفه‌ای
- چندسازمانی روی یک نسخه، با جداسازی کامل داده
- میزبانی داشبوردهای Power BI
مبلغ و سقف عددی هر بسته، هنگام صدور مجوز تعیین می‌شود. واحدهای سنجش — کاربران سازمانی، داشبوردها، ماژول‌های فعال — یک‌بار در سرآمد بخش نام برده می‌شوند. کنش پایانی «درخواست مجوز» است، هرگز پرداخت آنی.
جدول مقایسه — رنگ داوری
| ویژگی | idms | گزارش دستی و اکسل |
|---|---|---|
| منبع داده | مستقیم از پایگاه‌دادهٔ سامانه‌های موجود، سمت سرور | فایلی که کسی فرستاده است |
| تاریخچه | هر تغییر با کاربر و زمان ثبت می‌شود | معلوم نیست چه کسی عدد را عوض کرده |
درست با --success و نادرست با --danger: تنها سطحی که توکن بازخورد داوری می‌کند، نه وضعیت سامانه. دو آیکون دو شکل متفاوت‌اند و هر سلول متن خودش را دارد، پس داوری هرگز فقط بر رنگ نمی‌ایستد.