Apple

پالت

برند

• Apple Blue #0071e3 — دکمه‌های عملیاتی پر شده، حالت‌های انتخاب شده - تنها رنگ کروماتیک تعاملی که به طور مختصر استفاده شده تا هر ظاهری معنادار باشد.
• Link Blue #0066cc — حاشیه‌های اکشن برجسته، لینک‌های جاسازی‌شده - در جایی که یک تبلت پرشده بیش از حد پر زرق و برق باشد، از رنگی اشباع‌شده‌تر از آبی اپل استفاده شده است.
• Signal Blue #2997ff — قاب‌های تزئینی، خطوط بیرونی تصویر، حاشیه آیکون‌ها - روشن‌ترین رنگ آبی در سیستم، که بیشتر برای ایجاد حس و حال استفاده می‌شود تا تعامل با کاربر.

خنثی

• Carbon #1d1d1f — متن اصلی، حاشیه‌های عنوان، خطوط ناوبری، حاشیه‌های کارت - رنگ جوهر غالب تقریباً مشکی با کمی گرمی است.
• Frost #f5f5f7 — بوم صفحه، پس‌زمینه متن اصلی و سطح پاورقی به رنگ خاکستری روشن مخصوص اپل هستند، کمی سردتر از سفید خالص.
• Ice #f4f8fb — سطوح پر شده رسا، رنگ‌های ظریف، متن دکمه روی پس‌زمینه تیره - یک رنگ آبی ظریف که به بخش مورد نظر جان می‌بخشد بدون اینکه آن را برجسته کند.
• Smoke #333333 — متن ثانویه، رنگ ناوبری، حاشیه دکمه‌ها - یک رنگ خنثی همه‌کاره برای حاشیه‌ها و آیکون‌هایی که به جذابیت بیشتری نسبت به خاکستری متوسط نیاز دارند.
• Graphite #474747 — متن ناوبری، حاشیه‌های ناوبری، حاشیه‌های لینک - در سلسله مراتب عناصر، جایگاه میانی بین کربن و دود را اشغال می‌کند.
• Ash #707070 — متن پاورقی، حاشیه‌های فهرست، حاشیه‌های ناوبری، متن بدنه بی‌صدا - خاکستری متوسط برای محتوایی که باید وجود داشته باشد اما برجسته نباشد.

تایپوگرافی

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

• SF Pro Display — جایگزینی: Inter · طرح کلی 400, 600, 700 · تیترها و متن‌های بزرگ - اندازه‌های ۴۰ پیکسل به بالا - از قالب نمایشی برای دیافراگم باریک‌تر و ردیابی نگاتیو قوی‌تر استفاده می‌کنند؛ ۷۰۰ برای طرح‌بندی‌های تبلیغاتی و ۴۰۰ برای نام محصولات در محتوای سرمقاله در نظر گرفته شده است.
• SF Pro Text — جایگزینی: Inter · طرح کلی 300, 400, 600 · متن بدنه، ناوبری، دکمه‌ها، زیرعنوان‌ها — فونت مناسب؛ ۴۰۰ برای متن بدنه، ۳۰۰ برای زیرعنوان‌ها و برچسب‌های واجد شرایط، ۶۰۰ برای عناصر ناوبری و متن دکمه؛ فاصله منفی حروف متناسب با اندازه کاهش می‌یابد (از -۰.۰۲۲em تا ۱۲px به -۰.۰۱em تا ۴۴px).

فواصل و فرم

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

• Studio — یک دیوار گالری در حال حرکت. هر صفحه نمایش، یک سطح نمایشگاهی آرام و خاکستری را نشان می‌دهد که در آن مواد تایپوگرافی و آثار خلاقانه همپوشانی برای جلب توجه رقابت می‌کنند.
• Mollie — یک پیشخوان ترمه، یک دفتر کل تیره. فضای سفید کافی برای طراحی سرمقاله در اطراف متن سیاه بگذارید، سپس نکات مربوط به محصول را با کرم‌های گرم، قهوه‌ای‌های اسپرسو و عکس‌های لمسی از روش‌های پرداخت واقعی تقویت کنید.
• Basis Theory — پایانه‌های پرداخت در استودیوی طراحی. کاغذ فنی سفید، لایه‌های تراکنش شفاف روی هم افتاده، و یک عنصر کنترل فیروزه‌ای، جهت بصری را تعریف می‌کنند.
• CleanShot X — استودیویی با دسکتاپی با نور آبی. یک فضای سفید آرام در اطراف متن مشکی فشرده ایجاد کنید، سپس اجازه دهید کنترل‌های آبی غنی و تصاویر لایه لایه محصولات مک در مرکز توجه قرار گیرند.
• Modern Treasury — یک دفتر کل خزانه روی کاغذ شطرنجی. صفحاتی ایجاد کنید که شبیه یک برگه عملیاتی سفید و بی‌صدا باشند، جایی که جریان‌های نقدی با خطوط ظریف، گره‌های برچسب‌گذاری شده و کنترل‌های دقیق و پنهان نمایش داده می‌شوند.
• Basha-Franklin — یک شبکه گالری در زیر یک نعل درگاه سفید. از یک رنگ گرم #f4ede6، یک ساختار مشکی ظریف و ستون‌های نامتقارن بر اساس عکس‌هایی که شبیه یک نمونه کار معماری چاپ شده هستند، استفاده کنید.
• Bajgart Office — دیوار گالری تحریریه. از یک فضای سفید بزرگ استفاده کنید که در آن فونت‌های سریف ظریف و قطعات نمونه کارها وزن بصری بیشتری نسبت به عناصر رابط کرومی دارند.
• Heptabase — یک میز آفتاب‌گیر. سطوح گرم و کاغذ مانند، کنترل‌های به رنگ زغالی و پنجره‌های شناور برای تحقیق، حس یک فضای کاری سازمان‌یافته را به جای یک پنل کنترل نرم‌افزار ایجاد می‌کنند.
• Bejamas — پیژامه - آهک اسیدی از میان شیشه سیاه. صفحات سرمقاله‌ای آرام و خاکستری روشن خلق کنید که با پنل‌های سیاه جذاب، جایی که رگه‌های سبز مات نور سطح را قطع می‌کنند، قطع می‌شوند.
• Baba — یادداشت‌های مراقبتی در نور قرمز خورشید. نوارهای روایی قرمز پهنی را در اطراف سطوح اطلاعاتی سفید، صورتی و کرم صمیمی ایجاد کنید و از عکس‌های افراد به عنوان مرکز احساسی استفاده کنید.
• Grafana Labs — اتاق کنترل ایستگاه سیگنال طلوع آفتاب. یک فضای کاری آرام به رنگ خاکستری و سفید با یک گرادیان افقی گسترده و چهار رنگ و سیگنال‌های رابط آبی دقیق ترکیب شده است.
• Kagi — یک اتاق مطالعه جداگانه. یک فضای سفید باز در اطراف متن گرافیتی پررنگ ایجاد کنید، با استفاده از لهجه‌های بنفش ظریف و سطوح پاستلی گرم برای شکستن آرامش.

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