Precise Type؛ مقیاس تایپوگرافی رو دقیق بچین
فرانتاندClaude Opus 5خلاصهٔ کامل‌تر
Precise Type یه ابزار تحت وبه که مقیاس تایپوگرافی (یعنی مجموعه اندازه‌های فونت که با یه نسبت مشخص از هم فاصله دارن) رو برات حساب می‌کنه. سه تا مقدار پایه می‌دی: اندازه فونت، ارتفاع خط و فاصله حروف. بعد ابزار کل پله‌های بالا و پایین اون پایه رو می‌سازه. تو معرفی سایت اومده که هدفش اینه هم طراح‌ها و هم برنامه‌نویس‌ها بتونن ازش استفاده کنن، برای همین کنار خروجی بصری، مدل‌های محاسباتیش رو هم شفاف گذاشته.
نسبت بین پله‌ها از فاصله‌های موسیقی الهام گرفته شده و اسم‌هایی مثل Major Third و Perfect Fifth و Equal Tempered Piano همون نسبت‌هان. یه قابلیت کاربردی دیگه‌ش Line Grid هست: یه عدد پیکسلی می‌دی و ارتفاع همه خط‌ها روی مضرب اون گرد میشه. مثلا با ۴ پیکسل، هر ارتفاع خطی به نزدیک‌ترین مضرب ۴ می‌ره و اگه اصلا نخوای گرد بشه، عدد گرید رو می‌ذاری ۱. یعنی چیدمان متن‌ها روی گرید عمودی صفحه جا می‌افته.
فونت رو می‌تونی از Google Fonts بیاری، وزن و حالت Caps رو عوض کنی و جدول یا نمودار مقیاس رو ببینی. واحدها هم px، rem، ratio، درصد و em رو پوشش می‌دن. خروجی نهایی به شکل CSS یا CSV در میاد که مستقیم بره تو پروژه. تو توضیحات سایت اومده که Material Design هم یکی از سیستم‌های شناخته‌شده‌ایه که از همین ایده مقیاس مدولار استفاده می‌کنه.
یه بخش تاریخچه کوتاه هم داره: می‌گه مقیاس مدولار با کار Tim Brown روی Modular Scale سر زبون‌ها افتاد و برای تایپوگرافی وب تبدیل به یه استاندارد شد. ادعای خود ابزار اینه که یه قدم جلوتر رفته و فقط اندازه فونت رو حساب نمی‌کنه، بلکه کل سیستم تایپ رو از طراحی تا مدل آماده پیاده‌سازی پوشش می‌ده.
نکات کلیدی:
- سه ورودی پایه: Font Size، Line Height و Letter Spacing
- نسبت پله‌ها بر اساس فاصله‌های موسیقی مثل Major Third و Perfect Fifth
- Line Grid ارتفاع خط‌ها رو روی مضرب یه عدد پیکسلی گرد می‌کنه؛ عدد ۱ یعنی بدون گرد کردن
- خروجی به شکل CSS و CSV
- واحدهای پشتیبانی‌شده: px، rem، ratio، درصد و em
