Caldera

لوحة الألوان

ماركة

• Ember #fc5000 — تُعد أزرار الإجراءات الأساسية وبطاقات الإحصائيات واللمسات البصرية الرئيسية هي اللمسة اللونية الجريئة الوحيدة؛ فثرائها على خلفية درجات اللون الرمادي الدافئة يخلق إحساسًا بالإلحاح دون الحاجة إلى عناصر زخرفية إضافية.
• Plasma Violet #524ae9 — قاعدة التدرج اللوني الرئيسية، سطح بطاقة إضافي واحد - يستخدم بشكل حصري تقريبًا في نمط النقاط الرئيسي وعلى بطاقة مخصصة واحدة؛ لا يستخدم أبدًا للتحكم.

حيادي

• Sulfur #f5f28e — خلفية أيقونات الوسوم والفئات، وهي عبارة عن نقاط صغيرة بارزة، عبارة عن لون أصفر ناعم يستخدم للإشارة إلى فئات منشورات المدونة وإعلانات البرامج.
• Limestone #f7f6f2 — تتميز أسطح البطاقات وخلفيات كتل المحتوى وحشوات الأزرار الإضافية بلون أبيض أفتح وأكثر دفئًا مما يجعل العناصر تبرز على خلفية الصفحة.
• Pumice #e2e2df — الخلفية الرئيسية للصفحة هي لون رمادي متوسط دافئ يعمل كأساس لكل قسم؛ وهو أغمق قليلاً من سطح الورق المقوى، مما يسمح بفصل دقيق بين الشكل والخلفية دون ظلال.
• Obsidian #070607 — النص الرئيسي والعناوين ونصوص الروابط وإطارات الأزرار سوداء تقريبًا مع مسحة دافئة بالكاد يمكن ملاحظتها تتناسب مع الألوان الدافئة للوحة القماشية.
• Chalk #ffffff — النص في الأجزاء الداكنة، إدخال النص على خلفيات داكنة، طبقات عالية التباين - يتم استخدام اللون الأبيض النقي فقط عندما يكون التباين الأقصى مع الأسطح الداكنة مطلوبًا.

الطباعة

من 12 إلى 189 بكسل · 10 خطوات

• PP Neue Corp Compact — الاستبدال: Bebas Neue · الخطوط العريضة 400 (Ultrabold cut) · جميع العناوين ونصوص العرض. يضفي خطٌّ مُصمَّم خصيصًا، مُكثَّف، وعريض للغاية، على العناوين طابعًا صناعيًا قويًا يُشبه اللافتات. يعكس حجم 189 بكسل في الكتلة الرئيسية أسلوب العلامة التجارية المميز: مُكثَّف، يكاد يكون هيكليًا أكثر منه طباعيًا. تُفعِّل إعدادات "ss06" و"ss10" أشكالًا بديلة للأحرف ومسافات بينها، مما يُضفي إيقاعًا أكثر كثافةً وقوة. تُعدُّ المسافة الموجبة بين الأحرف (+0.02em) غير معتادة في أحجام العرض، وتمنع الشعور بضيق النص عند أحجام تتراوح بين 80 و189 بكسل.
• DM Sans — الاستبدال: Inter · الخطوط العريضة 500 (Medium only — never Regular or Bold) · يبلغ حجم النص الرئيسي وروابط التنقل وعناوين الأزرار والعناوين الفرعية 30 بكسل كحد أقصى. تم اختيار وزن الخط المتوسط عن قصد، فالخط العادي سيبدو نحيفًا جدًا مقارنةً بخط العناوين العريض جدًا، بينما سيتنافس الخط العريض معه. يُضفي خط DM Sans لمسة إنسانية وهندسية خفيفة على خط العناوين ذي الطابع الصناعي.
• System sans-serif — الاستبدال: Inter · الخطوط العريضة 400 · التعليقات التوضيحية، والنصوص الوصفية، والتواريخ، والعلامات المصغرة. تُستخدم فقط في حجم 12 بكسل، حيث يكون توفير المساحة أهم من الوزن والتعرف على العلامة التجارية.

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

أنماط مشابهة

• teenage engineering — كتالوج صناعي لإضاءة الاستوديوهات - المنتج هو العنصر المهم الوحيد في الصفحة، وكل شيء آخر يُناقش حوله.
• basement — مطبعة فارغة في الساعة الثالثة صباحاً – خطوط ضخمة مضغوطة تنتشر عبر الظلام الدامس، وميض واحد من الضوء البرتقالي على شريط التنقل، وكل شيء آخر أبيض أو رمادي باهت.
• amra — كرة متقزحة الألوان على خلفية بيضاء - اللمسة الخزامية هي النبضة اللونية الوحيدة على صفحة خالية من الألوان تقريبًا، وتقوم الكرة المتدرجة اللونية الوحيدة بالعمل الذي يقوم به الرسم التوضيحي الرئيسي عادةً.
• Stink Studios — استوديو تصوير سينمائي في منتصف الليل - جهاز العرض يُصدر أزيزًا، الغرفة مظلمة، والفيلم وحده مضاء
• Andrei Rybin — دفتر الرسم أحادي اللون هو دفتر مصمم يتم فيه تثبيت شاشات الهواتف على جدار أبيض مثل أوراق الاتصال.
• Uniswap Cup — يتم بث منافسات الرياضات الإلكترونية على موقع تجريبي - حيث يحدد قلم تحديد وردي شبكة من المربعات البيضاء والخطوط الرفيعة
• Freytag Anderson — يرتفع ستار السينما مع كلمة واحدة. صورة متحركة ضخمة تملأ الشاشة بأكملها، واسم العلامة التجارية يظهر في الزاوية كعنوان، ولا شيء آخر يشتت الانتباه.
• Integrated Biosciences — مختبر التألق البيولوجي في منتصف الليل
• Vercel — طرفية مطبوعة على ورق أبيض
• Mintlify — حديقة سحابية فوق طاولة زجاجية. السماء المرسومة يدوياً والفيلم الوثائقي مؤطران معاً – المكان الوحيد الذي يتصادم فيه اللون والمفهوم قبل أن تتلاشى الصفحة إلى بياض زاهد.
• Gleap — مساحة عمل مزينة بألوان كريمية دافئة مع لمسات من الجرافيت - استوديو تبدو فيه نقاط الحبر الأسود غير اللامع وكأنها تطفو فوق بنية الكتان.
• ClickUp — لوحة تحكم قوية على خلفية من الرخام الأبيض. الصفحة عبارة عن كتيب منتج لأداة إنتاجية، لذا فإن اللغة البصرية مستوحاة من المنتج نفسه: قوائم كثيفة، ومؤشرات حالة، ومجموعات من الصور الرمزية، وعبارات طباعية جريئة تبدو وكأنها مواصفات منتج معروضة.