Superlist
प्रवाळी निखाऱ्यांनी उजळलेली रात्रीची कार्य जागा—एक शांत वांग्याच्या रंगाची ॲप पृष्ठभाग, जिथे एकच उबदार नारंगी ठिणगी प्रत्येक कृतीला संकेत देते.
सुपरलिस्ट गडद जांभळ्या रंगाच्या छटा असलेली एक उत्पादकता भाषा वापरते: गडद वांग्याचा रंग, एकमेव प्राथमिक रंग म्हणून उबदार प्रवाळी रंग, आणि संपूर्ण वातावरण टिपणारी मोठी सॅन्स-सेरिफ शीर्षके. हा इंटरफेस रात्री उशिरापर्यंत एकाग्रतेने केलेल्या कामाची भावना जागृत करतो—शांत, स्तरित आणि आत्मविश्वासपूर्ण, ज्यात रंगाचा वापर केवळ कृतीसाठी आवाहन (calls to action), सक्रिय स्थिती (active states) आणि महत्त्वाच्या मुद्द्यांवर कार्यात्मक विरामचिन्हे म्हणून केला आहे. पृष्ठभाग जांभळ्या रंगाच्या छटा असलेल्या सूक्ष्म गडद टोनमध्ये स्तरित केलेले आहेत (#181824 → #26253b), आणि खोली निर्जीव न वाटता उबदार वाटावी यासाठी शुद्ध काळा रंग टाळला आहे. घटकांमध्ये मोठे गोलाकार आकार (20px कार्ड्स, पिल बटन्स), सौम्य सावल्या आहेत आणि घट्ट ग्रिडऐवजी 10-16px च्या आरामदायक अंतरामुळे ते अधिक मोकळे वाटतात. शीर्षकाची भाषाच सर्वकाही आहे: 70-88px वर 600-पॉइंट वजन आणि -0.02em चे घट्ट अक्षर-अंतर मजकुराला UI ऐवजी टायपोग्राफिक म्हणून हाताळते—ते SaaS पेक्षा संपादकीय मजकुराच्या अधिक जवळ आहे.
गडद विभाग पानाच्या संपूर्ण रुंदीवर पसरलेले आहेत, ज्यात मध्यभागी कमाल-रुंदीचे मजकूर कंटेनर आहेत. मुख्य विभाग उभ्या दिशेने मध्यभागी आहे आणि त्यात एक मथळा, उपमजकूर आणि कृतीसाठी आवाहन (CTA) आहे, त्यानंतर पुढील विभागावर आच्छादित होणारा उत्पादनाचा एक मोठा स्क्रीनशॉट आहे. त्यानंतरच्या विभागांमध्ये मध्यभागी असलेले मजकूर ब्लॉक आणि कार्ड ग्रिड एकाआड एक येतात. पुनरावलोकन विभागात पुनरावलोकन कार्ड आणि १६ गटरसह तीन-स्तंभीय ग्रिड वापरला आहे. नेव्हिगेशन ही एकच शीर्ष पट्टी आहे, ज्यात डावीकडे लोगो, मध्यभागी लिंक्स आणि उजवीकडे लॉगिन क्रिया आहेत—कोणतीही निश्चित साइडबार किंवा मेगा-मेनू नाही. विभागांमधील गटर प्रशस्त (१६ गटर) आहेत, ज्यामुळे दाट उत्पादन ग्रिडऐवजी एक मोकळी, संपादकीय लय निर्माण होते.
दृश्यात्मक जागेवर उत्पादनाच्या स्क्रीनशॉट्सचे वर्चस्व आहे—प्रत्यक्ष ॲप इंटरफेस दर्शवणारी, गोलाकार कोपरे असलेली एक मोठी फ्रेम मुख्य आणि दुय्यम विभाग व्यापते. फोटो कमीत कमी आहेत, ते केवळ वापरकर्त्याचे अवतार किंवा ॲपमधील मीडियाचे पूर्वावलोकन म्हणून वापरले आहेत (उदाहरणार्थ, उत्पादन मॉकअपच्या उजव्या पॅनेलमधील मैफिलीचे चित्र). ट्रस्ट बारवरील लोगो सपाट, फिकट पांढऱ्या रंगाची मजकूर चिन्हे आहेत. यात कोणतीही सजावटीची चित्रे, अमूर्त ग्राफिक्स किंवा ३डी रेंडर्स नाहीत. उत्पादन मोठ्या आकारात दाखवणे, टायपोग्राफीला भावनिक काम करू देणे आणि कोरल रंगाचा एकमेव ॲक्सेंट कलर म्हणून वापर करणे, ही दृश्यात्मक रणनीती आहे.
पॅलेट
ब्रँड
- Coral Ember
#ff4a36— नारंगी रंगाचा वापर सजावटीच्या तपशिलांसाठी आणि क्वचित आढळणाऱ्या संकेतांना ठळक करण्यासाठी दुय्यम रंग म्हणून केला जातो. कृती करण्यास प्रवृत्त करण्यासाठी तो मुख्य रंग म्हणून वापरला जाऊ नये.
तटस्थ
- Aubergine Canvas
#181824— पेजची पार्श्वभूमी, म्हणजेच मुख्य कॅनव्हास, ही पूर्ण काळ्या रंगाऐवजी एक उबदार, गडद छटा आहे, ज्यामुळे युझर इंटरफेस सपाट न दिसता स्तरित दिसतो. - Elevated Plum
#26253b— कार्ड पृष्ठभाग, इनपुट फील्ड, नॅव्हिगेशन कंटेनर—दृश्यमान सीमारेषेशिवाय खोली निर्माण करण्यासाठी कॅनव्हासपेक्षा एक पायरी सोपी. - Pure White
#ffffff— मुख्य शीर्षके, बटणावरील मजकूर आणि आयकॉनच्या बाह्यरेखा—गडद कॅनव्हासवर कमाल विरोधाभास. - Fog Text
#696f81— वांग्याच्या रंगाच्या पार्श्वभूमीवर आरामदायक वाचनासाठी, मुख्य मजकूर, दुय्यम शीर्षके आणि सौम्य बॉर्डर या सर्वांमध्ये ७:१ चे कॉन्ट्रास्ट गुणोत्तर आहे. - Ash Text
#8e8da0— दुय्यम UI घटक, विभाजक आणि म्यूटेड लेबल्ससाठी न्यूट्रल रंग समर्थित आहे. कॉल टू ॲक्शनसाठी प्राथमिक रंग म्हणून त्याचा वापर करू नये. - Mist Highlight
#a3a3a7— सूक्ष्म बॉर्डर, विभाजक आणि निष्क्रिय नेव्हिगेशन घटक एक सौम्य तटस्थ टोन तयार करतात, जो कॅनव्हासवर तरीही उठून दिसतो.
टायपोग्राफी
१२ ते ८८ पिक्सेल · ९ टप्पे
- sans-serif — बदली: Inter · रूपरेषा 400 · सॅन्स-सेरिफ - काढलेल्या डेटामध्ये आढळले, परंतु AI द्वारे त्याचे वर्णन केलेले नाही.
- Haffer XH SemiBold — बदली: Inter Tight · रूपरेषा 400, 600 · डिस्प्ले आणि शीर्षकांसाठीचा हा मुख्य फॉन्ट आहे. हिरो शीर्षकांसाठी तो ७०-८८px आकारात, -०.०२em च्या अक्षर-अंतरासह आणि ६०० च्या जाडीसह वापरला जातो. कमी अक्षर-अंतर आणि जास्त उंचीमुळे शीर्षकांना संपादकीय वजन प्राप्त होते, ज्यामुळे गडद इंटरफेस डॅशबोर्डपेक्षा मासिकाच्या मुखपृष्ठासारखा दिसतो. याऐवजी बोल्ड जाडीमधील इंटर टाइट किंवा जनरल सॅन्स वापरा.
- Jersey 10 — बदली: Anybody · रूपरेषा 400 · अॅक्सेंट नंबर्स आणि हायलाइट्ससाठी वापरला जाणारा एक मोठा, सजावटीचा फॉन्ट. टायपोग्राफिक अॅक्सेंट तयार करण्यासाठी, अत्यंत मोठ्या आकारात याचा क्वचितच वापर केला जातो. याऐवजी 'एनीबडी' किंवा 'कॅबिनेट ग्रोटेस्क' वापरता येतो.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | सरासरी |
| मूलभूत पायरी | 10-16px |
| बटण त्रिज्या | 100px |
| कार्ड त्रिज्या | 20px |
| सावल्या | मऊ सावल्या |
| विभागांच्या दरम्यान | 80px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Superlist स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- DNA — कण भिंगातून दिसणारी मिडनाईट ऑब्झर्व्हेटरी
- Abetterlou — स्पार्क्स ऑन सॅडल लेदर - गडद कॉफी-काळ्या पार्श्वभूमीवर चमकणारा एक उबदार क्रीम रंगाचा फॉन्ट, आणि पानावर गरम धातू दाबल्यासारखा वाटणारा अंबर-सोनेरी रंगाचा बटन्स.
- Galileo-ft — इलेक्ट्रिक निळ्या सिग्नलसह एक खोल अवकाशातील कमांड डेक
- Decide AI — मध्यरात्रीची वेधशाळा - मिंट सिग्नल
- Redis Agency — कामाच्या वेळेनंतर उघडी असणारी ती संपादकीय कार्यशाळा एक काळोखमय जागा आहे, जिथे सर्व ब्रँडिंगचे काम सेरिफ फॉन्ट्स आणि एका लाल मुळ्याच्या साहाय्याने केले जाते.
- Spellbook — प्रवाळी शाईने उजळलेले मध्यरात्रीचे न्यायालय—एक गडद संपादकीय पृष्ठभाग, जिथे केवळ उबदार केशरी पेनाच्या फटकाऱ्यांचाच आवाज येतो.
- Linear — मध्यरात्रीचे अचूक उपकरण
- Origin Financial — शांत वैभवाची एक मध्यरात्रीची कलादालन. एक शांत, जवळजवळ अंधारी खोली, जिथे मोठे सेरिफ फॉन्ट आणि काही प्रकाशमान रंगीत पॅनेल्स अशी भावना निर्माण करतात की वित्त हे एक काळजीपूर्वक तयार केलेले कलात्मक काम आहे.
- Hyperstudio — ही रचना ऑब्सिडियनवर कोरलेली आहे. मजकूर आणि बारीक रेषांनी पूर्ण काळ्या रंगाच्या पांढऱ्या जागेला वेढले आहे, आणि अधूनमधून मार्ग दाखवणारे सोनेरी दिशादर्शक चिन्ह आहेत.
- Air — "काचेतून दिसणारे मध्यरात्रीचे आकाश" ही शिल्पकला
- Raycast — मिडनाईट कमांड सेंटर, कोरल निऑन
- dope.security — जांभळ्या दिव्यांसह मध्यरात्रीचे टर्मिनल