پرش به محتوای اصلی
مدیریت دانشبهسازان ملت

سیستم طراحی

همه صفحات سامانه از همین اجزا، رنگ‌ها و قواعد پیروی می‌کنند. حالت‌های مختلف هر جزء در این صفحه قابل مشاهده است تا پیاده‌سازی در Confluence یکدست انجام شود.

رنگ‌ها

پالت برند بدون تغییر حفظ شده است. برای متن‌های کوچک، سایه‌های تیره‌تر همان رنگ‌ها تعریف شده تا نسبت کنتراست WCAG AA تأمین شود.

پالت برند

رنگ اصلی برند#2194D2primaryآیکون‌ها، نشانگر فعال، نوار پیشرفت، حلقه فوکوسکنتراست روی سفید: ۳٫۴ : ۱ (فقط عناصر بزرگ)
تیره سازمانی#17324Dnavyعنوان‌ها، بخش‌های تأکیدی، پیام‌هاکنتراست روی سفید: ۱۳٫۱ : ۱
پس‌زمینه اصلی#F5F7FAbackgroundزمینه صفحات
سطح کارت‌ها#FFFFFFcardکارت‌ها، منوها، فرم‌ها
متن اصلی#253449foregroundمتن بدنهکنتراست روی سفید: ۱۲٫۶ : ۱
متن ثانویه#738195subtleآیکون‌های کمکی و متن راهنمای فیلدهاکنتراست روی سفید: ۴ : ۱
خطوط#E5EAF0borderحاشیه کارت‌ها و جداکننده‌ها
موفقیت#239B73successوضعیت منتشرشده، تأیید
هشدار#E9A23Bwarningدر انتظار بررسی، نیازمند به‌روزرسانی

سایه‌های دسترس‌پذیر برای متن

آبی دکمه و پیوند#1B7DB3primary-strongزمینه دکمه اصلی و متن پیوندهاکنتراست روی سفید: ۴٫۵ : ۱
آبی عمیق#176A98primary-deepحالت Hover دکمه و متن روی زمینه آبی روشنکنتراست روی سفید: ۵٫۹ : ۱
متن ثانویه دسترس‌پذیر#66748Amuted-foregroundتوضیحات، تاریخ‌ها و فرادادهکنتراست روی سفید: ۴٫۷ : ۱
سبز متن#1A7A5Asuccess-strongمتن برچسب‌های موفقیتکنتراست روی سفید: ۵٫۳ : ۱
نارنجی متن#9A5F0Bwarning-strongمتن برچسب‌های هشدارکنتراست روی سفید: ۵٫۲ : ۱
خطا#C93C3Cdestructiveپیام خطا و نیازمند اصلاحکنتراست روی سفید: ۴٫۹ : ۱

زمینه‌های روشن

آبی روشن#E9F4FBprimary-soft
سبز روشن#E7F5EFsuccess-soft
نارنجی روشن#FDF3E3warning-soft
قرمز روشن#FCECECdestructive-soft
خاکستری سطح#EEF2F6secondary

تایپوگرافی

فونت Vazirmatn در همه سطوح؛ فاصله سطرها برای خوانایی متن فارسی بلندتر از حالت معمول است. اعداد همیشه به فارسی نمایش داده می‌شوند.

Displaytext-display۴۰ / ۵۸ · ۸۰۰

دانش سازمانی، سرمایه مشترک ماست

H1text-h1۲۸ / ۴۳ · ۷۰۰

راهنمای استاندارد طراحی API

H2text-h2۲۲ / ۳۵ · ۷۰۰

تازه‌ترین دانش‌ها

H3text-h3۱۷ / ۳۰ · ۷۰۰

درس‌آموخته‌های پروژه بانکداری شرکتی

Bodytext-body۱۵ / ۲۸٫۵ · ۴۰۰

تجربیات، تخصص و آموخته‌های همکاران، سرمایه‌ای ارزشمند برای رشد و توسعه سازمان است.

Smalltext-small۱۳ / ۲۳ · ۴۰۰

مهسا کریمی · معماری سامانه‌ها · ۱۲ آبان ۱۴۰۵

Captiontext-caption۱۲ / ۱۹ · ۴۰۰

آخرین به‌روزرسانی ۲ روز پیش

فاصله‌گذاری، گوشه و سایه

همه فاصله‌ها مضربی از ۴ و ۸ پیکسل هستند. گوشه‌ها بین ۶ تا ۱۲ پیکسل و سایه‌ها محدود و هدفمندند.

