
Electronic Materials Office
कोळशाने सजवलेल्या दालनातील एक धगधगता निखारा
इलेक्ट्रॉनिक मटेरियल्स ऑफिस म्हणजे रात्री उशिरापर्यंत चालणारी एक कार्यशाळाच आहे: एक मॅट, गडद काळा कॅनव्हास, एकच चमकणारा नारंगी निखारा, आणि घोषणा करण्याऐवजी कुजबुजणारा फॉन्ट. इंटरफेस प्रत्येक स्क्रीनला एका अंधारलेल्या स्टुडिओप्रमाणे हाताळतो—कीबोर्डची छायाचित्रे हाच एकमेव खरा प्रकाशस्रोत आहे, आणि UI त्याचेच पालन करतो. २००-वेट जीटी-फ्लेक्सामध्ये लिहिलेली मथळे विशाल रिकाम्या जागेत तरंगतात; मुख्य मजकूर मुद्दाम लहान आणि मानवी भावनांना स्पर्श करणारा आहे (टाइम्स). रंगांचा वापर मोजूनमापून केला आहे: अक्षरांसाठी शुद्ध पांढरा, लिंक्ससाठी फिकट जांभळा (#9e9eff), आणि पानावर एकच नारंगी (#f45500) रंगाचा 'कॉल टू ॲक्शन' जो स्वतःच्या ३०px च्या ग्लोने चमकतो. घटक २०px च्या त्रिज्येमध्ये अगदी व्यवस्थित बसतात, #9d9d9d रंगामुळे बॉर्डर जवळजवळ दिसतच नाहीत, आणि सिस्टीममधील एकमेव सावल्या म्हणजे मुख्य ॲक्शनभोवती असलेली दोन रंगीत वलये.
पूर्ण-रुंदीचा, चारकोल रंगाचा कॅनव्हास, ज्यावर मध्यभागी कमाल-रुंदीची (~१२००px) सामग्री आहे. मुख्य स्क्रीनची सुरुवात २०px-त्रिज्येच्या मीडिया कार्डने होते, ज्यात उत्पादनाचा व्हिडिओ असतो आणि ते व्ह्यूपोर्टच्या रुंदीच्या अंदाजे ८०% जागा व्यापते. त्यानंतर लगेचच अनेक ओळींचे 'GT-Flexa 200' हे शीर्षक येते, जे जवळजवळ संपूर्ण सामग्रीच्या रुंदीपर्यंत विस्तारते. विभागांची रचना: टोबियास-शैलीतील सर्व-कॅप्समध्ये एकच उत्पादन वर्णन विभाग, ज्यानंतर उत्पादन वर्णन कार्ड्सची २x२ ग्रिड (डेस्कटॉपवर) येते. कार्ड्समध्ये १px #9d9d9d बॉर्डर आणि त्यांच्यामध्ये २४px गटर वापरले आहेत. उभ्या जागेचा भरपूर वापर—विभाग विभाजकांऐवजी ४८-१२८px च्या चारकोल रंगाच्या रिकाम्या जागेने वेगळे केले आहेत. नेव्हिगेशन हे सर्वात वर अँकर केलेले एकच, पारदर्शक पॅनेल आहे, ज्यात लपवलेल्या लिंक्सचा समूह आणि एकच एम्बर कॉल-टू-ॲक्शन आहे. कोणतीही साइडबार, मेगा-मेनू किंवा दुय्यम नेव्हिगेशन नाही.
या प्रतिमा केवळ उत्पादनाच्या प्रात्यक्षिकासाठी आहेत—पूर्णपणे काळ्या पार्श्वभूमीवर घेतलेला अल्टर I कीबोर्डचा एक क्लोज-अप मॅक्रो शॉट, ज्यावर वरून बॅकलाइट टाकला आहे, ज्यामुळे केस चमकते आणि कीकॅप्सच्या कडांभोवती प्रकाश परावर्तित होतो. यात कोणतीही जीवनशैली, मानवी हात किंवा पर्यावरणीय संदर्भ नाही. प्रतिमा उच्च-कॉन्ट्रास्ट आणि गडद आहेत; मोनोक्रोम पॅलेटच्या बाहेरील एकमेव रंग म्हणजे कीबोर्डवरील नारंगी पॉवर स्विच, जो एम्बर ऑरेंजच्या कॉल-टू-ॲक्शनची आठवण करून देतो. प्रतिमा चौरस किंवा १६:९ गुणोत्तराच्या आहेत, त्या नेहमी २०px त्रिज्या असलेल्या कार्डमध्ये ठेवलेल्या असतात आणि कार्डच्या कडांच्या पलीकडे विस्तारलेल्या असतात (फोटोभोवती पॅडिंग नाही आणि मजकूर कडेच्या खाली आहे). आयकॉनची शैली: लोगोच्या आधी असलेले एकमेव चिन्ह म्हणजे एक लहान भरलेले वर्तुळ (●)—एक नारंगी ठिपका, सुमारे ६px जाडीचा.
पॅलेट
ब्रँड
- Ember Orange
#f45500— फिल असलेले मुख्य ॲक्शन बटण हे UI मधील एकमेव रंगीत पृष्ठभाग आहे, ज्यासोबत नेहमी ३०px चे नारंगी वलय असते, ज्यामुळे ते एखाद्या तंतूप्रमाणे चमकते; मुख्य कॉल बटणावरील ३०px ची बाह्य चमक एम्बर ऑरेंज षटकोनी चिन्हाची प्रतिकृती आहे, परंतु ती फिलऐवजी सावलीच्या स्वरूपात असते, ज्यामुळे बटण आतून प्रकाशित झाल्यासारखे दिसते.
तटस्थ
- Studio Charcoal
#202020— कॅनव्हास आणि कार्डबोर्डचे पृष्ठभाग एखाद्या अंधाऱ्या गॅलरीच्या फरशीसारखे आहेत, जे कधीही पूर्णपणे काळे नसतात, जेणेकरून डोळे त्यांच्या मुलायम कडांवर विसावू शकतील. - Bone White
#ffffff— मुख्य मजकूर, चित्रांवर पातळ कडा आणि क्वचितच आढळणारा उलटा पृष्ठभाग. संपूर्ण फॉन्ट रचना स्वतंत्रपणे राखली जाते. - Ash Gray
#9d9d9d— रंगसंगतीमध्ये, फिकट मजकूर, नाजूक कार्ड बॉर्डर आणि निष्क्रिय कॅप्शन हेच एकमेव मध्यम राखाडी रंग आहेत, जे पांढरा रंग खूप भडक वाटतो तेव्हा वापरले जातात. - Mid Felt
#eaeaea— उलट्या पॅनेल्स किंवा मोडल ग्रिड्ससाठी पृष्ठभागावर लावायचा हलका रंग - बेज आणि गडद कॅनव्हासच्या मधला पांढऱ्या रंगाचा एक शेड. - Carbon
#000000— जिथे कोळशाचा कॅनव्हास त्याचा आकार व्यवस्थित टिकवून ठेवण्यासाठी खूप फिकट असतो, तिथे आयकॉन स्ट्रोक्स आणि विरोधाभासी फ्रेम्स हे सर्वात लक्षवेधी वैशिष्ट्य ठरते. - Lavender Link
#9e9eff— एम्बेड केलेल्या लिंकचा रंग आणि अतिरिक्त ॲक्शन फ्रेमची बाह्यरेषा उबदार नारंगी रंगाच्या तुलनेत एक सौम्य, शांत विरोधाभास निर्माण करतात, ज्यामुळे गडद काळ्या पार्श्वभूमीवर ॲक्शन्स सुवाच्य राहतील याची खात्री होते.
टायपोग्राफी
१६ ते ८६ पिक्सेल · ८ टप्पे
- GT-Flexa — बदली: Inter (200/400) or Manrope (200/400) · रूपरेषा 200, 400 · शीर्षके आणि सजावटीच्या घटकांसाठी हा मुख्य फॉन्ट आहे. २०० वेटमुळे २४px पेक्षा मोठे प्रत्येक शीर्षक वापरता येते—ही एक वैशिष्ट्यपूर्ण शैली आहे: ६८px आणि ८६px आकारांमध्ये, अक्षरे ओरडण्याऐवजी वातावरणात विलीन झाल्यासारखी वाटतात. ४०० वेट उपशीर्षके आणि कार्ड कॅप्शनसाठी योग्य आहे, जिथे अक्षरे जवळजवळ ऐकू येत नाहीत. सर्वात मोठ्या आकारांमध्ये ओळींमधील अंतर १.० पर्यंत कमी केले जाते, त्यामुळे सजावटीचा फॉन्ट हवेच्या स्तंभाप्रमाणे एकमेकांवर रचला जातो.
- Tobias-light — बदली: Söhne Buch or Inter Tight · रूपरेषा 400 · विभाग शीर्षके आणि फुटर लोगोसाठी एक दुय्यम टायपोग्राफी शैली. टोनल कॉन्ट्रास्ट (रंगछटांमधील फरक) तयार करण्यासाठी ही GT-Flexa 200 च्या एक पायरी खाली वापरली जाते—टोबियासमध्ये अधिक वास्तुशिल्पीय, अभिव्यक्त भावना आहे, तर GT-Flexa अधिक वातावरणीय आहे. निगेटिव्ह लेटर स्पेसिंगमुळे टोबियास लाइटचे रुंद प्रमाण अरुंद होते.
- Times — बदली: Source Serif 4 or PT Serif · रूपरेषा 400 · मुख्य मजकूर आणि शीर्षकाचे परिच्छेद हे सेरिफ्सचा वापर करून, भौमितिक, सजावटीच्या फॉन्टच्या विरुद्ध एक जाणीवपूर्वक तयार केलेला विरोधाभास आहे. हे सेरिफ्स मुख्य मजकुराचा आकार न ओलांडता उत्पादन वर्णनांना उबदारपणा आणि संपादकीय अधिकार प्रदान करतात.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 4-8px |
| बटण त्रिज्या | 20px |
| कार्ड त्रिज्या | 20px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 48-128px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Electronic Materials Office स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- OFFFICE : — एकसंध फॉन्टमध्ये वेढलेली एक नॉयर गॅलरी
- Bibliothèque — स्पॉटलाइटच्या प्रकाशात एक काळ्या रंगाची घनाकृती गॅलरी – एका विशाल, अंधाऱ्या हॉलमधील एकटा प्रकाशित फलक.
- 21 TSI — एक किरमिजी पोकळी, एकच आकृती – एक हाय फॅशन संपादकीय, जिथे युझर इंटरफेस वातावरणात विलीन होतो.
- Structured — प्लॅस्टिकिनसारख्या कागदावरील पुनर्जागरणकालीन गॅलरी
- CHAIBOY — बॅकलिट छायाचित्र असलेली काळी गॅलरीची भिंत
- Holiday 100 — मध्यरात्री भेटवस्तूंचे प्रदर्शन—एक सेरिफ मथळा स्पॉटलाइटचे काम करतो, एक गडद कॅनव्हास मखमली भिंतीसारखा आहे, आणि प्रत्येक उत्पादनाची प्रतिमा काळजीपूर्वक निवडलेल्या फ्रेमप्रमाणे टांगलेली आहे.
- Apple (España) — संग्रहालयाची गॅलरी, मंद सूर्यप्रकाशात, एकसंध, मनमोहक आणि हलकी पांढरी जागा आहे, जिथे प्रत्येक प्रदर्शनीय वस्तू हलक्या रंगाच्या भिंतीवर स्पॉटलाइटच्या प्रकाशाने उजळलेली आहे.
- Analogue — काळी गॅलरी डिस्प्ले केस – वस्तू पोकळीत तरंगत आहेत
- Apple (España) — ऑब्सिडियन गॅलरी शोकेस हे एक अंधारे प्रदर्शन कक्ष आहे, जिथे गडद काळ्या पार्श्वभूमीवर टायटॅनियमची एक वस्तू चमकते.
- Studio Oker — शेंदरी रंगाची छटा असलेली एक अंधारी गॅलरी—काळ्या भिंती असलेली एक पोर्टफोलिओ खोली, जिथे पांढरी अक्षरे तरंगत असल्यासारखी वाटतात आणि एक लाल रंगाची कुजबुज शांतता भेदून जाते.
- 099 SUPPLY — काळ्या आणि पांढऱ्या वस्तूंनी भरलेली गॅलरीची भिंत
- Retool — एक उबदार ऑब्सिडियन कार्यशाळा - धगधगत्या निखाऱ्यांच्या प्रकाशाने उजळलेली, अचूक अवजारांसाठीची एक पृष्ठभूमी, जिथे प्रत्येक गोष्टीची निर्मिती होते.