Caldera

पैलेट

ब्रांड

• Ember #fc5000 — प्राथमिक एक्शन बटन, स्टेट कार्ड और प्रमुख दृश्य तत्व ही एकमात्र आक्रामक रंग हैं; गर्म ग्रे टोन के विपरीत इसकी समृद्धि अतिरिक्त सजावटी तत्वों की आवश्यकता के बिना तात्कालिकता की भावना पैदा करती है।
• Plasma Violet #524ae9 — मुख्य हाफटोन ग्रेडिएंट बेस, एक अतिरिक्त कार्ड सतह - इसका उपयोग लगभग विशेष रूप से मुख्य डॉट पैटर्न में और एक समर्पित कार्ड पर किया जाता है; नियंत्रणों के लिए इसका कभी उपयोग नहीं किया जाता है।

तटस्थ

• Sulfur #f5f28e — टैग और श्रेणी आइकन के लिए पृष्ठभूमि, छोटे हाइलाइट्स, एक नरम पीले रंग की होती है जिसका उपयोग ब्लॉग पोस्ट श्रेणियों और कार्यक्रम घोषणाओं को इंगित करने के लिए किया जाता है।
• Limestone #f7f6f2 — कार्ड की सतहें, कंटेंट ब्लॉक की पृष्ठभूमि और अतिरिक्त बटन फिल हल्के, गर्म सफेद रंग के होते हैं जो तत्वों को पेज कैनवास पर अलग से उभारते हैं।
• Pumice #e2e2df — पृष्ठ की मुख्य पृष्ठभूमि एक गर्म मध्यम धूसर रंग की है जो प्रत्येक अनुभाग के लिए आधार का काम करती है; यह कार्डस्टॉक की सतह से थोड़ी गहरी है, जिससे छाया के बिना आकृति और पृष्ठभूमि का सूक्ष्म पृथक्करण संभव हो पाता है।
• Obsidian #070607 — मुख्य पाठ, शीर्षक, लिंक पाठ और बटन फ्रेम लगभग काले रंग के हैं, जिनमें कैनवास के गर्म रंगों से मेल खाने वाला हल्का सा गर्म रंग है जो मुश्किल से ही दिखाई देता है।
• Chalk #ffffff — गहरे रंग वाले हिस्सों में टेक्स्ट, गहरे रंग की पृष्ठभूमि पर इनपुट टेक्स्ट, उच्च-कंट्रास्ट ओवरले - शुद्ध सफेद रंग का उपयोग केवल वहीं किया जाता है जहां गहरे रंग की सतहों के साथ अधिकतम कंट्रास्ट की आवश्यकता होती है।

टाइपोग्राफी

12 से 189px तक · 10 चरण

• PP Neue Corp Compact — प्रतिस्थापन: Bebas Neue · रूपरेखा 400 (Ultrabold cut) · सभी शीर्षक और डिस्प्ले टेक्स्ट। एक विशेष रूप से डिज़ाइन किया गया, सघन, अति-बोल्ड फ़ॉन्ट शीर्षकों को एक औद्योगिक, चिह्न-समान प्रभाव प्रदान करता है। मुख्य ब्लॉक में 189px का आकार ब्रांड की विशिष्ट शैली को दर्शाता है: सघन, लगभग संरचनात्मक, न कि टाइपोग्राफिक। "ss06" और "ss10" सेटिंग्स अधिक आक्रामक, सघन लय के लिए वैकल्पिक अक्षर रूपों और रिक्ति को सक्रिय करती हैं। सकारात्मक अक्षर रिक्ति (+0.02em) डिस्प्ले आकारों के लिए असामान्य है और 80–189px पर टेक्स्ट को संकुचित होने से बचाती है।
• DM Sans — प्रतिस्थापन: Inter · रूपरेखा 500 (Medium only — never Regular or Bold) · मुख्य टेक्स्ट, नेविगेशन लिंक, बटन लेबल और सेकेंडरी हेडिंग 30px तक के हैं। मध्यम फ़ॉन्ट वज़न जानबूझकर चुना गया है—रेगुलर फ़ॉन्ट अतिरिक्त बोल्ड हेडिंग फ़ॉन्ट के सामने बहुत पतला दिखता, और बोल्ड फ़ॉन्ट उससे प्रतिस्पर्धा करता। DM Sans हेडिंग फ़ॉन्ट के साथ एक मानवीय, थोड़ा ज्यामितीय सामंजस्य बनाता है।
• System sans-serif — प्रतिस्थापन: Inter · रूपरेखा 400 · कैप्शन, मेटाटेक्स्ट, दिनांक, माइक्रोटैग। इनका उपयोग केवल 12px फॉर्मेट में किया जाता है, जहाँ आकार बचाने की तुलना में वजन और ब्रांड पहचान कम महत्वपूर्ण होते हैं।

