
Subframe
उबदार चर्मपत्रावरील एक रेखांकन. डिझायनर पेपर, ज्यावर प्रत्येक रेषा ही ग्राफाइट किंवा खोडरबरची असते, रंगाची कधीच नसते—रेषेच्या जाडीतून आणि विरळ सेरिफ्समधून खोली साधली जाते.
सबफ्रेम हे एक मोनोक्रोम डिझायनरचे कार्यक्षेत्र आहे: एक उबदार, क्रीम रंगाचा कॅनव्हास, ग्राफाइट-काळी शाई आणि रंगीत छटांचा पूर्ण अभाव. संपूर्ण इंटरफेस कागद, पेन्सिल आणि सावली या एकाच सामग्रीतून तयार झाल्यासारखा वाटतो, ज्यात एक ठळक टायपोग्राफिक स्पर्श आहे: एका पद्धतशीर सॅन्स-सेरिफ (इंटर) फॉन्टच्या पार्श्वभूमीवर एक परिष्कृत सेरिफ (इन्स्ट्रुमेंट सेरिफ) फॉन्ट वापरला आहे, जो मथळ्यांना संपादकीय गांभीर्य देतो. पृष्ठभाग उंचवट्याचे नसून सपाट आणि फ्रेम केलेले आहेत; #e5e7eb मधील पातळ विभाजक आणि सावल्यांऐवजी गडद कंट्रोल्सवरील इनसेट हायलाइट्सद्वारे खोली साधली आहे. घनता भरपूर आहे: एक रुंद उभी लय (विभागांमध्ये ४८-६४ पिक्सेलचे अंतर), मध्यभागी असलेले, पूर्ण-रुंदीचे लेआउट्स आणि मजकुराभोवती भरपूर मोकळी जागा. जवळ-जवळ पांढरा आणि जवळ-जवळ काळा यांमधील विरोधाभास हा एकमेव रंग आहे, ज्यामुळे प्रत्येक पानावर गडद बटण हा सर्वात लक्षवेधी घटक ठरतो आणि राखाडी रंगातील भागीदार ब्रँड लोगोची पट्टी हा एकमेव सजावटीचा दृश्य घटक ठरतो.
मध्यभागी असलेले, पूर्ण-रुंदीचे (१२००px) लेआउट, ज्यात भरपूर उभ्या रेषांची लय आहे. मुख्य घटक एकच, मध्यभागी असलेला ब्लॉक आहे: सर्वात वर एक गडद, विभागलेला कंट्रोल, एक मोठे "इंटर" शीर्षक, एक ओळीचे उपशीर्षक आणि त्याला लागून असलेली दोन बटणे (भरलेली + अर्धपारदर्शक)—बाजूला कोणतेही चित्र नाही, लेआउटमध्ये कोणताही खंड नाही. मुख्य घटकाच्या खाली मध्यभागी एक ग्रेस्केल लोगोची पट्टी आहे. त्यानंतरचा प्रत्येक विभाग त्याच पद्धतीचे अनुसरण करतो: डावीकडे संरेखित शीर्षक आणि उपशीर्षक ब्लॉक, त्यानंतर विभागांमध्ये ४८-६४px गटर स्पेस असलेली पूर्ण-रुंदीची उत्पादन शोकेस फ्रेम. नेव्हिगेशन अगदी कमी आहे: मध्यभागी लिंक्स आणि उजवीकडे संरेखित क्रिया असलेली एक टॉप बार, साइडबार नाही, मेगा-मेनू नाही. हे पान वरून खाली पाहिल्यास मध्यभागी असलेल्या विधानांची एक मालिका वाटते, ज्यातील प्रत्येकाला पुरेशी जागा दिलेली आहे—हे लेआउट एखाद्या गजबजलेल्या उत्पादन पानापेक्षा संपादकीय पोर्टफोलिओसारखे अधिक वाटते.
व्हिज्युअल डिझाइन मिनिमलिस्ट आणि फंक्शनल आहे. ही सिस्टीम दोन व्हिज्युअल मोड्सचा वापर करते: (१) २४px-त्रिज्येच्या फ्रेममध्ये बंदिस्त केलेले फ्रेम केलेले प्रॉडक्ट स्क्रीनशॉट्स आणि UI मॉकअप्स—ते प्रत्यक्ष इंटरफेसचे घटक (टेबल्स, बटन्स, फॉर्म्स) त्याच मोनोक्रोम पॅलेटमध्ये रेंडर करून दाखवतात, ज्यामुळे स्क्रीनशॉट्स पेजमध्ये अखंडपणे एकजीव झाल्यासारखे दिसतात; (२) ग्रेस्केल पार्टनर लोगोची एकच पट्टी सोशल प्रूफ म्हणून काम करते, जी रंग किंवा कंटेनरशिवाय फ्लॅट रेंडर केलेली आहे. यामध्ये लाइफस्टाइल फोटो, ॲबस्ट्रॅक्ट ग्रेडियंट्स किंवा ३डी रेंडर्स नाहीत. एकमेव उदाहरणात्मक घटक म्हणजे ब्रँड आयकॉनसह उबदार राखाडी पार्श्वभूमीवर मध्यभागी असलेली एक गडद प्रॉडक्ट "टाइल"—ती सजावट नसून प्रॉडक्टचे प्रात्यक्षिक म्हणून पाहिली जाते. सर्व इमेजेस टेक्स्ट-आधारित लेआउटमध्ये आहेत, जिथे व्हिज्युअल वेट मजकुराद्वारे पेलले जाते.
पॅलेट
तटस्थ
- Page Canvas
#fafafa— पानाच्या पार्श्वभूमीची, कॅनव्हासवरील पोस्टकार्डची, गडद पृष्ठभागांवरील फिकट मजकुराची – या संपूर्ण एकरंगी प्रणालीच्या मुळाशी एक उबदार पांढरा रंग आहे. - Hairline Border
#e5e7eb— विभाजक, कार्ड बॉर्डर, इमेज फ्रेम, आयकॉन आउटलाइन - सिस्टीममध्ये सर्वाधिक वापरला जाणारा आउटलाइनचा प्रकार, अवकाशीय रचना परिभाषित करतो. - Card Surface
#ededed— कार्डांसाठी उंचवट्याची पार्श्वभूमी, एक अतिरिक्त पृष्ठभाग - कॅनव्हासच्या एक पायरी वर स्थित आहे, ज्यामुळे सावल्यांशिवाय एक समूह तयार होतो. - Divider Mid
#dadada— मिडटोन विभाजक आणि विभागांमधील संक्रमण - Graphite
#242424— हलक्या पृष्ठभागांवरील मुख्य बटणांसाठी उच्च-कॉन्ट्रास्ट न्यूट्रल फिल. - Ink Black
#171717— मुख्य मजकूर, शीर्षके, आयकॉनच्या बाह्यरेखा - ग्राफाइटपेक्षा थोडे अधिक आकर्षक, पृष्ठभागांऐवजी टायपोग्राफीसाठी वापरले जाते.
टायपोग्राफी
१२ ते १२८ पिक्सेल · ७ टप्पे
- Inter — बदली: Inter (Google Fonts) · रूपरेषा 500, 600, 700 · सॅन्स-सेरिफ सिस्टीम इंटरफेस—नॅव्हिगेशन, मुख्य मजकूर, बटणे, उपशीर्षके आणि विभाग शीर्षके. वेट: मुख्य मजकूर आणि कंट्रोल्ससाठी ५००, उपशीर्षके आणि नॅव्हिगेशन ॲक्सेंटसाठी ६००, आणि विभाग शीर्षकांसाठी ७००. स्ट्रॉंग निगेटिव्ह लेटर स्पेसिंगमुळे कोणत्याही आकारात भौमितिक आकार संकुचित होतात, ज्यामुळे इंटरफेसला एक संक्षिप्त, तांत्रिक स्वरूप प्राप्त होते.
- Instrument Serif — बदली: Playfair Display · रूपरेषा 400 · केवळ मथळे आणि संपादकीय मजकुरासाठी डिझाइन केलेला एक सेरिफ टाइपफेस. त्याचे ४०० वेट आणि -०.०२५em लेटर स्पेसिंग एक मोहक, इटॅलिक लुक तयार करतात, जो इंटरच्या औद्योगिक भूमितीच्या विरुद्ध आहे — हे एक वैशिष्ट्यपूर्ण तंत्र आहे: सॅन्स-सेरिफ पानामध्ये एकच सेरिफ शब्द किंवा वाक्यांश वापरणे, जे मथळ्याची शैली म्हणून नव्हे, तर दृश्य विरामचिन्ह म्हणून काम करते.
- Fragment Mono — बदली: JetBrains Mono · रूपरेषा 400 · इनलाइन कोडसारखे घटक, टॅग लेबल्स आणि तांत्रिक कॉलआउट्ससाठी अॅक्सेंट मोनो वापरा. याचा वापर क्वचितच फंक्शन लिस्ट आणि इनलाइन ॲनोटेशन्समध्ये केला जातो, जिथे डिझाइन टूलला "हे मशीन आउटपुट आहे" असे दर्शवायचे असते.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | सरासरी |
| मूलभूत पायरी | 8px |
| बटण त्रिज्या | 16px |
| कार्ड त्रिज्या | 24px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 64px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Subframe स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- monopo saigon — संपादकीय शांततेमागे एक तरल, इंद्रधनुषी चमक—वितळलेल्या प्रकाशावर तरंगणारी एक एकरंगी संपादकीय गॅलरी.
- Hyer Aviation — कॉकपिटमध्ये कागदावर पसरलेली संध्याकाळ. पहाटेचे फिकट आकाश विमानाच्या आकाराच्या सेरिफ लोगोला भिडते आणि एकच उबदार क्ले रंगाचा ठसा त्या एकरंगी संयमाला भंग करतो.
- OFF+BRAND. — उबदार चर्मपत्रावरील इंद्रधनुषी गोल
- Seed — प्रयोगशाळेतील काचेखालील एक सजीव
- Eindhoven Design District — श्वेतपत्रिकेवरील संपादकीय क्रूरतावाद हा एक पालिकेचा डिझाइन जाहीरनामा आहे, जो मोठ्या अक्षरांमध्ये, किमान छायाचित्रणासह आणि पूर्ण संयमाने साकारला आहे.
- Miranda — हलक्या क्रीम रंगाच्या पार्श्वभूमीवर अभिजात रुंद-आकाराचे अक्षर—डिजिटल युगासाठी वृत्तपत्रीय संपादकीय.
- Monocle — क्रीम रंगाच्या कागदावर छापलेले एक दर्जेदार, रुंद-आकाराचे वृत्तपत्र. काळजीपूर्वक निवडलेले संपादकीय, ज्यात प्रत्येक स्तंभाला त्याचे योग्य स्थान आहे आणि पानावर केवळ एकच अर्थपूर्ण रंग दिसतो.
- Agencja brandingowa — पांढऱ्या रंगछटांमधील एक संपादकीय गॅलरी, जिची टायपोग्राफी काळ्या शाईने केलेली आहे.
- Websmith Studio — क्रीम रंगाच्या कागदावर सकाळचा प्रकाश
- Aspelin Reitan — मेणबत्तीच्या प्रकाशातील वास्तुसंग्रह - हे पान, एका उबदार क्रीम रंगाच्या भिंतीवर टाचण्यांनी लावलेल्या, बांधलेल्या जागांच्या पोर्टफोलिओसारखे दिसते, आणि पानाच्या संपूर्ण रुंदीवर प्रत्येक प्रतिमेच्या वर पांढऱ्या मजकुराची एकच ओळ तरंगत आहे.
- Public — थंडगार संगमरवरावरील एक एकरंगी संपादकीय—जवळजवळ एक एकरंगी कॅनव्हासच, ज्यावर ३००-पॉइंटचा सेरिफ फॉन्ट आणि केवळ एकच जांभळा रंगछटा रंगांचे संपूर्ण काम करत आहे.
- Motto — कागदावरील एक मुद्रणशिल्प – शुभ्र कागदावर स्वतःची घोषणा करणारा एकच, आत्मविश्वासपूर्ण आवाज.