FRANKY'S
स्केट शॉपच्या काउंटरवर एक रेट्रो गेमिंग किऑस्क
फ्रँकीची व्हिज्युअल लँग्वेज ही रेट्रो आर्केड आणि स्केटबोर्ड शॉप यांचे मिश्रण आहे: कडक पिक्सेल बॉर्डरने वेढलेला एक उबदार क्रीम रंगाचा कॅनव्हास (#f3e5df), सर्वत्र दिसणारा काळा-पांढरा चेकरबोर्ड आणि वेबसाइटवरील प्रत्येक शब्दासाठी वापरलेला 'आर्केड' नावाचा सिंगल पिक्सेल फॉन्ट. रंगसंगती मुद्दामहून मर्यादित ठेवण्यात आली आहे—फक्त दोनच रंगीत रंग शिल्लक आहेत (चिन्हासाठी सिग्नल ऑरेंज #faa21f आणि खरेदी बटणासाठी गडद हिरवा #128e44), आणि संपूर्ण रचना 'आर्केड' फॉन्टची जाडी ४०० वरून ७०० पर्यंत वाढवून व क्रीम पार्श्वभूमीवर काळा रंग वापरून व्यक्त केली आहे. पृष्ठभाग सपाट आणि एकसंध राहतात; बटणांवर घातलेल्या १ पिक्सेलच्या क्रीम रेषेमुळे आणि चेकरबोर्डच्या रंगांच्या खेळामुळेच खोली साधली जाते. हे घटक १९९० च्या दशकातील दुकानांच्या दर्शनी भागावरील स्प्राइट्सची आठवण करून देतात: जाड काळ्या बॉर्डर्स, ६-१२ पिक्सेलची अरुंद बॉर्डर त्रिज्या, ४-८ पिक्सेलचे संक्षिप्त पॅडिंग आणि क्रोम एलिमेंट्सऐवजी पिक्सेलेटेड आयकॉन्ससारखे दिसणारे ३डी/एआर टॉगल्स. नवीन पानांचा उद्देश आर्केडसारखे वातावरण टिकवून ठेवणे हा आहे: नारंगी रंगाच्या स्क्रोलिंग टेक्स्टशिवाय इतर कोणताही ग्रेडियंट नाही, सौम्य सावल्या नाहीत, सजावटीचे टायपोग्राफी नाही—फक्त क्रीम रंगाचा कागद, काळ्या पिक्सेलेटेड रेषा आणि एकच उबदार नारंगी रंग.
डेस्कटॉपवर, उत्पादन पृष्ठ (प्रोडक्ट पेज) पूर्ण-रुंदीचा, मध्यभागी असलेला लेआउट दाखवते, ज्याची कमाल रुंदी १२००px आहे. वरून खाली मांडणीचा क्रम असा आहे: नारंगी स्क्रोलिंग मजकूर → काळ्या रेषेसह क्रीम-रंगाचे हेडर → दोन-स्तंभीय विभागणी (होमपेजवर ५५% चेकरबोर्ड / उत्पादन कार्ड्सची ४५% दोन-स्तंभीय ग्रिड) → फुटरमध्ये क्रीम-रंगाची पट्टी. मोबाईलवर, होमपेज पूर्ण-रुंदीच्या चेकरबोर्डमध्ये रूपांतरित होते आणि ग्रिड एक-स्तंभीय लेआउट बनते. कार्ड्स दोन-स्तंभीय ग्रिडमध्ये समान अंतरावर मांडलेली असतात आणि त्यांच्यामध्ये राखाडी पिक्सेल (#e5e7eb) रंगाचे विभाजक असतात. विभागांमधील अंतर अगदी कमी (४३–६१px) असते आणि इंटरफेसमध्ये पानाच्या संपूर्ण रुंदीवर पसरलेल्या गडद पट्ट्यांचा कधीही वापर केला जात नाही—क्रीम रंगाचा कॅनव्हास कोणत्याही अडथळ्याशिवाय प्रदर्शित होतो.
स्वच्छ क्रीम रंगाच्या पार्श्वभूमीवर टोप्यांचा एक फोटो, जो मध्यभागी असून अगदी जवळून कापलेला आहे आणि ज्याच्या खाली एक सौम्य, कोळशासारखी काळी सावली आहे. कोणतीही जीवनशैली नाही, मॉडेल नाहीत, कोणताही संदर्भ नाही—टोपीच मुख्य आकर्षण आहे. मुख्य घटकाच्या मागे असलेला चेकरबोर्ड नमुना ग्राफिक पृष्ठभागाचे काम करतो. ऑगमेंटेड रिॲलिटी टॉगल वगळता कोणतीही चित्रे नाहीत, कोणतेही ३डी रेंडर्स नाहीत, आणि लोगोमधील पिक्सेलेटेड क्रॉस वगळता कोणतेही सजावटीचे आयकॉन्स नाहीत.
पॅलेट
ब्रँड
- Marquee Orange
#faa21f— स्क्रीनच्या वरच्या बाजूला नोटिफिकेशन बार, ॲक्सेंट घटक, ब्रँडिंग. - Buy Green
#128e44— 'कार्टमध्ये जोडा' बटण भरलेले आहे - हिरव्या रंगाने चिन्हांकित केलेली ही एकमेव खरेदीची क्रिया आहे.
तटस्थ
- Arcade Cream
#f3e5df— पृष्ठाची पार्श्वभूमी, उत्पादन कार्डाचे पृष्ठभाग, बटणांचे भाग. - Ink Black
#000000— मुख्य मजकूर, चेकरबोर्ड लेआउट, सर्व UI बॉर्डर्स, कार्ड आउटलाइन्स, आयकॉन बॉर्डर्स. - Pixel Gray
#e5e7eb— पातळ कडा, कार्ड विभाजक, ग्रिड सेलमधील रचनात्मक नियम. - Charcoal
#333333— दुय्यम पृष्ठभागाचा टोन, चेकरबोर्ड सावलीचे चौरस, सावलीचा रंग - Carbon
#151515— चित्रे भरण्यासाठी गडद तटस्थ रंगछटा आणि सर्वात दाट चेकरबोर्ड टाइल्स. - Muted Gray
#737373— बटणांवरील आणि मुख्य मजकुरातील मजकूर अक्षम/म्यूट केला जातो.
टायपोग्राफी
१० ते १८ पिक्सेल · ४ टप्पे
- Arcade — बदली: VT323 · रूपरेषा 400, 700 · संपूर्ण इंटरफेसमध्ये एकच फॉन्ट वापरला आहे—सर्व शीर्षके, लेबल्स, किमती, बटणे, मुख्य मजकूर आणि आयकॉन्स आर्केड फॉन्टमध्ये आहेत. 400 ते 700 मधील बदल हाच पदानुक्रम तयार करण्याचे एकमेव साधन आहे; दुसरा फॉन्ट वापरल्यास किऑस्कचा आभास नष्ट होईल.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 4-8px |
| बटण त्रिज्या | 6px |
| कार्ड त्रिज्या | 12px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 43-61px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट FRANKY'S स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- 099 SUPPLY — काळ्या आणि पांढऱ्या वस्तूंनी भरलेली गॅलरीची भिंत
- teenage engineering — स्टुडिओ लायटिंगमधील औद्योगिक कॅटलॉग - पानावर उत्पादन ही एकमेव महत्त्वाची वस्तू असते आणि बाकी सर्व चर्चा त्याच्याभोवतीच केली जाते.
- Custo — गनमेटल रंगाची गॅलरी, ज्यात एकसंध फॉन्ट वापरला आहे. सौम्य राखाडी-हिरव्या रंगांच्या छटा असलेले एक शोरूम, जिथे एकच गडद वस्तू आणि ५७ पिक्सेलचा फॉन्ट स्वतःच सर्व काही सांगून जातात.
- Walden — जंगलाच्या जमिनीवरील शांतता - प्रत्येक वस्तू म्हणजे एक दगड, प्रत्येक पिक्सेल म्हणजे शेवाळ आणि शांतता.
- Fiverr — डिजिटल बाजाराचे मुख्य आकर्षण म्हणजे गडद नाट्यमंचाच्या पार्श्वभूमीवर दिसणारी एक तेजस्वी हिरवी चमक. लोगोसाठी एकच निऑन हिरवा ठिपका मुख्य आधार म्हणून काम करतो; बाकीचा भाग एकरंगी असून, तो देऊ केलेल्या सेवांचे आकर्षण अधोरेखित करण्यासाठी तयार करण्यात आला आहे.
- Peloton — काळ्याकुट्ट धावपट्टीवर एक लाल दिवा. एक फिटनेस शोरूम, जिथे एकच तेजस्वी लाल रंगाचे 'सीटीए' चिन्ह विशाल, अंधाऱ्या प्रदर्शन कक्षाला भेदून स्वच्छ, पांढऱ्या उत्पादन कक्षांकडे घेऊन जाते.
- HOUSEPLANT — लिनन पेपरवर सुकामेवा असलेले पुस्तकांचे दुकान
- Adam Lippes — क्रीम रंगाच्या कागदावर एक मोनोक्रोम संपादकीय स्टुडिओ – व्होगमधील एक असा स्प्रेड, जिथे रंगसंगती नव्हे, तर केवळ लेआउट ग्रिड हीच एकमेव सजावट आहे.
- Elektron — मध्यरात्री उपकरणाचे नियंत्रण पॅनेल हे जवळजवळ एका काळ्या कॅनव्हाससारखे असते, जिथे उत्पादनांचे फोटो उठून दिसतात, तर इंटरफेस मात्र अक्षरशः अदृश्य राहतो.
- Sigmaphoto — मोनोक्रोम गॅलरी ऑफ प्रिसिजन इन्स्ट्रुमेंट्स ही एक शांत पांढरी खोली आहे, जिथे फक्त तोच रंग महत्त्वाचा असतो जो तुम्हाला कृती करण्यास प्रवृत्त करतो.
- Channel Studio — एक प्रवाळी रंगाचा लॅम्पशेड असलेला स्टुडिओ फोटो लॅब
- Specht Studio — सूक्ष्म कुतूहलाने भरलेली एक गॅलरीची भिंत. स्टुडिओचे स्वतःचे क्रोम फिनिश म्हणजे पांढरा पृष्ठभाग आणि काळी अक्षरे; खरी दृश्यात्मक चमक संपूर्णपणे या प्रकल्पाच्या टाइलकामातच केंद्रित आहे.