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