Bpco
कंक्रीट की एक पटिया से बना एक टाइपोग्राफिक घोषणापत्र। एक ब्लैक एंड व्हाइट प्रेस किट जिसमें विशालकाय हेलवेटिका फॉन्ट एक तस्वीर की तरह दिखता है, और एकमात्र बनावट मुख्य फॉन्ट के नीचे मुड़े हुए कागज की एक अकेली शीट है।
बिगपिक्चर एक मोनोक्रोम एडिटिंग सिस्टम का उपयोग करता है जो वेबपेज को कच्चे कागज पर छपे प्रेस किट की तरह देखता है। इंटरफ़ेस में रंगों का बिल्कुल भी उपयोग नहीं किया गया है, यह केवल काली स्याही, खाली जगह, पतली रेखाओं और मुड़े हुए कागज की एकसमान बनावट पर निर्भर करता है ताकि एक जीवंत वातावरण बनाया जा सके। टाइपोग्राफी ही मुख्य विशेषता है: हेडिंग 274px तक के आकार के हेलवेटिका न्यू 700 फ़ॉन्ट में लिखे गए हैं और इनमें अक्षरों के बीच बहुत कम गैप है, जिससे हर स्क्रीन पर टेक्स्ट ही प्रमुख दृश्य तत्व बन जाता है। मोनोस्पेस्ड कैप्शन ([01-N INTRODUCTION], CREATIVE/AGENCY) प्रिंट-स्टाइल सिग्नेचर की तरह काम करते हैं, और चार-नुकीले चमकदार आइकन सेक्शन के बीच एकमात्र सजावट के रूप में मौजूद हैं। लेआउट विशाल है और सेल्फ-पब्लिशिंग की याद दिलाता है—सेक्शन के बीच 72px का गैप, 144-250px के हॉरिजॉन्टल मार्जिन और 288px के कोनों वाले फुल-विड्थ इमेज ब्लॉक पेज को किसी सॉफ्टवेयर की बजाय गैलरी की दीवार की तरह जीवंत बनाते हैं।
अधिकतम चौड़ाई लगभग 1440px है, जो सेक्शन घनत्व के आधार पर 40–144px की क्षैतिज पैडिंग के साथ केंद्र में स्थित है। मुख्य छवि पूर्ण चौड़ाई वाली छवि है जिस पर टेक्स्ट ओवरले किया गया है। छवि के नीचे, सामग्री केंद्र में स्थित टेक्स्ट ब्लॉक और किनारे से किनारे तक फैली टाइपोग्राफी के बीच बारी-बारी से प्रदर्शित होती है। पृष्ठ का निचला 60% भाग एक लंबा, स्क्रॉल करने योग्य घोषणापत्र है, जिसमें बड़े अक्षरों में लिखे टेक्स्ट पूरी व्यूपोर्ट चौड़ाई में पंक्ति दर पंक्ति फैले हुए हैं, जो चमकदार विभाजकों की पंक्तियों द्वारा अलग किए गए हैं। नेविगेशन पूर्ण चौड़ाई वाले पैनल के बजाय व्यूपोर्ट के शीर्ष पर केंद्र में स्थित एक फ्लोटिंग बार है। फ़ूटर एक पतली बॉर्डर वाली एकल पट्टी है।
मुख्य स्क्रीन पर फोटोग्राफी का बोलबाला है—बड़े-बड़े वास्तुशिल्प और बाहरी विज्ञापन चित्र (बिलबोर्ड, भवन आवरण, सड़क-स्तरीय विज्ञापन) गोल कोनों के साथ पूर्ण आकार में प्रदर्शित किए गए हैं। पृष्ठ के निचले हिस्सों पर एक मुड़े हुए कागज की बनावट उकेरी गई है, जिससे स्पर्श का अनुभव होता है और इंटरफ़ेस को मुद्रित पत्रिका जैसा रूप मिलता है। रेखाओं से बना एक छोटा ग्लोब आइकन ही एकमात्र चित्रात्मक तत्व है। कोई 3डी प्रभाव नहीं, कोई अमूर्त ग्रेडिएंट नहीं, कोई उत्पाद मॉकअप नहीं—ये चित्र दस्तावेजी, औद्योगिक प्रकृति के हैं और एजेंसी के बाहरी विज्ञापन पोर्टफोलियो पर आधारित हैं।
पैलेट
तटस्थ
- Press Ink
#121212— बॉडी टेक्स्ट, पतली रेखाएं, सेक्शन बॉर्डर, आइकन आउटलाइन और फुटर टेक्स्ट सभी एक ही गहरे रंग के टोन का उपयोग करते हैं जो सभी फोरग्राउंड जानकारी का 95% हिस्सा वहन करता है। - Paper White
#ffffff— पेज कैनवास, कार्डबोर्ड सतहें, नेविगेशन बार पृष्ठभूमि, शीर्षक फ्रेम वाली सतहें। - Newsprint
#f1f1f1— नाजुक सतह की भराई, मुलायम किनारे, पतले विभाजक, मुड़े हुए कागज की बनावट के पीछे छिपा हुआ रंग। - Foil Gray
#e1e1e1— हल्के फ्रेम, आइकन की रूपरेखा के रूप में अलंकरण, अतिरिक्त विभाजक। - Mute Gray
#c5c5c5— द्वितीयक पाठ, विकलांगता की स्थिति, कम कंट्रास्ट वाली सतह रेखाएँ
टाइपोग्राफी
13 से 274px तक · 6 चरण
- Helvetica Neue — प्रतिस्थापन: Inter · रूपरेखा 400, 500, 700 · एक सर्वव्यापी टूल - बॉडी टेक्स्ट 17px/1.29 पर, डिस्प्ले हेडिंग 75–274px पर, सबसे बड़े साइज़ में -0.04em लेटर स्पेसिंग के साथ, नेविगेशन लेबल 15px पर।
- PPSupplyMono — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400 · मेटा टैग और कोष्ठक में दिए गए लेबल जैसे [01-N INTRODUCTION], साथ ही सेक्शन टैग (ADVERTISING, CREATIVE/AGENCY, OFFLINE MARKETING) ही एकमात्र टाइपोग्राफिक तत्व हैं जो हेलवेटिका की एकरसता को तोड़ते हैं।
- PPSupplySans — प्रतिस्थापन: Inter · रूपरेखा 400 · फुटर में द्वितीयक नेविगेशन और माइक्रोकॉपी, जहां एक अलग सैन्स-सेरिफ फॉन्ट की आवश्यकता होती है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 50px |
| बटन त्रिज्या | 8px |
| कार्ड त्रिज्या | 20px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 72px |
| पृष्ठ की चौड़ाई | 1440px |
एआई आपकी वेबसाइट को Bpco शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Steep — गर्म कागज पर सेरिफ़ फ़ॉन्ट का विश्लेषण
- Newformcap — ड्रेसिंग रूम में संपादकीय अखबार
- Claude — गर्म चर्मपत्र पर मुद्रित एक कलाकृति—हड्डी के कागज पर स्याही, रंग की एकमात्र झलक के रूप में मिट्टी।
- 11x– Digital workers — एक सिनेमाई संपादकीय बंजर भूमि—परिदृश्य की पैनोरमिक तस्वीरें, बड़े-बड़े अक्षरों में लिखे शीर्षकों के साथ प्रस्तुत की गई हैं, जो किसी लक्जरी पत्रिका के पृष्ठपृष्ठ की तरह लगती हैं।
- Revolut — बादलों की एक तस्वीर पर आधारित एक मोनोक्रोम संपादकीय कृति—सफेद स्याही, पिलबॉक्स बटन, और अन्यथा धूसर दुनिया में रंग की एक अकेली नीली पट्टी।
- Scheduling — क्रीम रंग के कागज पर संपादकीय स्याही
- Titan — गर्म रंग वाले मोनोक्रोम संग्रह
- Programa — दोपहर के समय एक स्विस डिज़ाइन स्टूडियो। गैलरी की सफेद दीवार एक पीले रंग के टेबल लैंप से जगमगा रही है—सब कुछ धूसर रंग के विभिन्न शेड्स में है, जब तक कि कोई बटन, आइकन या कोई खास चीज़ नज़र में न आ जाए, और फिर वह पीला रंग पूरे कमरे को परिभाषित कर देता है।
- Sana Agents — संपादकीय में सफेद पृष्ठभूमि पर नींबू की चमक
- Visual — गर्मजोशी भरा संपादकीय सामिज़दत। क्रीम रंग का कागज, सेरिफ़ फ़ॉन्ट, मोनोक्रोम हाशिये पर लिखे नोट्स, एक पीला मार्कर।
- Midday — चर्मपत्र पर संपादकीय ब्रोशर - गर्म पत्थर जैसी पृष्ठभूमि पर 72px सेरिफ़ शीर्षक, स्पेसिंग के साथ सैन्स-सेरिफ़ बॉडी टेक्स्ट, पिल-आकार के नियंत्रण, कोई छाया नहीं।
- Chat for impact — गहरे हरे रंग का क्लिनिक जिसमें हल्के रंगों के कमरे हैं