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