अंतराल और रूप

समान शैलियाँ

• teenage engineering — स्टूडियो लाइटिंग में औद्योगिक कैटलॉग - पृष्ठ पर उत्पाद ही एकमात्र महत्वपूर्ण वस्तु है, और बाकी सब कुछ इसके इर्द-गिर्द ही चर्चा की जाती है।
• basement — सुबह के 3 बजे एक खाली प्रिंटिंग प्रेस - घोर अंधेरे में फैले विशाल, संकुचित फ़ॉन्ट, नेविगेशन बार पर नारंगी रोशनी की एक हल्की सी चमक, बाकी सब कुछ सफेद या भूतिया धूसर रंग का।
• amra — सफेद पृष्ठभूमि पर एक इंद्रधनुषी गोला—बैंगनी रंग का हल्का सा स्पर्श लगभग पूरी तरह से रंगहीन पृष्ठ पर एकमात्र रंगीन स्पंदन है, और एकल ग्रेडिएंट गोला वह काम करता है जो आमतौर पर मुख्य चित्र करता है।
• Stink Studios — आधी रात को एक फिल्म स्टूडियो - प्रोजेक्टर की हल्की आवाज़, कमरा अंधेरा, केवल फिल्म ही रोशन है
• Andrei Rybin — मोनोक्रोम स्केचबुक एक डिजाइनर नोटबुक होती है जिसमें फोन की स्क्रीन को कॉन्टैक्ट शीट की तरह एक सफेद दीवार पर चिपकाया जाता है।
• Uniswap Cup — ईस्पोर्ट्स प्रतियोगिता का प्रसारण एक मॉक-अप साइट पर किया जाता है, जिसमें गुलाबी मार्कर से सफेद वर्गों और पतली रेखाओं का एक ग्रिड बनाया गया है।
• Freytag Anderson — सिनेमा का पर्दा एक शब्द से खुलता है। एक विशाल चलती-फिरती छवि पूरी स्क्रीन को घेर लेती है, ब्रांड का नाम कोने में शीर्षक की तरह दिखाई देता है, और इसके अलावा कुछ भी ध्यान भटकाने वाला नहीं होता।
• Integrated Biosciences — आधी रात को बायोल्यूमिनेसेंस प्रयोगशाला
• Vercel — सफेद कागज पर छपा टर्मिनल
• Mintlify — कांच की मेज के ऊपर बादलों का बगीचा। हाथ से बनाया गया आकाश और वृत्तचित्र एक साथ फ्रेम किए गए हैं—यह एकमात्र स्थान है जहाँ रंग और अवधारणा आपस में टकराते हैं, इससे पहले कि पृष्ठ धीरे-धीरे मठवासी सफेद रंग में विलीन हो जाए।
• Gleap — एक ऐसा कार्यक्षेत्र जो गर्म क्रीम रंगों और ग्रेफाइट के स्पर्श से सजाया गया है—एक स्टूडियो जहां मैट ब्लैक स्याही के बिंदु लिनन की संरचना के ऊपर तैरते हुए प्रतीत होते हैं।
• ClickUp — सफेद संगमरमर पर बना एक दमदार डैशबोर्ड। यह पेज एक उत्पादकता उपकरण का उत्पाद ब्रोशर है, इसलिए इसकी दृश्य भाषा उत्पाद से ही ली गई है: सघन सूचियाँ, स्थिति संकेतक, अवतारों के समूह और बोल्ड टाइपोग्राफिक कथन जो प्रदर्शित उत्पाद विनिर्देश की तरह दिखते हैं।