مقیاس فاصله

۴ پیکسل
۸ پیکسل
۱۲ پیکسل
۱۶ پیکسل
۲۴ پیکسل
۳۲ پیکسل
۴۸ پیکسل
۶۴ پیکسل

گوشه‌ها

۶ پیکسلبرچسب‌ها
۸ پیکسلدکمه‌ها و فیلدها
۱۰ پیکسلمنوها و بلوک‌های داخلی
۱۲ پیکسلکارت‌ها و پنل‌ها

سایه‌ها

shadow-cardکارت در حالت عادی
shadow-raisedکارت در حالت Hover
shadow-popمنوها، اعلان‌ها و پیام‌ها

دکمه‌ها و حالت‌ها

هر دکمه شش حالت دارد. حالت فوکوس با حلقه آبی برای کاربران صفحه‌کلید همیشه قابل مشاهده است.

نوعپیش‌فرضHoverActiveFocusغیرفعالبارگذاری
اصلی
ثانویه
حاشیه‌دار
بی‌زمینه
خطر

فیلدهای فرم

برچسب همیشه بالای فیلد، نشانه الزامی با ستاره قرمز، و پیام خطا زیر فیلد با متن روشن و راهکار.

متن راهنمای فیلد

۴۲ / ۳۰۰
کلید روشن و خاموش

برچسب‌ها و وضعیت‌ها

وضعیت‌ها معادل ماکرو Status در Confluence هستند: خاکستری پیش‌نویس، زرد در انتظار بررسی، قرمز نیازمند اصلاح و سبز منتشرشده.

نوع دانش
راهنمای تخصصیدستورالعملتجربه و درس‌آموختهمحتوای آموزشیمستندات پروژهتحلیل و تحقیقپرسش و پاسخ
وضعیت انتشار
پیش‌نویسدر انتظار بررسینیازمند اصلاحمنتشرشدهنیازمند به‌روزرسانی
محرمانگی و تازگی
عمومیداخلیمحرمانهجدیددانش فنی و تخصصی
آواتار

کارت‌ها

در حالت Hover، کارت دو پیکسل بالا می‌آید، حاشیه آبی و سایه بلندتر می‌گیرد و عنوان آبی می‌شود.

پیش‌فرض
دانش فنی و تخصصیراهنمای تخصصیبه‌روزشده

راهنمای استاندارد طراحی API در سامانه‌های بانکی

اصول، قراردادها و الزامات امنیتی طراحی APIهای REST در سامانه‌های بانکی بهسازان ملت؛ از نام‌گذاری منابع و نسخه‌بندی تا مدیریت خطا، صفحه‌بندی و Idempotency در تراکنش‌های مالی.

مهسا کریمیبه‌روزرسانی۱٬۲۸۴ بازدید
Hover
دانش فنی و تخصصیراهنمای تخصصیبه‌روزشده

راهنمای استاندارد طراحی API در سامانه‌های بانکی

اصول، قراردادها و الزامات امنیتی طراحی APIهای REST در سامانه‌های بانکی بهسازان ملت؛ از نام‌گذاری منابع و نسخه‌بندی تا مدیریت خطا، صفحه‌بندی و Idempotency در تراکنش‌های مالی.

مهسا کریمیبه‌روزرسانی۱٬۲۸۴ بازدید
در حال بارگذاری

بازخورد، خالی و بارگذاری

پنل‌ها معادل ماکروهای Info، Tip، Note و Warning هستند. هر فهرست حالت خالی با راهنمای اقدام بعدی و حالت بارگذاری اسکلتی دارد.

اطلاعات

خلاصه مدیریتی هر دانش در این پنل نمایش داده می‌شود.

نکته

نکات تخصصی و توصیه‌های عملی.

هشدار

دانش در انتظار بررسی یا نیازمند به‌روزرسانی.

یادداشت

توضیحات تکمیلی و محرمانگی.

هنوز دانشی در این بخش ثبت نشده است

نخستین دانش این بخش را شما ثبت کنید.
اسکلت بارگذاری

آیکون‌ها

آیکون‌های خطی یکپارچه با ضخامت یکسان، در سه اندازه ۱۶، ۲۰ و ۲۴ پیکسل. آیکون‌های جهت‌دار برای چیدمان راست‌به‌چپ قرینه می‌شوند.

۱۶ پیکسل۲۰ پیکسل۲۴ پیکسل