Framer
शून्यमा नियोन ग्यालरी
फ्रेमर लगभग पूर्ण अँध्यारोको रूपमा सञ्चालन हुन्छ—एउटा कालो क्यानभास जहाँ सामग्री ग्यालरी खोल्ने ठाउँमा नियोन चिन्ह जस्तै घुम्छ। ०.८–१.१ को कडा रेखा स्पेसिङ र आक्रामक नकारात्मक अक्षर स्पेसिङ (-०.०४em ५४px मा) सहित GT Walsheim Medium मा सेट गरिएका हेडलाइनहरूले पृष्ठमा सफासँग बस्नुको सट्टा अगाडि धकेल्ने सघन, सजावटी टाइपफेस सिर्जना गर्दछ। एकल इलेक्ट्रिक नीलो (#००९९ff) ले सबै कार्यात्मक उच्चारणहरू प्रदान गर्दछ—किनाराहरू, चमक, आइकनहरू, सक्रिय अवस्थाहरू—जबकि बाँकी इन्टरफेस अक्रोमेटिक रहन्छ, शुद्ध कालोबाट गहिराइ सिर्जना गर्न सूक्ष्म खैरो संक्रमण (#१११, #१७१७१७, #२४२४२४) मा निर्भर गर्दै। कम्पोनेन्टहरू सजावटी भन्दा पनि विचारणीय महसुस हुन्छन्: ८–२५px को गोलाकार त्रिज्या, पातलो १px किनारा, न्यूनतम ड्रप छायाँ, र पारदर्शी सतहहरू जसले शून्यतालाई चम्कन अनुमति दिन्छ।
पूर्ण-चौडाइका खण्डहरू कालो क्यानभासभन्दा बाहिर फैलिएका छन्, सामग्री अधिकतम ~१२०० पिक्सेल चौडाइमा सीमित छ र भित्र केन्द्रित छ। मुख्य खण्डमा बायाँ-पङ्क्तिबद्ध हेडर र एकल कल-टु-एक्शन (CTA) बटन रहेको छ, जसमा दायाँ छेउ जानाजानी खाली छोडिएको छ—असममित रूपमा, केन्द्रित छैन। खण्डहरू पाठ-मात्र लेआउटहरू (ठूलो हेडर + सबटेक्स्ट) र उत्पादन स्क्रिनसटहरू बीच वैकल्पिक हुन्छन्। "फ्रेमरसँग आउँछ" खण्डले ४-स्तम्भ ग्रिडमा लोगो भित्ता प्रयोग गर्दछ। समुदाय खण्डमा, उत्पादन स्क्रिनसट गोलाकार कुनाहरू भएको केन्द्रित, पूर्ण-चौडाइको कन्टेनर भित्र राखिएको छ। नेभिगेसन न्यूनतम छ—बायाँमा लोगो भएको पातलो शीर्ष पट्टी र दायाँतिर पङ्क्तिबद्ध लिङ्कहरू, कुनै दृश्यात्मक नियन्त्रणहरू बिना। खण्ड ताल: खण्डहरू बीच महत्त्वपूर्ण ८० पिक्सेल ठाडो खाडलहरू, शून्यमा तैरिरहेको सामग्रीको विशिष्ट टापुहरू सिर्जना गर्दै।
उत्पादनको प्रयोगकर्ता इन्टरफेसका स्क्रिनसटहरू हावी हुन्छन्—ट्राफिक लाइट डट्सहरू भएको क्रोम जस्तो विन्डोद्वारा फ्रेम गरिएको, एपको इम्बेडेड स्क्रिनसटहरू मुख्य छवि बन्छ। गुणस्तरको प्रमाणको रूपमा सेवा गर्ने लोगोहरू, फराकिलो स्पेसिङको साथ कालो पृष्ठभूमिमा सेतो अक्षरमा प्रस्तुत गरिन्छ। कुनै तस्बिरहरू, चित्रणहरू, वा अमूर्त ग्राफिक्सहरू प्रयोग गरिएको छैन—दृश्य भाषा उत्पादन नै हो, जुन जीवित इन्टरफेसको रूपमा प्रदर्शित हुन्छ। आइकन शैली: सानो आकारमा न्यूनतम, रूपरेखा, मोनोक्रोम र सेतो। पाठ घनत्व: मुख्यतया पाठ, उत्पादन स्क्रिनसटहरूको रूपमा कहिलेकाहीं ठूला टुक्राहरू सहित। ठाउँको दृश्य सन्तुलनले छविहरू भन्दा टाइपोग्राफीलाई स्पष्ट रूपमा समर्थन गर्दछ।
प्यालेट
ब्रान्ड
- Vivid Violet
#0066ff— इन्टरफेसमा प्राथमिक कार्य बटन एक मात्र ठाउँ हो जहाँ ठोस रंगीन बटन पृष्ठभूमि प्रदर्शित हुन्छ।
तटस्थ
- Bone
#ffffff— मुख्य शीर्षकहरू, अँध्यारो पृष्ठभूमिमा मुख्य पाठ, बटन पृष्ठभूमि प्रकाशको एक मात्र स्रोत हो। - Void
#000000— पृष्ठ क्यानभास, नेभिगेसन पृष्ठभूमि, कार्ड सतहहरू, आइकन भरण - सबै एक अनन्त कालो रंग हो जसले सबै अनावश्यक सामग्रीलाई अवशोषित गर्दछ। - Graphite
#111111— उठाइएका कार्ड सतहहरू शून्यताभन्दा एक कदम माथि छन्—ठूला कार्यात्मक कार्डहरू र मोडल कन्टेनरहरू। - Obsidian
#171717— बटनहरू, अतिरिक्त कार्डहरू, UI भरणहरूको लागि मध्यवर्ती सतह - अन्तरक्रियात्मक तत्वहरूलाई क्यानभासबाट अलग गर्दछ। - Slate
#242424— होभरमा, इनपुट फिल्डहरू र इन्डेन्टेड प्यानलहरू पाठ ढाँचामा स्विच गर्नु अघि सबैभन्दा उज्यालो तटस्थ छाया हुन्। - Ash
#333333— निष्क्रिय पृष्ठभूमि छविहरू र संरचनात्मक तत्वहरूको लागि गहिरो भरण।
टाइपोग्राफी
१२ देखि ६८ पिक्सेल सम्म · ८ चरणहरू
- sans-serif — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · sans-serif - निकालिएको डेटामा फेला पर्यो तर AI द्वारा वर्णन गरिएको छैन।
- GT Walsheim — प्रतिस्थापन: Inter Tight · रूपरेखाहरू 500 · शीर्षक र शीर्षकहरूको लागि फन्ट ब्रान्ड फन्ट हो। यो आक्रामक रूपमा सघन छ, ०.८–१.१ को रेखा स्पेसिङ र ४४–६८px दायरामा -०.०४em देखि -०.०५em सम्मको अक्षर स्पेसिङको साथ। यो सजावटी तत्व होइन; GT Walsheim को ज्यामितीय न्यानोपन, कडा मेट्रिक्ससँग मिलेर, प्रणालीको आवाज सिर्जना गर्दछ - आत्मविश्वासी, कम्प्याक्ट, र थोरै भविष्यवादी। समान ज्यामितीय अभिव्यक्तिको लागि, इन्टर टाइट वा स्पेस ग्रोटेस्क बोल्डलाई विचार गर्नुहोस्।
- Inter Variable — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · मुख्य पाठ, नेभिगेसन, र माध्यमिक शीर्षकहरू वर्कहर्स हुन्। इन्टर भेरिएबल अक्षले तौलहरूको सहज प्रक्षेपणको लागि अनुमति दिन्छ। ट्र्याकिङ आकार बढ्दै जाँदा साँघुरो हुन्छ: -0.001em बाट 18px र -0.027em देखि 22px सम्म। चर संस्करणले साइटको सहज माइक्रो-एनिमेसनको लागि अनुमति दिन्छ। प्रतिस्थापन: इन्टर ( Google) - लगभग समान फलब्याक।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 10px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 20px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 80px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Framer शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Auros — बायोल्युमिनेसेन्ट डेटा बलहरू भएको रसातल टर्मिनल
- Origin Financial — शान्त ऐश्वर्यको मध्यरातको ग्यालरी। एउटा शान्त, लगभग अँध्यारो कोठा जहाँ ठूला सेरिफ फन्टहरू र केही उज्यालो रंगीन प्यानलहरूले वित्तलाई ध्यानपूर्वक क्युरेट गरिएको कलाकृति हो भन्ने भावना सिर्जना गर्छन्।
- Raycast — मिडनाइट कमाण्ड सेन्टर, कोरल नियोन
- Dimension — फ्रोस्टेड गिलास प्यानलहरू भएको साँझको उज्यालो भएको कार्यस्थल
- Reflect Notes — तारायुक्त बैजनी अन्तरिक्ष एउटा अँध्यारो वेधशाला हो जहाँ लगभग कालो नील शून्यताको पृष्ठभूमिमा नोटहरू नक्षत्रहरू जस्तै तैरिन्छन्।
- Ameba — मध्यरातमा नियन्त्रण कक्ष - फ्रोस्टेड गिलास प्यानलहरू भित्र विद्युतीय नीलो पल्स
- Branding — कालो ग्यालरी भित्ता, रगत रातो उच्चारण - ठूला सेतो फन्टहरू गाढा क्यानभासमा तैरन्छन् जुन शून्य जस्तो देखिन्छ, एकल चम्किलो रातो उच्चारण र आकर्षक सजावटी तत्वहरूले बाधा पुर्याउँछन् जुन वेब इन्टरफेस भन्दा ग्यालरी साइनेज जस्तो देखिन्छ।
- Harness — फस्फोरेसेन्ट हरियो उच्चारणको साथ मध्यरातमा मिसन नियन्त्रण
- Koto — मध्यरातमा ओब्सिडियन ग्यालरी। लगभग कालो रंगमञ्च, जहाँ एक मात्र न्यानो प्रकाश स्रोत एकल पहेंलो मार्कर हो, र प्रदर्शनी पोस्टरहरू जस्तै विशाल नकारात्मक ठाउँमा तैरिरहेको छ।
- Ohzi — अँध्यारो ग्यालरीमा झुन्डिएको चम्किलो घन
- Depot — अँध्यारो सर्भर टर्मिनल। लगभग कालो विकासकर्ता कन्सोल, काम सुरु भएको संकेत गर्ने एउटा हरियो LED सहित, र बाँकी प्रयोगकर्ता इन्टरफेस ग्रेफाइटमा प्रदर्शित।
- Maciej Zadykowicz — मिडनाइट ग्यालरी यसको क्यालिडोस्कोपिक भित्ते चित्र सहितको लगभग कालो स्टुडियो भित्ता हो जहाँ एउटा जीवन्त, रंगीन टाइपोग्राफिक कलाकृतिले ध्यान खिच्छ जबकि बाँकी सबै कुरा शान्त र जानाजानी रहन्छ।