Apple

لوحة الألوان

ماركة

• Apple Blue #0071e3 — أزرار الإجراءات المعبأة، والحالات المحددة - اللون التفاعلي الوحيد المستخدم باعتدال لجعل كل ظهور ذا معنى.
• Link Blue #0066cc — تم استخدام لون أكثر تشبعًا من لون Apple Blue في حدود الإجراءات المميزة والروابط المضمنة، حيث قد يكون استخدام لون أكثر تشبعًا من لون Apple Blue أمرًا مزعجًا للغاية.
• Signal Blue #2997ff — الإطارات الزخرفية، ومخططات الصور، وحدود الأيقونات - اللون الأزرق الفاتح في النظام، ويستخدم لإضفاء جو مميز بدلاً من التفاعل مع المستخدم.

حيادي

• Carbon #1d1d1f — النص الرئيسي، وحدود العناوين، وخطوط التنقل، وحدود البطاقات - لون الحبر السائد أسود تقريبًا مع لمحة خفيفة من الدفء.
• Frost #f5f5f7 — تتميز صفحة العرض، وخلفية النص الرئيسي، وسطح التذييل باللون الرمادي الفاتح المميز لشركة آبل، وهو أبرد قليلاً من اللون الأبيض النقي.
• Ice #f4f8fb — تعبئة سطحية معبرة، وألوان دقيقة، ونص زر على خلفية داكنة - لون أزرق خفيف يضفي حيوية على القسم دون أن يجعله بارزًا.
• Smoke #333333 — نص ثانوي، تعبئة التنقل، حدود الأزرار - لون محايد متعدد الاستخدامات للحدود والأيقونات التي تحتاج إلى قوة أكبر من اللون الرمادي المتوسط.
• Graphite #474747 — نص التنقل، وحدود التنقل، وحدود الروابط - تحتل موقعًا وسيطًا بين Carbon و Smoke في التسلسل الهرمي للعناصر.
• Ash #707070 — نص التذييل، وحدود القوائم، وحدود التنقل، ونص الجسم الخافت - لون رمادي متوسط للمحتوى الذي يجب أن يكون موجودًا ولكن ليس بارزًا.

الطباعة

من 12 إلى 56 بكسل · 8 خطوات

• SF Pro Display — الاستبدال: Inter · الخطوط العريضة 400, 600, 700 · تستخدم العناوين والنصوص الكبيرة - الأحجام التي تزيد عن 40 بكسل - تنسيق عرض لفتحة أضيق وتتبع سلبي أقوى؛ 700 مخصصة لتصميمات الإعلانات، و400 مخصصة لأسماء المنتجات في المحتوى التحريري.
• SF Pro Text — الاستبدال: Inter · الخطوط العريضة 300, 400, 600 · نص الجسم، والتنقل، والأزرار، والعناوين الفرعية - خط العمل؛ 400 لنص الجسم، و300 للعناوين الفرعية والتسميات المؤهلة، و600 لعناصر التنقل ونص الزر؛ تتناقص المسافة السالبة بين الأحرف بشكل متناسب مع الحجم (من -0.022em إلى 12px إلى -0.01em إلى 44px).

الفترات والشكل

أنماط مشابهة

• Studio — جدار معرض متحرك. تمثل كل شاشة سطح عرض رمادي هادئ حيث تتنافس المواد الطباعية والأعمال الإبداعية المتداخلة على جذب الانتباه.
• Mollie — عداد من الكشمير، وسجل داكن. اترك مساحة بيضاء واسعة للتصميم التحريري حول النص الأسود، ثم عزز النقاط المتعلقة بالمنتج بألوان كريمية دافئة، وبني إسبريسو، وصور ملموسة لوسائل الدفع الفعلية.
• Basis Theory — أجهزة الدفع في استوديو التصميم. ورق تقني أبيض، وطبقات معاملات شفافة متداخلة، وعنصر تحكم واحد باللون الفيروزي يحدد التوجه البصري.
• CleanShot X — استوديو بسطح مكتب مضاء باللون الأزرق. أنشئ مساحة بيضاء هادئة حول نص أسود صغير، ثم دع عناصر التحكم الزرقاء الغنية وصور منتجات ماك المتراكبة تتصدر المشهد.
• Modern Treasury — دفتر حسابات الخزينة على ورق رسم بياني. أنشئ صفحات تشبه ورقة عمليات بيضاء هادئة، حيث يتم عرض التدفقات النقدية بخطوط دقيقة وعقد مُصنفة وضوابط دقيقة مخفية.
• Basha-Franklin — شبكة عرض أسفل عتبة بيضاء. استخدم لونًا دافئًا (#f4ede6)، وهيكلًا أسودًا خفيفًا، وأعمدة غير متماثلة مستوحاة من صور فوتوغرافية تبدو وكأنها ملف أعمال معماري مطبوع.
• Bajgart Office — جدار معرض التحرير. استخدم مساحة بيضاء كبيرة حيث تحمل الخطوط ذات الزخارف الرقيقة وأجزاء من الأعمال الفنية وزناً بصرياً أكبر من عناصر واجهة المستخدم المطلية بالكروم.
• Heptabase — مكتب مضاء بأشعة الشمس. أسطح دافئة تشبه الورق، وأدوات تحكم بلون الفحم، ونوافذ عائمة للبحث تخلق إحساسًا بمساحة عمل منظمة بدلاً من لوحة تحكم برمجية.
• Bejamas — بيجامات - لون ليموني حامض من خلال زجاج أسود. ابتكر صفحات تحريرية هادئة ذات لون رمادي فاتح تتخللها لوحات سوداء آسرة حيث تتقاطع خطوط خضراء ضبابية من الضوء مع السطح.
• Baba — ملاحظات العناية في ضوء الشمس الأحمر. أنشئ خطوطًا سردية حمراء عريضة حول أسطح معلومات حميمة بيضاء ووردية وكريمية، باستخدام صور الأشخاص كمركز عاطفي.
• Grafana Labs — غرفة التحكم في محطة إشارات شروق الشمس. مساحة عمل هادئة باللونين الرمادي والأبيض تتحد مع تدرج أفقي واسع بأربعة ألوان وإشارات واجهة زرقاء دقيقة.
• Kagi — غرفة قراءة منفصلة. أنشئ مساحة بيضاء مفتوحة حول نص جرافيتي جريء، باستخدام لمسات أرجوانية خفيفة وأسطح بألوان الباستيل الدافئة لكسر الهدوء.

كتالوج الأنماط حسب الفئة