Substack

پالت

برند

• Signal Orange #ff6719 — نارنجی به عنوان یک رنگ ثانویه برای جزئیات تزئینی و برجسته کردن نشانه‌های نادر استفاده می‌شود. نباید به عنوان رنگ اصلی برای دکمه‌های فراخوان عمل (Call to action) استفاده شود.

خنثی

• Ink #363737 — متن بدنه - متن اصلی، سرتیترها، عناوین پست‌ها، مهرهای زمانی و نام نویسندگان؛ یک رنگ گرم و تقریباً سیاه به جای #۰۰۰ خالص برای خواندن آسان‌تر.
• Paper #ffffff — بوم صفحه، سطوح کارت، فیلدهای ورودی و پس‌زمینه ناوبری، سطوح غالبی هستند که بخش عمده‌ای از رابط کاربری را اشغال می‌کنند.
• Charcoal #232525 — حالت شناور برای متن و لینک‌های اضافی با سطوح انتخاب بالا؛ عمیق‌تر از حالت جوهر برای بلوک‌های کد و بلوک‌های انتخاب.
• Stone #777777 — رنگ خنثی برای عناصر رابط کاربری ثانویه، جداکننده‌ها و برچسب‌های بی‌رنگ پشتیبانی می‌شود. این رنگ نباید به عنوان رنگ اصلی برای دکمه‌های فراخوان عمل (Call to action) استفاده شود.
• Ash #b6b6b6 — خطوط حاشیه نازک، طرح کلی دکمه‌ها، طرح کلی آیکون‌ها، حاشیه‌های روی کنترل‌های غیرفعال.
• Mist #c8c8c8 — خطوط جداکننده، پس‌زمینه‌ی ساده برای آیکون‌ها، پر کردن سلول‌های خالی به شکل اسکلت.

تایپوگرافی

از ۱۲ تا ۳۲ پیکسل · ۵ مرحله

• system-ui — جایگزینی: -apple-system · طرح کلی 400, 500, 600 · فونت اصلی رابط کاربری و متن بدنه، برای برچسب‌های ناوبری، دکمه‌ها، متن پیام، فراداده، فیلدهای ورودی و تمام عناصر رابط استفاده می‌شود. اندازه‌های فشرده ۱۲-۱۳ پیکسل برای فراداده و ۱۵-۱۹ پیکسل برای متن بدنه، حس یک فید خبری متراکم را ایجاد می‌کند. وزن برای متن بدنه ۴۰۰، برای عناصر ناوبری و برچسب‌های دکمه ۵۰۰ و برای عناوین پیام‌های هایلایت شده و سرتیترهای بخش ۶۰۰ است.
• Cahuenga — جایگزینی: Charter · طرح کلی 500 · یک فونت سریف تزئینی شاخص برای تیترهای سطح محصول (تیترهای سایدبار، تیترهای کارت ثبت نام، متن اصلی). وزن متوسط و ارتفاع خط اندک آن، ظاهری متمایز بدون احساس حجیم بودن به آن می‌دهد؛ این تنها فونتی است که علاوه بر رنگ نارنجی، هویت Substack را نشان می‌دهد.
• Spectral — جایگزینی: Charter · طرح کلی 400 · یک فونت سریف برای پست‌های طولانی - که در اتاق‌های مطالعه و در محتوای فید خبری برای بهبود خوانایی مطالب سرمقاله استفاده می‌شود. فاصله خطوط کمی کمتر (۱.۲۰) خواندن راحت پاراگراف را تضمین می‌کند و در عین حال فشردگی معمول اتاق‌های خبر را حفظ می‌کند.

فواصل و فرم

سبک‌های مشابه

• Mollie — یک پیشخوان ترمه، یک دفتر کل تیره. فضای سفید کافی برای طراحی سرمقاله در اطراف متن سیاه بگذارید، سپس نکات مربوط به محصول را با کرم‌های گرم، قهوه‌ای‌های اسپرسو و عکس‌های لمسی از روش‌های پرداخت واقعی تقویت کنید.
• Kagi — یک اتاق مطالعه جداگانه. یک فضای سفید باز در اطراف متن گرافیتی پررنگ ایجاد کنید، با استفاده از لهجه‌های بنفش ظریف و سطوح پاستلی گرم برای شکستن آرامش.
• Milanote — میلانوت یک استودیوی خلاق اختصاصی است. با استفاده از تابلوهای بصری شناور، صفحاتی به سبک گالری سرمقاله ایجاد کنید: دیوارهایی با قاب تیره، فضای نمایش سفید و اسکرین‌شات‌هایی که با عمق ملایم مانند اشیاء واقعی به نظر می‌رسند.
• Co2 — یک اطلس اقلیمی در نور زمستانی. صفحاتی مانند یک سند هوایی منظره ایجاد کنید، جایی که سرتیترهای سریف، داده‌های کدگذاری شده با دسته‌بندی و تصاویر یخی حاشیه‌های سفید پهن را برجسته می‌کنند.
• GitButler — فیروزه‌ای در انتهای متن. ترکیبی از تیترهای سریف با کنتراست بالا با شبکه‌های فنی ظریف، سطوح گرافیتی گرم و یک لهجه فیروزه‌ای ملایم.
• ElevenLabs — یک مقاله تصویری با تُن‌های کرم گرم با تیترهای ظریف. یک دفترچه یادداشت به سبک باوهاوس - کاغذ به رنگ پوست تخم‌مرغ، جوهر مشکی و یک تکه رنگ بنفش و نارنجی برای نمایش محصول.
• Awesomic — توری زینک تحریریه با علائم نگارشی نارنجی که یادآور پولک‌های رنگی است
• Monad — مجله فنی سرمقاله در مورد پوست گرم
• Dub — پنل کنترل کاغذ برنج مات لینک
• Seline Analytics — یک میز تحلیلی آرام روی کاغذ گرم
• Notion — یک دفترچه یادداشت کاغذی گرم در آفتاب ظهر
• Anthropic — یک ژورنال علمی میدانی روی پوست گرم - سطوح عاجی آرام، سربرگ‌های سرصفحه‌دار و یک لهجه گلی که فقط در صورت نیاز به اقدام ظاهر می‌شود.

کاتالوگ سبک‌ها بر اساس دسته‌بندی