تایپوگرافی

یکان بخ، تنها فونت برند — واقعیت‌های فونت و مجوز آن، سه وزن و قاعدهٔ 600، نقش‌های متن محصول، مقیاس ارتباطی، و قلم شناسه‌ها.

چرا یکان بخ

یکان بخ تنها فونت برند پرتو است: در محصول، وب‌سایت، گزارش، ارائه و شبکه‌های اجتماعی. یکان بخ از ابتدا برای خط فارسی طراحی شده است، نه نسخهٔ فارسی‌شدهٔ یک فونت لاتین: نسبت‌ها، فاصله‌ها و انحناهایش از خود خط فارسی می‌آیند. در اندازه‌های کوچک رابط خوانا می‌ماند و در اندازه‌های بزرگ تیتر شخصیت دارد؛ یک فونت برای هر دو کار، خودش بخشی از یکپارچگی برند است.

مشخصات فونت

ویژگیمقدار
فایلفونت متغیر (Variable)، YekanBakh-VF
محور وزناز 100 تا 950
محور دیگرDOTS از 0 تا 1؛ پرتو آن را به کار نمی‌برد
وزن‌های نام‌دارThin 100 · Light 300 · Regular 400 · SemiBold 600 · Bold 700 · ExtraBold 800 · Black 900 · ExtraBlack 950
وزن‌هایی که پرتو به کار می‌برد400، 500 و 600 (وزن 500 نام ندارد ولی روی محور وزن هست)
طراحیرضا بختیاری‌فرد و ماهان جعفرزاده، منتشرشده در فونت‌ایران
مجوزاستفاده از فونت به مجوز فونت‌ایران نیاز دارد (شرایط مجوز)

یکان بخ فونت تجاری است

یکان بخ فونت تجاری فونت‌ایران است؛ برای استفاده مجوز بگیرید. فایل فونت از این راهنما دریافت‌شدنی نیست و آن را جداگانه توزیع نکنید: شریک یا آژانسی که برای پرتو طراحی می‌کند، مجوز خودش را از فونت‌ایران تهیه می‌کند.

وزن‌ها

سه وزن، هر کدام با یک کار:

400 Regularمتن

گفت‌وگوی برند در هفتهٔ اخیر

500تأکید درون متن، برچسب فیلد و متادیتا

گفت‌وگوی برند در هفتهٔ اخیر

600 SemiBoldهمهٔ عنوان‌ها، و نام در امضا

گفت‌وگوی برند در هفتهٔ اخیر

  • 400 برای متن.
  • 500 برای تأکید درون متن، برچسب فیلد و متادیتا (سرِ ستون جدول، برچسب شاخص).
  • 600 برای همهٔ عنوان‌ها، از عنوان صفحه تا عنوان کارت، و برای نام در امضا.
  • هیچ‌چیز بالاتر از 600 نیست: نه در محصول، نه در بازاریابی، نه در چاپ. وزن‌های 700 تا 950 در فونت هستند و به کار نمی‌روند. سلسله‌مراتب را اندازه و فاصله می‌سازند، نه سنگینی.

نقش‌های متن در محصول

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

عنوان صفحهtext-displayدر حال اندازه‌گیری…یک بار در هر صفحه، در سربرگ صفحه.

گفت‌وگوی برند در هفتهٔ اخیر

عنوان بخشtext-headingدر حال اندازه‌گیری…عنوان بخش‌های یک صفحه، و عنوان گفت‌وگو و پنل.

تحلیل احساسات

عنوان کارتtext-subheadingدر حال اندازه‌گیری…عنوان کارت، پنل و حالت خالی.

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

متنtext-bodyدر حال اندازه‌گیری…متن پیش‌فرض رابط.

در این بازه 2,345,892 پست از منابع مختلف بررسی شد.

متادیتاtext-metaدر حال اندازه‌گیری…سرِ ستون جدول، برچسب شاخص، اطلاعات کنار عنوان.

تعداد کل پست‌ها

زیرنویس و راهنمای فیلدtext-captionدر حال اندازه‌گیری…راهنمای زیر فیلد و توضیح کوتاه؛ کوچک‌ترین متن خواندنی، و متن فارسی از این کوچک‌تر نمی‌شود.

