यथार्थवादी X प्रोफ़ाइल पृष्ठ मॉकअप

एक बेहद यथार्थवादी डार्क मोड सोशल मीडिया इंटरफ़ेस मॉकअप बनाएं, जो डेस्कटॉप X/Twitter के फ्रेंच लेआउट की हूबहू नकल हो। इसे काले बैकग्राउंड और हल्के गहरे भूरे रंग की विभाजन रेखाओं वाले पूर्ण ब्राउज़र स्क्रीनशॉट के रूप में प्रस्तुत करें। बाईं ओर की साइडबार में सफेद आइकन और लेबल वाले 11 नेविगेशन आइटम लंबवत रूप से व्यवस्थित हैं: "Accueil" (होम), "Explorer", "Notifications" (जिसमें 3 नंबर वाला एक छोटा नीला बैज है), "Messages", "Grok", "Signets", "Communities", "Premium", "Organisations certifiées", "Profil" और "Plus"। इस साइडबार के शीर्ष पर एक सफेद X लोगो लगाएं, इसके ठीक नीचे "Poster" लेबल वाला एक बड़ा गोलाकार सफेद बटन जोड़ें, और सबसे नीचे मार्टिन डुबोइस का कॉम्पैक्ट लॉगिन अकाउंट बार प्रदर्शित करें, जिसमें उनका उपयोगकर्ता नाम @martindubois और एक छोटा गोलाकार अवतार शामिल हो। मध्य पट्टी {argument name="profile name" default="Martin Dubois"} है। मुख्य प्रोफ़ाइल पृष्ठ पर एक पीछे जाने का तीर, "Martin Dubois" नाम और ऊपर एक नीला सत्यापन बैज है, जिसके नीचे "1,248 पोस्ट" प्रदर्शित हैं। इसके नीचे एक विस्तृत पैनोरमिक कवर फ़ोटो है जो धुंध से ढके आल्प्स, जंगलों और झीलों के लुभावने दृश्यों को दर्शाती है। बैनर के निचले बाएँ भाग पर गहरे रंग के कपड़े पहने एक युवक का गोलाकार चित्र है, जिसका चेहरा हल्के रंग की पृष्ठभूमि और पतली बॉर्डर के कारण थोड़ा धुंधला या अस्पष्ट है। प्रोफ़ाइल हेडर के दाईं ओर तीन छोटे गोलाकार एक्शन बटन और "Éditer le profil" (प्रोफ़ाइल संपादित करें) लेबल वाला एक प्रमुख हल्के रंग का, गोल बटन है। चित्र के नीचे प्रदर्शन नाम Martin Dubois, नीला सत्यापन बैज, खाता @martindubois और एक फ़्रेंच बायो है: "Content Creator • Passionné de tech, de design et de productivité." (कंटेंट क्रिएटर • तकनीक, डिज़ाइन और उत्पादकता के प्रति उत्साही।) इसके बाद, चार आइटमों के लिए मेटाडेटा वाली एक पंक्ति जोड़ें: स्थान "ल्योन, फ़्रांस", वेबसाइट "martindubois.com", और "A rejoint X en janvier 2021"। इसके बाद, फॉलोअर्स की एक पंक्ति जोड़ें जिसमें "320 abonnements" और "12,4k abonnés" दिखाई दें। पाँच लेबल वाली एक क्षैतिज टैब बार जोड़ें: "पोस्ट", "उत्तर", "फीचर्ड ट्वीट", "मीडिया", और "लाइक", जिसमें "पोस्ट" सक्रिय हो और नीले रंग से रेखांकित हो। टैब के नीचे, मार्टिन डुबोइस द्वारा पोस्ट की गई तीन पोस्ट वाली एक फ़ीड प्रदर्शित करें। पहली पोस्ट पिन की गई है, जिस पर "Épinglé" (पिन किया हुआ) लिखा है, दिनांक "12 मई" है, और इसमें फ्रेंच भाषा में "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (इस प्रोजेक्ट को बनाने के 2 वर्षों में मैंने 10 सबक सीखे) लिखा है, साथ में एक इमोजी भी है। इस पर पांच अंकों में प्रतिक्रियाएं हैं: 24 रिप्लाई, 142 रीट्वीट, 1,000 लाइक, 85,000 व्यूज़, और एक बुकमार्क/शेयर एरिया भी है। दूसरी पोस्ट "2h" (2 घंटे पहले) की है, और इसमें फ्रेंच भाषा में "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (शुरू करने का सबसे अच्छा समय कल था। दूसरा सबसे अच्छा समय अब ​​है।) लिखा है। इस पर 12 रिप्लाई, 37 रीट्वीट, 256 लाइक और 8,000 व्यूज़ हैं। तीसरी पोस्ट, जिसकी तारीख "1j" (1 दिन पहले) है, फ्रेंच में है, "Un week-end à Chamonix, toujours ressourçant" (शैमोनिक्स में एक सप्ताहांत हमेशा स्फूर्तिदायक होता है) और इसमें एक पहाड़ का इमोजी और हल्की धूप में नहाए बर्फ से ढके पहाड़ की चोटी की एक बड़ी छवि शामिल है। प्रत्येक पोस्ट में बाईं ओर एक गोलाकार अवतार है और पतली रेखाओं से अलग किया गया है। दाईं ओर के साइडबार के शीर्ष पर "Chercher" (खोजें) के लिए एक गोल सर्च बॉक्स है। इसके नीचे "Vous pourriez aimer" (आपको इसमें रुचि हो सकती है) शीर्षक वाला एक कार्ड है, जिसमें फॉलो करने के लिए तीन सुझाए गए प्रोफाइल सूचीबद्ध हैं, जिनमें से प्रत्येक में एक अवतार, डिस्प्ले नाम, खाता, नीला सत्यापित बैज और एक सफेद गोल "Suivre" (फॉलो करें) बटन है: "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez , और "Ulrich Rozier" @ulrichrozier । कार्ड के नीचे "और देखें" (Voir plus) लिंक जोड़ा गया है। इसके नीचे, "ट्रेंडिंग: फ़्रांस" शीर्षक से एक ट्रेंडिंग कार्ड बनाएं, जिसमें श्रेणी और पोस्ट की संख्या सहित रैंकिंग के अनुसार चार ट्रेंड सूचीबद्ध हों: 1. "#RolandGarros" (32,100 पोस्ट), 2. "#FêteDesMères" (18,400 पोस्ट), 3. "Mbappé" (45,200 पोस्ट), और 4. "#LundiMotivation" (12,300 पोस्ट)। ट्रेंड सूची के नीचे एक "और देखें" लिंक जोड़ें। सबसे नीचे, एक छोटा फ़ूटर रखें जिसमें कई छोटे ग्रे रंग के कानूनी लिंक और "© 2024 X Corp." लिखा हो। कुल मिलाकर छवि एक वास्तविक डेस्कटॉप स्क्रीनशॉट के लगभग समान दिखनी चाहिए: साफ टाइपोग्राफी, प्रामाणिक स्पेसिंग, यथार्थवादी यूआई अनुपात, नाजुक रूप से गोल कार्ड कोने, गहरे रंग की पृष्ठभूमि पर काला और सफेद टेक्स्ट, नीला एक्सेंट रंग, परिष्कृत एंटी-एलियास्ड आइकन और एक साफ, आधुनिक उत्पाद डिजाइन सौंदर्यशास्त्र।