Figma
रंगीन अराजकता के लिए मोनोक्रोम चेसिस
इंटरफ़ेस एक सख्त, उच्च-कंट्रास्ट वाले संरचनात्मक कंटेनर के रूप में कार्य करता है, जो उपयोगकर्ता द्वारा निर्मित सामग्री को पूर्ण दृश्य प्रभुत्व प्रदान करता है। इसका आधार #000000 से #ffffff तक का एक सख्त पैलेट है, जो प्राथमिक बॉर्डर और टेक्स्ट के लिए अधिकतम कंट्रास्ट के पक्ष में ग्रे के सूक्ष्म रंगों को त्याग देता है। टाइपोग्राफिक पदानुक्रम लगभग पूरी तरह से आकार और आक्रामक नकारात्मक अक्षर रिक्ति पर आधारित है, न कि रंग भिन्नताओं पर, जो टेक्स्ट की बड़ी पंक्तियों को सघन ग्राफिक ब्लॉकों में बदल देता है। बॉर्डर त्रिज्या का तर्क एक स्पष्ट विरोधाभास पैदा करता है: वैश्विक नेविगेशन तत्वों के लिए 50px के बाहरी "नेल" जानबूझकर सामग्री कंटेनरों के सख्त 0px कोनों के विपरीत हैं।
कंपोज़िशन में व्यूपोर्ट को केंद्र में रखते हुए अधिकतम चौड़ाई वाले बॉर्डर (1440px अधिकतम) का उपयोग किया जाता है और इनमें पर्याप्त मैक्रो-स्पेस (सेक्शन के बीच 96-120px का व्हाइटस्पेस) द्वारा अलग किए गए कंटेंट के सघन समूह शामिल होते हैं। "हीरो" आर्केटाइप में अक्सर एक असममित इमेज गैलरी का उपयोग किया जाता है जो एक फ्लोटिंग, पूरी तरह से केंद्र में स्थित UI ब्लॉक के नीचे गतिशील रूप से एंकर की जाती है। पेज के नीचे, जानकारी तुरंत बिना मार्जिन के एक सख्त चार-कॉलम ग्रिड के अनुरूप हो जाती है, जो कार्ड के दोहराए जाने वाले समूहों को फ्रेम करती है, जिससे ऑब्जेक्ट घनत्व अधिकतम हो जाता है और फ्रेम से मार्जिन हट जाते हैं।
दृश्य डिज़ाइन उपयोगकर्ता-केंद्रित परिणामों पर आधारित है। छवियों को सपाट, फ्रेम रहित वर्गों या बिखरे हुए, अतिव्यापी टुकड़ों के रूप में प्रदर्शित किया जाता है, जो भौतिक वस्तुओं की याद दिलाते हैं, और ये सब एक खाली पृष्ठभूमि पर आधारित हैं। वेबसाइट पर रंगों का एकमात्र स्रोत छवियां ही हैं। इसमें कोई लाइफस्टाइल फोटोग्राफी तत्व या मानक कॉर्पोरेट चित्र नहीं हैं—प्रत्येक ग्राफिक तत्व एक डिजिटल कैनवास का सटीक, शाब्दिक स्नैपशॉट है, जो एक साथ उत्पाद प्रमाण और एक प्राथमिक सौंदर्य तत्व के रूप में कार्य करता है।
पैलेट
ब्रांड
- Context Action Violet
#4d49fc— उप-पैनलों के भीतर स्थानीयकृत प्राथमिक कॉल टू एक्शन - एक ही विशिष्ट रंग केंद्र बिंदु को परिभाषित करता है।
तटस्थ
- Absolute Canvas
#ffffff— पेज बैकग्राउंड, फ्लोटिंग टूलबार, उभरे हुए पैनल बेस। - Structural Ink
#000000— बेसिक फॉन्ट, सॉलिड बटन बैकग्राउंड, बटन आउटलाइन। - Graphite Metadata
#595959— द्वितीयक लेखकीय पाठ, स्थानीयकृत उपपाठ, प्लेसहोल्डर मान - Boundary Frame
#e2e2e2— सूक्ष्म विभाजक और निष्क्रिय इनपुट फ़ील्ड सीमाएँ। - Angular Teal
#33dfdf— सजावटी प्रभाव, लोडिंग संकेतक और सक्रिय कर्सर का प्रदर्शन।
टाइपोग्राफी
12 से 72px तक · 6 चरण
- figmaSans — प्रतिस्थापन: Inter · रूपरेखा 320, 330, 340, 400, 450, 480, 520, 700 · यह एक बहुमुखी उपकरण है जो डिस्प्ले टाइटल से लेकर नेविगेशन लेबल तक सब कुछ प्रबंधित करता है। यह ऑप्टिकल नेगेटिव ट्रैकिंग को संशोधित करके एक अनूठा रूप तैयार करता है।
- figmaMono — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400 · माइक्रोटैग, कोऑर्डिनेट ट्रैकिंग और तकनीकी संकेत जो सामग्री के बजाय यूजर इंटरफेस तत्वों के रूप में अधिक कार्य करते हैं।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 24px |
| बटन त्रिज्या | 8px |
| कार्ड त्रिज्या | 12px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 96-120px |
| पृष्ठ की चौड़ाई | 1440px |
एआई आपकी वेबसाइट को Figma शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Caldera — गर्म चूना पत्थर पर आग की लपटें। कैनवास कच्चा, गर्म प्लास्टर है, और प्रत्येक नारंगी तत्व सतह पर दबाए गए सुलगते अंगारों जैसा दिखता है।
- Vercel — सफेद कागज पर छपा टर्मिनल
- Dylanbrouwer — सूर्यास्त के समय ब्रूटलिस्ट शैली की भट्टी
- Headspace — गर्म कागज पर बना एक धूपदार वेलनेस कॉर्नर
- WHOOP — आधी रात का परफॉर्मेंस लैब - काले नाटकीय खालीपन के नीचे सफेद क्लीनिकल लैब टेबल, बिजली की एक बैंगनी लहर।
- (dot)connect — एक ही कोयले के टुकड़े से बना एक स्विस इंजीनियरिंग चित्र
- Together AI — हिमनदीय कागज पर अनुसंधान कंसोल
- Vivid+Co — ओब्सीडियन से होकर गुजरने वाला इंद्रधनुषी प्रकाश
- Sequel — अंधेरा होने के बाद होने वाली निजी स्क्रीनिंग ही एक अन्यथा अंधेरे सिनेमाघर में एकमात्र गर्म रोशनी होती है।
- v0 by Vercel — लेथ ड्राइंग। परिशुद्धता और कार्यक्षमता सर्वोपरि हैं, प्रत्येक तत्व एक साफ, तकनीकी रूप से परिपूर्ण सतह पर एक स्पष्ट उद्देश्य की पूर्ति करता है।
- ThoughtLab — लाल रंग के चिह्न वाला एक ओब्सीडियन स्मारक। काले खालीपन का एक कैनवास, जहाँ गिरजाघर में एकमात्र संतृप्त लाल वस्तु, बड़े सफेद अक्षरों में मुद्रित, एक एकल रंगीन आकृति है।
- Dovetail — एक काली चाँदनी में बना खाका—मुश्किल से दिखाई देने वाली ग्राफ की रेखाएँ, सफेद फ़ॉन्ट, एक बैंगनी चमक