پایا نیروسانPAYA NIROO SAN
ورود / ثبت‌نام

راهنمای برند

هر نمونه این صفحه از خودِ توکن‌های طراحی رندر می‌شود و نسبت‌های کنتراست در همین لحظه اندازه گرفته می‌شوند. اگر روزی پالت عوض شود، این صفحه هم عوض می‌شود — و اگر چیزی از آستانه بیفتد، همین‌جا قرمز می‌شود.

نشان

روی سطح روشن

روی سطح برند

پایا نیروسانPAYA NIROO SAN

قفل کامل — نشان و نام

فضای آزاد: دست‌کم به اندازه ارتفاع خودِ نشان در هر چهار طرف. هیچ متن یا عنصری داخل این فضا نمی‌آید.

نام همیشه متن است، نه تصویر: فایل تحویلی یک قفلِ عمودیِ مربع است (نشان بالا، نوشتار پایین) و در هدرِ افقی نوشتارش ناخوانا می‌شد. در سایت فقط نشان تصویر است و «پایا نیروسان» متنِ زنده — تا در تم تیره هم درست دیده شود.

آنچه نباید کرد

  • تغییر نسبت ابعاد یا کشیدگی
  • تغییر رنگ‌های نشان به رنگ دلخواه — رنگ‌ها از توکن می‌آیند
  • افزودن سایه، درخشش یا افکت
  • قرار دادن روی پس‌زمینه شلوغ بدون کادر محافظ
  • چرخاندن

رنگ — لایه نقش

تنها لایه‌ای که کامپوننت اجازه مصرفش را دارد. نسبت‌ها زنده‌اند؛ کلید تم بالا را بزنید تا هر دو حالت را ببینید.

توکن‌های نقش و نسبت کنتراست سنجیده‌شده
نمونهکاربردتوکنکنتراست
نمونه متنمتن اصلی روی سطح--text / --surface
نمونه متنمتن کم‌رنگ--text-muted / --surface
نمونه متنمتن محو--text-subtle / --surface
نمونه متنمتن برند--text-brand / --surface
نمونه متنپیوند--text-link / --surface
نمونه متنمتن روی دکمه اصلی--text-on-accent / --action-primary
نمونه متنمتن روی دکمه ثانویه--text-on-brand / --action-secondary
نمونه متنمتن روی دکمه خطر--text-on-danger / --action-danger
نمونه متنمتن خطا روی کادر ملایم--text-danger / --surface-danger-subtle
نمونه متنمتن موفقیت روی کادر ملایم--text-success / --surface-success-subtle
نمونه متنحلقه فوکوس--focus / --surface

رنگ — لایه مقیاس

سرمه الکتریکی — برند اصلی --color-primary-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

آبی روشن — برند ثانویه --color-secondary-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

نارنجی — تأکید --color-accent-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

طلایی — تأکید دوم --color-gold-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

موفقیت --color-success-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

هشدار --color-warning-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

خطا --color-danger-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

خنثی --color-neutral-*

۵۰
۱۰۰
۲۰۰
۳۰۰
۴۰۰
۵۰۰
۶۰۰
۷۰۰
۸۰۰
۹۰۰
۹۵۰

تایپوگرافی

وزیرمتن، خودمیزبان، فونت متغیر. هیچ درخواستی به CDN خارجی نمی‌رود.

5xlشبکه توزیع نیروی برق2.986rem
4xlشبکه توزیع نیروی برق2.488rem
3xlشبکه توزیع نیروی برق2.074rem
2xlشبکه توزیع نیروی برق1.728rem
xlشبکه توزیع نیروی برق1.44rem
lgشبکه توزیع نیروی برق1.2rem
baseشبکه توزیع نیروی برق1rem
smشبکه توزیع نیروی برق0.9rem
xsشبکه توزیع نیروی برق0.833rem
2xsشبکه توزیع نیروی برق0.694rem

وزن‌ها

regular — نمونه متنmedium — نمونه متنsemibold — نمونه متنbold — نمونه متنblack — نمونه متن
در فارسی `letter-spacing` مثبت اتصال حروف را می‌شکند. روی body صفر است و همان‌جا می‌ماند.

شعاع و فاصله

شعاع گوشه

none
sm
base
md
lg
xl
full

مقیاس فاصله

1
0.25rem
2
0.5rem
3
0.75rem
4
1rem
6
1.5rem
8
2rem
12
3rem
16
4rem

قواعد نوشتار فارسی

قواعدی که در تمام متن‌های رابط کاربری رعایت می‌شوند
مورددرستنادرست
حرف «ی»ی فارسی (U+06CC)ي عربی
حرف «ک»ک فارسی (U+06A9)ك عربی
ارقام نمایشی۱۲۳۴1234
ارقام قابل کپیکد رهگیری و شبا لاتینشبای فارسی
جداکننده هزارگان۱٬۲۳۴٬۵۶۷ با ٬۱,۲۳۴,۵۶۷ با ویرگول لاتین
نیم‌فاصلهمی‌شود، صورت‌وضعیتمی شود، صورت وضعیت
تاریخ نمایشی۱۴۰۵/۰۶/۰۱ شمسیمیلادی
تاریخ ذخیره‌شدهمیلادی timestamptzرشته شمسی
شماره و کدبا dir="ltr"بدون جهت صریح

بیشتر