
Slush
पेस्टल कागदावरील स्टिकर्सचे फुगवता येण्याजोगे विश्व
स्लश एका स्टिकर अल्बमप्रमाणे काम करते: एक पेस्टल रंगाचा कागदी कॅनव्हास, चमकदार निळ्या रंगाच्या प्रचंड, भरगच्च पट्ट्या आणि कॉन्फेटीप्रमाणे विखुरलेले रंगीबेरंगी स्टिकर्स. याचा फॉन्ट प्रचंड आणि संक्षिप्त आहे (लॅटरल ८०० बाय २००-६४० पिक्सेल, लाइन स्पेसिंग ०.७५-०.८०), ज्यामुळे शब्द वाक्यांऐवजी शिल्पकलेच्या वस्तूंसारखे दिसतात. सहा आकर्षक, वैशिष्ट्यपूर्ण रंग एका सामान्य स्टिकर पॅलेटप्रमाणे काम करतात—प्रत्येक रंग एक भरलेला स्टिकर, कार्डचा पृष्ठभाग किंवा सजावटीचा थर म्हणून दिसतो, कधीही एक स्वतंत्र घटक म्हणून नाही. याचे घटक हलके गोलाकार (कार्डवर २०-४० पिक्सेल, नेव्हिगेशनवर गोळीच्या आकाराचे) आहेत आणि हस्तनिर्मित प्रभावासाठी त्यांना काळ्या रंगाची बाह्यरेषा दिली आहे. याचा परिणाम म्हणजे हे फिनटेक लँडिंग पेज कमी आणि फिकट रंगाच्या भिंतीवर टाचण्यांनी लावलेले एक प्रत्यक्ष कोलाज जास्त वाटते.
या लेआउटमध्ये पूर्ण-रुंदीचे स्क्रोलिंग पेज आहे, ज्यात कोणतीही साइडबार किंवा कायमस्वरूपी कंटेनर नाही. स्क्रोलिंग मजकूर आणि किमान टॉप नॅव्हिगेशन (डावीकडे लोगो, मध्यभागी नॅव्हबार, उजवीकडे भरलेला कॉल-टू-ॲक्शन) सर्वात वर राहतात. प्रत्येक विभाग हा पूर्ण-रुंदीचा एक रंगीत पट्टा आहे (#dceeff → #ffffff → #cccccc), ज्याच्या बाजूला मोठा केलेला मजकूर आहे, जो मध्यभागी किंवा डावीकडे संरेखित केलेला असून, त्याला ३डी निळ्या रिबन्सची चौकट आहे. मजकुराची मांडणी ग्रिड-आधारित करण्याऐवजी, मुद्दामहून सैल आणि कोलाजसारखी केली आहे: स्टिकर्स मजकुरावर येतात, रिबन्स मजकुराच्या मागे एकमेकांना छेदतात आणि एका दुय्यम विभागात क्यूआर कार्ड मध्यभागापासून थोडे बाजूला ठेवलेले आहे. उभ्या रेषेतील मांडणी बऱ्यापैकी रुंद आहे (विभागांमध्ये ४८ पिक्सेलचे अंतर), परंतु आडवी रचना मुद्दामहून असममित आहे. हे पेज वरून खाली पाहिल्यास तीन मोठ्या रंगीत पट्ट्यांसारखे दिसते, ज्यातील प्रत्येक पट्टी एक स्वतंत्र पोस्टर आहे.
दृश्यात्मक भाषेवर त्रिमितीय निळ्या रिबिन्सचे वर्चस्व आहे—हे एकसंध ब्रँड चिन्ह आहे, ज्यात इलेक्ट्रिक निळ्या रंगाचे दाणेदार, फुगवता येण्याजोगे नळीसारखे आकार आहेत, जे प्रत्येक विभागातील मथळ्याच्या मजकुराभोवती गुंडाळलेले आहेत किंवा त्याला झाकतात. सजावटीचे द्विमितीय स्टिकर्स (एक रॉकेट, एक सोन्याचे नाणे, एक हिरवी खूण, एक जांभळे पाकीट) मथळ्यांभोवती बोर्डवर टाचलेल्या कागदी कटआउट्सप्रमाणे तरंगत आहेत, ज्या प्रत्येकाला काळी बाह्यरेषा (१ पिक्सेल) आहे. कुठेही छायाचित्रे नाहीत. येथे पारंपरिक चित्रणात्मक ग्रिड्स नाहीत—सर्व काही कोलाज केलेले आहे आणि विषम पद्धतीने मांडलेले आहे. त्रिमितीय रिबिन्स मुख्य वातावरण तयार करतात; स्टिकर्स एक खेळकर स्पर्श देतात; बाकी सर्व काही टंकलेखन आणि रंग आहे.
पॅलेट
ब्रँड
- Electric Blue
#4da2ff— ब्रँडचा प्रमुख रंग—जाड रिबनची शिल्पे, चित्रांची पार्श्वभूमी, कार्डवरील अस्पष्ट नमुने—ही एक दृश्य ओळख आहे, जी प्रत्येक स्क्रीनचा पाया म्हणून काम करते.
तटस्थ
- Carbon
#000000— मुख्य मजकूर, कार्ड फ्रेम्स, कॉल टू ॲक्शनसाठीची भरलेली पार्श्वभूमी आणि लोगो हे सर्व मिळून पेस्टल पृष्ठभागांवर हाताने कापलेल्या स्टिकरच्या बाह्यरेषेचा प्रभाव निर्माण करतात. - Paper White
#ffffff— कॅनव्हास पृष्ठ, पुठ्ठ्याचे पृष्ठभाग, बटणाच्या बाह्यरेषेचा रंग, गडद पार्श्वभूमीवरील मजकूर. - Sky Wash
#dceeff— मुख्य विभागाची पार्श्वभूमी, फिकट निळ्या रंगाची पेस्टल पार्श्वभूमी. - Concrete Gray
#cccccc— दुय्यम विभागाची पार्श्वभूमी, तटस्थ मध्यवर्ती पृष्ठभाग - Soft Mist
#e9e9e9— सूक्ष्म बटण आणि पृष्ठभागाचे टोन, अक्षम अवस्था - Mint Pop
#55db9c— पार्श्वभूमी, सजावटीच्या पट्ट्या आणि मजकुराच्या मागे असलेला सौम्य स्पर्श ठळक करण्यासाठी हिरवा रंग भरा.
टायपोग्राफी
१२ ते ६४० पिक्सेल · ७ टप्पे
- Lateral — बदली: Druk · रूपरेषा 800 · फक्त मुख्य शीर्षके—"SLUSH" लोगो आणि "ALL THINGS SUI" सारखे विभाग बॅनर—२००-६४०px फॉन्टमध्ये ०.७५-०.८० च्या कमी केलेल्या लाइन हाइटसह प्रदर्शित केले जातात, ज्यामुळे अक्षरे कोरलेल्या ठोकळ्यांसारखी दिसतात. ही एक अपारंपरिक प्रदर्शन पद्धत आहे: दुसरी कोणतीही वेबसाइट ०.८५ पेक्षा कमी लाइन हाइट असलेला ८००-पॉइंट फॉन्ट वापरत नाही, आणि या प्रभावामुळे मजकूर त्रिमितीय रिबिन्समध्ये गुंडाळलेल्या एखाद्या भौतिक वस्तूसारखा दिसतो.
- Aeonik Pro — बदली: Inter · रूपरेषा 500, 700 · संपूर्ण युझर इंटरफेस, ज्यामध्ये मुख्य मजकूर, नेव्हिगेशन, बटणे आणि उपशीर्षके यांचा समावेश आहे. मुख्य मजकूर आणि मेटाडेटासाठी (१२-१६px) जाडी ५००, उपशीर्षके आणि नेव्हिगेशन लेबल्ससाठी (२४-३०px) जाडी ७००, आणि मोठ्या दुय्यम शीर्षकांसाठी ७०० ची ६४px ची वाढ. घट्ट अक्षर-अंतर (-०.०१०em) मुख्य मजकूर (१४-१६px) अरुंद करते; नेव्हिगेशन लेबल्स/बटणांमध्ये किंचित विस्तार (०.०३०-०.०३२em) नियंत्रणांना "मोकळी जागा" देतो.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 4-12px |
| बटण त्रिज्या | 1600px |
| कार्ड त्रिज्या | 20px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 48px |
| पृष्ठाची रुंदी | 1440px |
एआय तुमची वेबसाईट Slush स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- Cursor — धगधगत्या कोळशांच्या प्रकाशाने उजळलेली, कागदाच्या कामाची एक आरामदायक कार्यशाळा.
- MindMarket — क्रीम रंगाच्या कागदावरील एक सुखद परीकथेचे पुस्तक - एक मैत्रीपूर्ण संपादकीय कॅनव्हास, जिथे सूर्यप्रकाशाने उजळलेल्या, स्टिकरसारख्या मऊ पृष्ठभागावर 'इंटर'च्या मोठ्या ठळक बातम्या आणि कापलेली कागदी पात्रे एकत्र नांदतात.
- Shop — पांढऱ्या संगमरवरावरील एक तरंगता व्यापारी समूह
- Airbnb — एका शांत पांढऱ्या गॅलरीच्या भिंतीवर एकच प्रवाळ लाल रंगाचे बुकमार्क.
- Superr — दुपारच्या कोमल प्रकाशात एक उबदार शालेय वही. एक मलई रंगाचे पान, टोपी नसलेला एक नारंगी मार्कर आणि सोलून काढण्याची वाट पाहत असलेल्या लॅमिनेटेड नावांच्या स्टिकर्सचा गठ्ठा.
- Apple (España) — संग्रहालयाची गॅलरी, मंद सूर्यप्रकाशात, एकसंध, मनमोहक आणि हलकी पांढरी जागा आहे, जिथे प्रत्येक प्रदर्शनीय वस्तू हलक्या रंगाच्या भिंतीवर स्पॉटलाइटच्या प्रकाशाने उजळलेली आहे.
- Lamborghini — शोरूममध्ये काळ्या रंगाची गाडी, स्पॉटलाइटच्या प्रकाशात - एक पिवळी गाडी
- Amplemarket — रंगीत कागदाच्या तुकड्यांनी भरलेले सूर्यप्रकाशित कामाचे ठिकाण
- Getharvest — संध्याकाळच्या सोनेरी क्षणांतील एक डेस्क – एक उबदार क्रीम रंगाचा कॅनव्हास, त्यावर टांगलेली पांढरी पोस्टकार्ड्स आणि एक तेजस्वी केशरी ज्योत.
- Agence Foudre — मासिकाचे मुखपृष्ठ लिपस्टिकची आठवण करून देणाऱ्या फिकट गुलाबी रंगाचे आहे.
- Drive Capital — गरम कागदावर रेट्रो रोड ट्रिप पोस्टर
- Apple (España) — पांढरी गॅलरी डिस्प्ले केस