بر اساس داده‌های 24 ساعت گذشته

عدد شاخصtext-statدر حال اندازه‌گیری…عدد اصلی کارت شاخص.

12,480

مقیاس ارتباطی

مقیاس ارتباطی برای متنی است که باید از دور یا در یک نگاه خوانده شود: تیتر صفحهٔ فرود، جلد و عنوان ارائه، کارت شبکه‌های اجتماعی، چاپ و بخش آغازین همین راهنما. سه پله دارد: نمایش 48/68، تیتر 36/52 و زیرتیتر 28/40 (اندازه و ارتفاع خط به پیکسل)، همه با وزن 600 و بدون فاصله‌گذاری حروف. در رابط محصول به کار نمی‌رود؛ آنجا نقش‌های متن بالا به کار می‌روند.

نمایش48/68 · 600تیتر صفحهٔ فرود، جلد ارائه؛ زیر 768 پیکسل 36/52

گفت‌وگوی برند در هفتهٔ اخیر دو برابر شد و سهم گفت‌وگوی مثبت به 62٪ رسید.

تیتر36/52 · 600عنوان اسلاید، تیتر کارت شبکهٔ اجتماعی

گفت‌وگوی برند در هفتهٔ اخیر دو برابر شد و سهم گفت‌وگوی مثبت به 62٪ رسید.

زیرتیتر28/40 · 600عنوان بخش در گزارش چاپی و صفحهٔ بازاریابی

گفت‌وگوی برند در هفتهٔ اخیر دو برابر شد و سهم گفت‌وگوی مثبت به 62٪ رسید.

در صفحه‌های باریک (کمتر از 768 پیکسل) پلهٔ نمایش به اندازهٔ پلهٔ تیتر (36/52) پایین می‌آید تا یک عنوان دوواژه‌ای شکسته نشود. این مقیاس کلاس آماده‌ای در @partodata/ui ندارد: در طرح یا کد، همین اندازه‌ها و وزن را به کار ببرید.

ارقام

ارقام از زبان محتوا پیروی می‌کنند: در متن فارسی به فارسی دیده می‌شوند و در شناسه‌ها (کد، نشانی، نام کاربری) لاتین می‌مانند. قاعدهٔ کامل، جداکننده‌ها و دلیل آن در فارسی اول و قالب‌بندی عدد و تاریخ آمده است.

قلم شناسه‌ها

تنها استثنای «فقط یکان بخ» قلم ثابت‌عرض است: IBM Plex Mono و قلم ثابت‌عرض سیستم، برای کد، مقدار رنگ، نام توکن و شناسه‌ها، همیشه چپ‌به‌راست. نمونه‌اش همین مقدارهاست: #3ECF8E، --brand-600، PartoLogo.

متن انگلیسی و جهت

  • متن اصلی همیشه راست‌به‌چپ است.
  • فیلدهای ایمیل، نشانی وب، تلفن، عدد و رمز عبور از ابتدا چپ‌به‌راست‌اند؛ کامپوننت Input سیستم طراحی این را خودش تنظیم می‌کند.
  • نام‌ها و اصطلاح‌های انگلیسی درون متن فارسی به همان شکلی نوشته می‌شوند که خودشان نوشته می‌شوند («داشبورد پرتو با Tableau یکپارچه می‌شود»)، نه تمام‌حروف‌بزرگ.

ممنوع‌ها

  • هر فونت دیگر: ایران‌سنس، وزیرمتن، ساحل و مانند آن‌ها. در ایمیل، که فونت گیرنده در اختیار ما نیست، فونت سیستم (Tahoma) جایگزین است.
  • ایتالیک فارسی: فارسی ایتالیک ندارد و مرورگر آن را با کج کردن حروف می‌سازد. برای تأکید، وزن 500.
  • فاصله‌گذاری حروف و حروف بزرگ در متن فارسی.
  • وزن بالاتر از 600.
  • کشیدن یا فشردن متن. نسبت‌های فونت ثابت‌اند.

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