Realistisk X-profilsidemodel

Skab en meget realistisk mockup af en social medie-grænseflade i mørk tilstand, der nøje gentager det franske layout af desktop X/Twitter, præsenteret som et komplet browser-skærmbillede med sort baggrund og diskrete mørkegrå skillelinjer. Den venstre sidebjælke indeholder 11 lodret arrangerede navigationselementer med hvide ikoner og etiketter: "Accueil" (Hjem), "Explorer", "Notifikationer" (med et lille blåt mærke, der viser tallet 3), "Beskeder", "Grok", "Signets", "Communities", "Premium", "Organisations certifiées", "Profil" og "Plus". Placer et hvidt X-logo øverst i denne sidebjælke, tilføj en stor, cirkulær, hvid knap mærket "Poster" lidt nedenunder, og vis Martin Dubois' kompakte login-kontolinje nederst, inklusive hans brugernavn @martindubois og en lille, cirkulær avatar. Den midterste bjælke er {argument name="profile name" default="Martin Dubois"}. Hovedprofilsiden har en pil tilbage, navnet "Martin Dubois" og et blåt bekræftelsesbadge øverst, med "1.248 indlæg" vist nedenfor. Nedenfor er et bredt panoramabillede, der viser det betagende landskab af de tågede alper, skove og søer. Nederst til venstre på banneret er et cirkulært portræt af en ung mand i mørkt tøj, hvis ansigt er let sløret eller skjult mod en lys baggrund med en tynd kant. Til højre for profiloverskriften er der tre små cirkulære handlingsknapper og en fremtrædende lys, afrundet knap mærket "Éditer le profil" (Rediger profil). Under portrættet er visningsnavnet Martin Dubois, det blå bekræftelsesbadge, kontoen @martindubois og en fransk biografi: "Créateur de contenu • Passionné de tech, de design et de productivité." (Indholdsskaber • Passioneret omkring teknologi, design og produktivitet.) Tilføj derefter en række med metadata for fire elementer: placeringen "Lyon, Frankrig", hjemmesiden "martindubois.com" og "A rejoint X en janvier 2021". Dette efterfølges af en række følgere, der viser "320 abonnementer" og "12,4k abonnementer". Tilføj en vandret faneblad med fem etiketter: "Indlæg", "Svar", "Fremhævede tweets", "Medier" og "Synes godt om", hvor "Indlæg" er aktive og understreget med blåt. Under fanerne vises et feed med tre synlige indlæg af Martin Dubois. Det første indlæg er fastgjort, markeret "Épinglé" (fastgjort), dateret "12. maj" (12. maj) og indeholder den franske tekst "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 lektioner jeg lærte på 2 år med at bygge dette projekt) med en emoji. Interaktionstællingen inkluderer fem cifre: 24 svar, 142 retweets, 1.000 likes, 85.000 visninger og et bogmærke-/delingsområde. Det andet opslag er dateret "2t" (2 timer siden) og indeholder den franske tekst "Le meilleur moment pour commincer était hier. Le deuxième meilleur moment, c'est maintenant." (Det bedste tidspunkt at starte var i går. Det næstbedste tidspunkt er nu.) Det har 12 svar, 37 retweets, 256 likes og 8.000 visninger. Det tredje opslag, dateret "1j" (1 dag siden), lyder på fransk "Un week-end à Chamonix, toujours ressourçant" (En weekend i Chamonix er altid revitaliserende) og inkluderer en bjergemoji sammen med et stort indlejret billede af en snedækket bjergtop badet i blødt sollys. Hvert opslag bruger en cirkulær avatar til venstre og er adskilt af tynde linjer. Et afrundet søgefelt med pladsholderen "Chercher" (søg) er øverst i højre sidebjælke. Nedenfor er et kort med titlen "Vous pourriez aimer" (Du kunne være interesseret i), der viser tre foreslåede profiler at følge, hver med en avatar, et vist navn, en konto, et blåt bekræftet badge og en hvid afrundet "Suivre" (følg)-knap: "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez og "Ulrich Rozier" @ulrichrozier . Et "Voir plus" (se mere)-link er tilføjet nederst på kortet. Nedenfor skal du oprette et trendkort med titlen "Tendances: France", der viser fire trends efter rangering, inklusive kategori og antal opslag: 1. "#RolandGarros" med "32.100 opslag," 2. "#FêteDesMères" med "18.400 opslag," 3. "Mbappé" med "45.200 opslag," og 4. "#LundiMotivation" med "12.300 opslag." Tilføj et "Voir plus"-link under trendlisten. Nederst skal du placere en kompakt sidefod med flere små grå juridiske links og "© 2024 X Corp." Det overordnede billede skal se næsten identisk ud med et rigtigt skrivebordsskærmbillede: ren typografi, autentisk afstand, realistiske brugergrænsefladeproportioner, fint afrundede korthjørner, sort og hvid tekst på en mørk baggrund, blå accentfarve, raffinerede anti-aliasede ikoner og en ren, moderne produktdesignæstetik.