FRANKY'S
स्केट पसलको काउन्टरमा रहेको रेट्रो गेमिङ कियोस्क
फ्र्याङ्कीको दृश्य भाषा रेट्रो आर्केड र स्केटबोर्ड पसलको संयोजन हो: कडा पिक्सेल किनाराहरू, सर्वव्यापी कालो-सेतो चेकरबोर्ड, र वेबसाइटमा प्रत्येक शब्दको लागि प्रयोग गरिने एकल पिक्सेल फन्ट, आर्केड द्वारा फ्रेम गरिएको न्यानो क्रिम क्यानभास (#f3e5df)। प्यालेट जानाजानी विरल छ - केवल दुई क्रोमेटिक रङहरू बाँकी छन् (चिन्हको लागि संकेत सुन्तला #faa21f र किन्नुहोस् बटनको लागि धनी हरियो #128e44), सम्पूर्ण पदानुक्रम आर्केड फन्टको वजन 400 बाट 700 सम्म बढाएर र क्रिम पृष्ठभूमि विरुद्ध कालो प्रयोग गरेर व्यक्त गरिएको छ। सतहहरू समतल र मोनोलिथिक रहन्छन्; बटनहरूमा सम्मिलित 1px क्रिम लाइन र चेकरबोर्डको टोनल प्ले मार्फत मात्र गहिराई प्राप्त गरिन्छ। कम्पोनेन्टहरू 1990 को दशकको स्टोरफ्रन्ट स्प्राइटहरूको सम्झना दिलाउँछन्: बाक्लो कालो किनाराहरू, टाइट 6-12px बोर्डर रेडियो, कम्प्याक्ट 4-8px प्याडिङ, र क्रोम तत्वहरूको सट्टा पिक्सेलेटेड आइकनहरू जस्तै देखिने 3D/AR टगलहरू। नयाँ पृष्ठहरू आर्केड जस्तो वातावरण कायम राख्नको लागि हुन्: सुन्तला रंगको स्क्रोलिङ पाठ बाहेक अरू कुनै ग्रेडियन्टहरू छैनन्, नरम छायाँहरू छैनन्, सजावटी टाइपोग्राफी छैन - केवल क्रिम रंगको कागज, कालो पिक्सेलेटेड रेखाहरू, र एकल न्यानो सुन्तला रंग।
डेस्कटपमा, उत्पादन पृष्ठले १२०० पिक्सेलको अधिकतम चौडाइको साथ पूर्ण-चौडाइ, केन्द्रित लेआउट प्रदर्शन गर्दछ। माथि-देखि-तल लय यो हो: सुन्तला स्क्रोलिङ पाठ → कालो रेखा भएको क्रिम-रंगको हेडर → दुई-स्तम्भ विभाजन (गृहपृष्ठमा ५५% चेकरबोर्ड / उत्पादन कार्डहरूको ४५% दुई-स्तम्भ ग्रिड) → फुटरमा क्रिम-रंगको स्ट्राइप। मोबाइलमा, गृहपृष्ठ पूर्ण-चौडाइ चेकरबोर्डमा पतन हुन्छ, र ग्रिड एकल-स्तम्भ लेआउट बन्छ। कार्डहरू दुई-स्तम्भ ग्रिडमा समान रूपमा वितरित हुन्छन् जसको बीचमा खैरो पिक्सेल (#e5e7eb) डिभाइडरहरू छन्। खण्डहरू बीचको स्पेसिङ न्यूनतम (४३-६१ पिक्सेल) छ, र इन्टरफेसले कहिल्यै पनि पृष्ठको सम्पूर्ण चौडाइ फैलाउने गाढा स्ट्राइपहरू प्रयोग गर्दैन - क्रिम क्यानभास बिना अवरोध प्रदर्शित हुन्छ।
सफा क्रिम पृष्ठभूमिमा टोपीहरूको तस्बिर, केन्द्रित र कडा रूपमा काटिएको, तल नरम, कोइला-कालो छायाँ सहित। कुनै जीवनशैली छैन, कुनै मोडेल छैन, कुनै सन्दर्भ छैन - टोपी तारा हो। मुख्य तत्व पछाडिको चेकरबोर्ड ढाँचाले ग्राफिक सतहको रूपमा काम गर्दछ। कुनै चित्रण छैन, संवर्धित वास्तविकता टगल बाहेक कुनै 3D रेन्डर छैन, लोगोमा पिक्सेलेटेड क्रस बाहेक कुनै सजावटी आइकनहरू छैनन्।
प्यालेट
ब्रान्ड
- 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 · सम्पूर्ण इन्टरफेसमा एउटै फन्ट प्रयोग गरिन्छ—सबै शीर्षकहरू, लेबलहरू, मूल्यहरू, बटनहरू, मुख्य पाठ, र आइकनहरू आर्केडमा छन्। ४०० बाट ७०० मा संक्रमण पदानुक्रम सिर्जना गर्ने एक मात्र उपकरण हो; दोस्रो फन्ट प्रयोग गर्नाले किओस्क भ्रमलाई बर्बाद गर्नेछ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 4-8px |
| बटनको त्रिज्या | 6px |
| कार्डको अर्धव्यास | 12px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 43-61px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट FRANKY'S शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- 099 SUPPLY — कालो र सेतो वस्तुहरूले भरिएको ग्यालरी भित्ता
- teenage engineering — स्टुडियो प्रकाशमा औद्योगिक क्याटलग - उत्पादन पृष्ठमा एक मात्र महत्त्वपूर्ण वस्तु हो, र बाँकी सबै कुरा यसको वरिपरि छलफल गरिन्छ।
- Custo — मोनोलिथिक फन्ट भएको गनमेटल रंगको ग्यालरी। मौन खैरो-हरियो टोनमा शोरूम, जहाँ एउटा गाढा वस्तु र ५७ पिक्सेल फन्टले आफैं बोल्छ।
- Walden — वनको भुइँको मौनता - हरेक उत्पादन ढुङ्गा हो, हरेक पिक्सेल काई र मौनता हो
- Fiverr — डिजिटल बजारको केन्द्रबिन्दु अँध्यारो रंगमञ्चहरू विरुद्ध एक जीवन्त हरियो पल्स हो। एउटा नियोन हरियो थोप्ला लोगोको लागि लंगरको रूपमा काम गर्दछ; बाँकी मोनोक्रोम हो, जुन प्रस्ताव गरिएका सेवाहरूको आकर्षणलाई हाइलाइट गर्न डिजाइन गरिएको हो।
- Peloton — कालो रनवेमा रातो बत्ती। एउटा फिटनेस शोरूम जहाँ एउटा चम्किलो रातो CTA चिन्ह विशाल, अँध्यारो प्रदर्शनी ठाउँलाई काटेर सफा, सेतो उत्पादन कोठाहरूमा लैजान्छ।
- HOUSEPLANT — लिनेन पेपरमा बदाम भएको किताब पसल
- Adam Lippes — क्रिम पेपरमा मोनोक्रोम सम्पादकीय स्टुडियो - एक भोग फैलावट जहाँ सजावट केवल लेआउट ग्रिड हो, रङ प्यालेट होइन।
- Elektron — मध्यरातमा उपकरण नियन्त्रण प्यानल लगभग कालो क्यानभास हो, जहाँ उत्पादनका तस्बिरहरू चम्किन्छन् जबकि इन्टरफेस लगभग अदृश्य रहन्छ।
- Sigmaphoto — मोनोक्रोम ग्यालरी अफ प्रेसिजन इन्स्ट्रुमेन्ट्स एउटा शान्त सेतो कोठा हो जहाँ महत्त्वपूर्ण रङ भनेको तपाईंलाई कार्यमा बोलाउने रङ मात्र हो।
- Channel Studio — एउटा कोरल ल्याम्पशेड भएको स्टुडियो फोटो ल्याब
- Specht Studio — गुप्त जिज्ञासाले भरिएको ग्यालरी भित्ता। स्टुडियोको आफ्नै क्रोम फिनिश सेतो सतह र कालो अक्षर हो; दृश्य आतिशबाजी पूर्णतया परियोजनाको टाइलवर्क भित्र केन्द्रित छन्।