Framer

पैलेट

ब्रांड

• Vivid Violet #0066ff — इंटरफ़ेस में केवल प्राथमिक एक्शन बटन ही एकमात्र ऐसी जगह है जहाँ एक ठोस रंग की बटन पृष्ठभूमि प्रदर्शित होती है।

तटस्थ

• Bone #ffffff — मुख्य शीर्षक, गहरे रंग की पृष्ठभूमि पर मुख्य पाठ, बटन की पृष्ठभूमि ही प्रकाश का एकमात्र स्रोत है।
• Void #000000 — पेज कैनवास, नेविगेशन बैकग्राउंड, कार्ड की सतहें, आइकन फिल—ये सभी एक अंतहीन काले रंग के हैं जो सभी गैर-जरूरी सामग्री को सोख लेता है।
• Graphite #111111 — उभरी हुई कार्ड सतहें खालीपन से एक कदम ऊपर हैं—बड़े, कार्यात्मक कार्ड और मोडल कंटेनर।
• Obsidian #171717 — बटन, अतिरिक्त कार्ड, यूआई फिल के लिए मध्यवर्ती सतह - इंटरैक्टिव तत्वों को कैनवास से अलग करती है।
• Slate #242424 — माउस को माउस में ले जाने पर, इनपुट फ़ील्ड और इंडेंटेड पैनल टेक्स्ट फ़ॉर्मेट में बदलने से पहले सबसे चमकीले न्यूट्रल रंग में दिखाई देते हैं।
• Ash #333333 — निष्क्रिय पृष्ठभूमि छवियों और संरचनात्मक तत्वों के लिए डीप फिल।

टाइपोग्राफी

12 से 68px तक · 8 चरण

• sans-serif — प्रतिस्थापन: Inter · रूपरेखा 400 · sans-serif - निकाले गए डेटा में पाया गया लेकिन AI द्वारा वर्णित नहीं किया गया।
• GT Walsheim — प्रतिस्थापन: Inter Tight · रूपरेखा 500 · हेडिंग और टाइटल के लिए इस्तेमाल किया जाने वाला फॉन्ट ब्रांड फॉन्ट है। यह काफी सघन है, जिसमें लाइन स्पेसिंग 0.8–1.1 और लेटर स्पेसिंग -0.04em से -0.05em है, जो 44–68px रेंज में लागू होती है। यह सिर्फ सजावटी तत्व नहीं है; GT Walsheim की ज्यामितीय गर्माहट, सख्त मैट्रिक्स के साथ मिलकर, सिस्टम की पहचान बनाती है—आत्मविश्वासपूर्ण, सघन और थोड़ा भविष्यवादी। इसी तरह की ज्यामितीय अभिव्यक्ति के लिए, Inter Tight या Space Grotesk Bold पर विचार करें।
• Inter Variable — प्रतिस्थापन: Inter · रूपरेखा 400 · मुख्य टेक्स्ट, नेविगेशन और सेकेंडरी हेडिंग्स वेबसाइट के मुख्य घटक हैं। इंटर वेरिएबल एक्सिस वेट्स के सुचारू इंटरपोलेशन की सुविधा देता है। आकार बढ़ने पर ट्रैकिंग संकीर्ण हो जाती है: 18px के लिए -0.001em और 22px के लिए -0.027em तक। वेरिएबल वर्जन वेबसाइट के सूक्ष्म एनिमेशन को सुचारू रूप से संचालित करने की सुविधा देता है। विकल्प: इंटर ( Google) – लगभग समान विकल्प।

अंतराल और रूप

समान शैलियाँ

• Auros — जैवप्रकाशित डेटा गेंदों वाला अगाध टर्मिनल
• Origin Financial — एक शांत, भव्यता से भरपूर मध्यरात्रि गैलरी। एक शांत, लगभग अंधेरा कमरा जहाँ बड़े सेरिफ़ फ़ॉन्ट और कुछ रोशन रंगीन पैनल यह एहसास दिलाते हैं कि वित्त एक सावधानीपूर्वक तैयार की गई कलाकृति है।
• Raycast — मिडनाइट कमांड सेंटर, कोरल नियॉन
• Dimension — धुंधली रोशनी से जगमगाता हुआ, पाले से ढके कांच के पैनलों वाला एक वर्कस्टेशन
• Reflect Notes — तारों से जगमगाता बैंगनी अंतरिक्ष एक अंधेरी वेधशाला है जहाँ लगभग काले नीले शून्य की पृष्ठभूमि के विरुद्ध स्वर तारामंडलों की तरह तैरते हैं।
• Ameba — आधी रात को नियंत्रण कक्ष – फ्रॉस्टेड ग्लास पैनलों के भीतर एक विद्युत नीली चमक
• Branding — काली गैलरी की दीवार, गहरे लाल रंग के एक्सेंट - एक गहरे कैनवास पर बड़े सफेद अक्षर तैरते हुए दिखाई देते हैं जो एक शून्य जैसा दिखता है, जिसे एक चमकीले लाल एक्सेंट और आकर्षक सजावटी तत्वों द्वारा बाधित किया गया है जो वेब इंटरफेस की तुलना में गैलरी के साइनबोर्ड की तरह अधिक दिखते हैं।
• Harness — मिशन कंट्रोल आधी रात को चमकीले हरे रंग के अलंकरणों के साथ।
• Koto — आधी रात को ऑब्सीडियन गैलरी। लगभग घोर अंधेरा मंच, जहां एकमात्र गर्म प्रकाश स्रोत एक पीला मार्कर है, और सघन अक्षर विशाल खाली स्थान में प्रदर्शनी पोस्टरों की तरह तैर रहे हैं।
• Ohzi — एक अंधेरी गैलरी में लटका हुआ एक चमकता हुआ घन
• Depot — एक गहरा रंग का सर्वर टर्मिनल। लगभग काला डेवलपर कंसोल, जिसमें काम शुरू होने का संकेत देने वाली एक हरी एलईडी जल रही है, और बाकी यूजर इंटरफेस ग्रेफाइट रंग में प्रदर्शित है।
• Maciej Zadykowicz — अपनी बहुरंगी भित्तिचित्र वाली 'द मिडनाइट गैलरी' एक लगभग काली स्टूडियो दीवार है, जहां कला का एक जीवंत, रंगीन टाइपोग्राफिक टुकड़ा ध्यान आकर्षित करता है, जबकि बाकी सब कुछ शांत और सधा हुआ रहता है।