Medium

پالت

خنثی

• Newsprint Cream #f7f4ed — بوم صفحه، پس‌زمینه پنجره اصلی و پس‌زمینه بخش، سایه‌ای گرم و کمی کرمی دارند که حس یک رابط کاربری چاپی را به جای یک رابط کاربری دیجیتال ایجاد می‌کند.
• Paper White #ffffff — سطوح مقوایی، پنل‌های برجسته، فرم‌های ورودی و هر سطحی که باید از بوم کرم رنگ جدا شود.
• Ink #242424 — متن بدنه، متن بدنه، لینک‌ها، عنوان‌ها - کمی گرم‌تر از مشکی خالص، روی پس‌زمینه کرم رنگ خوب به نظر می‌رسد.
• Body Gray #333333 — رنگ متن ثانویه و رنگ پیش‌فرض پیش‌زمینه در جایی استفاده می‌شوند که رنگی کمی روشن‌تر از رنگ جوهر بدون از دست دادن کنتراست مورد نیاز باشد.
• Button Black #191919 — رنگ خنثی برای عناصر رابط کاربری ثانویه، جداکننده‌ها و برچسب‌های بی‌رنگ پشتیبانی می‌شود. این رنگ نباید به عنوان رنگ اصلی برای دکمه‌های فراخوان عمل (Call to action) استفاده شود.
• Marginalia Gray #6b6b6b — پشتیبانی از رنگ‌های خنثی برای رابط کاربری ثانویه، جداکننده‌ها و برچسب‌های بی‌صدا.

تایپوگرافی

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

• medium-content-sans-serif-font — جایگزینی: Inter · طرح کلی 400 · فونت medium-content-sans-serif - در داده‌های استخراج‌شده یافت می‌شود اما توسط هوش مصنوعی توصیف نشده است.
• GT Super — جایگزینی: Playfair Display · طرح کلی 400 · سرتیترها و متن بدنه، یک فونت سریف کتاب انتقالی در مقیاس بسیار بزرگ با فاصله کم حروف و فاصله خط ۰.۸۳ هستند. انتخاب وزن ۴۰۰ (نه پررنگ) در ۱۲۰ پیکسل، یک ویژگی شاخص است: شکل حروف، نه وزن آنها، کار را انجام می‌دهد. فاصله منفی حروف، شکاف‌های بصری را کاهش می‌دهد و باعث می‌شود «داستان‌ها و ایده‌های انسانی» مانند یک بلوک تایپوگرافی منسجم به نظر برسد.
• Söhne — جایگزینی: Inter · طرح کلی 400 · فونت رابط کاربری sans-serif برای ناوبری، دکمه‌ها، زیرعنوان‌ها و عناوین کوچک استفاده می‌شود. محدوده ۱۳ تا ۱۴ پیکسل برای برچسب‌ها و دکمه‌های ناوبری است؛ ۲۰ تا ۲۲ پیکسل برای زیرعنوان‌ها و متن ثانویه در عنوان است. یک sans-serif تمیز با تناسبات انسانی در اندازه‌های کوچک خوانا و در اندازه‌های بزرگتر نامحسوس است.

فواصل و فرم

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

• 1X NEO — ۱X Tech یک سینمای خانگی آرام است. صفحه‌ای کم‌رنگ با متن سرمقاله‌ای با صحنه‌های سینمایی از افراد و یک ربات انسان‌نما باز می‌شود، در حالی که عناصر رابط کاربری به زیرنویس‌های کوچک و فاصله‌دار و تصاویر تک‌رنگ ملایم تقلیل یافته‌اند.
• B150 — یک کلاس آموزشی عالی برای گرین فیلم آینده. خلق بخش‌های ویرایشی روشن و خامه‌ای در مقابل تصاویر تیره و در اندازه انسانی از محصولات و سازندگان.
• Captions — یک میز تدوین آفتاب‌گیر. یک نوار ناوبری شفاف و منحنی را روی یک فضای کاری واضح، سفید و کمی پر سر و صدا قرار دهید، سپس آن را با سطوح کاری آبی کم‌رنگ و نماهای نزدیک از فیلم تکمیل کنید.
• Steep — تحلیل فونت‌های سریف روی کاغذ گرم
• Newformcap — روزنامه سرمقاله در رختکن
• Claude — اثری چاپ‌شده روی پوست گرم - جوهر روی کاغذ استخوانی، خاک رس به عنوان تنها نفس رنگ
• 11x– Digital workers — یک برهوت سینمایی - عکس‌های پانوراما از مناظر در برابر تیترهای ماندگار با حروف سریف که مانند صفحات یک مجله لوکس خوانده می‌شوند
• Revolut — یک اثر ویرایشی تک‌رنگ بر اساس عکسی از ابرها - جوهر سفید، دکمه‌های جعبه قرص، یک نوار رنگی آبی در دنیایی که در غیر این صورت خاکستری بود.
• Scheduling — جوهر تحریریه روی کاغذ کرم رنگ
• Titan — آرشیو تک رنگ با تُن گرم
• AWE — یک رصدخانه رباتیک بعد از نیمه شب. صفحات سیاه و گالری مانندی ایجاد کنید که در آن نوشته‌های کم‌رنگ سرمقاله روی تصاویر هوش مصنوعی و متن‌های کوچک داشبورد شناور باشند.
• Programa — یک استودیوی طراحی سوئیسی در ظهر. دیوار گالری سفید توسط یک چراغ رومیزی زرد روشن شده است - همه چیز در سایه‌های خاکستری است تا زمانی که یک دکمه، نماد یا عنصر تزئینی توجه را جلب کند، و سپس آن عنصر زرد رنگ، کل اتاق را تعریف می‌کند.

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