Realistische X-profielpagina mockup

Ontwerp een zeer realistische mockup van een socialemedia-interface in de donkere modus, die de Franse lay-out van de desktopversie van X/Twitter nauwkeurig nabootst. Deze wordt gepresenteerd als een volledige schermafbeelding van de browser met een zwarte achtergrond en subtiele donkergrijze scheidingslijnen. De linkerzijbalk bevat 11 verticaal gerangschikte navigatie-items met witte pictogrammen en labels: "Accueil" (Home), "Explorer", "Notifications" (met een klein blauw badge met het cijfer 3), "Messages", "Grok", "Signets", "Communities", "Premium", "Organisations certifiées", "Profil" en "Plus". Plaats een wit X-logo bovenaan deze zijbalk, voeg daaronder een grote ronde witte knop met het label "Poster" toe en toon onderaan de compacte inlogbalk van Martin Dubois, inclusief zijn gebruikersnaam @martindubois en een kleine ronde avatar. De middelste balk is {argument name="profile name" default="Martin Dubois"}. De hoofdpagina van het profiel bevat een terugpijl, de naam "Martin Dubois" en een blauwe verificatiebadge bovenaan, met daaronder "1.248 berichten". Daaronder staat een brede panoramische omslagfoto met het adembenemende landschap van de mistige Alpen, bossen en meren. Linksonder in de banner is een cirkelvormig portret van een jonge man in donkere kleding geplaatst, waarvan het gezicht enigszins vervaagd of onduidelijk is tegen een lichte achtergrond met een dunne rand. Rechts van de profielheader staan ​​drie kleine cirkelvormige actieknoppen en een prominente lichtgekleurde, ronde knop met het opschrift "Éditer le profil" (Profiel bewerken). Onder het portret staan ​​de weergavenaam Martin Dubois, de blauwe verificatiebadge, het account @martindubois en een Franse bio: "Créateur de contenu • Passionné de tech, de design et de productivité." (Content creator • Gepassioneerd door technologie, design en productiviteit.) Voeg vervolgens een rij toe met metadata voor vier items: locatie "Lyon, Frankrijk", website "martindubois.com" en "A rejoint X en janvier 2021". Hierna volgt een rij met volgers met "320 abonnementen" en "12,4k abonnees". Voeg een horizontale tabbalk toe met vijf labels: "Berichten", "Antwoorden", "Uitgelichte tweets", "Media" en "Likes", waarbij "Berichten" actief is en blauw onderstreept. Onder de tabs toon je een feed met drie zichtbare berichten van Martin Dubois. Het eerste bericht is vastgepind, gemarkeerd met "Épinglé" (vastgepind), gedateerd "12 mai" (12 mei) en bevat de Franse tekst "10 leçons que j'ai apprises en construisant mon projet pendant 2 ans" (10 lessen die ik heb geleerd in 2 jaar bouwen aan dit project) met een emoji. Het aantal interacties omvat vijf cijfers: 24 reacties, 142 retweets, 1.000 likes, 85.000 weergaven en een bladwijzer-/deelgebied. Het tweede bericht is gedateerd "2 uur geleden" en bevat de Franse tekst "Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant." (Het beste moment om te beginnen was gisteren. Het op één na beste moment is nu.) Het heeft 12 reacties, 37 retweets, 256 likes en 8.000 weergaven. Het derde bericht, gedateerd "1 dag geleden", luidt in het Frans: "Un week-end à Chamonix, toujours ressourçant" (Een weekend in Chamonix is ​​altijd verkwikkend) en bevat een berg-emoji samen met een grote ingesloten afbeelding van een besneeuwde bergtop badend in zacht zonlicht. Elk bericht gebruikt een ronde avatar aan de linkerkant en is gescheiden door dunne lijnen. Bovenaan de rechterzijbalk bevindt zich een afgerond zoekvak met de placeholder "Chercher" (zoeken). Daaronder staat een kaart met de titel "Vous pourriez aimer" (U bent wellicht geïnteresseerd in), met een lijst van drie profielen om te volgen, elk met een avatar, weergavenaam, account, een blauw geverifieerd badge en een witte, afgeronde "Suivre" (volgen) knop: "Théo Catarino" @theocatarino , "Aurélie Martinez" @aurel_martinez en "Ulrich Rozier" @ulrichrozier . Onderaan de kaart is een "Voir plus" (meer bekijken) link toegevoegd. Maak hieronder een trending-kaart met de titel "Tendances: Frankrijk", met een lijst van vier trends, gerangschikt op populariteit, inclusief categorie en aantal berichten: 1. "#RolandGarros" met "32.100 berichten", 2. "#FêteDesMères" met "18.400 berichten", 3. "Mbappé" met "45.200 berichten" en 4. "#LundiMotivation" met "12.300 berichten". Voeg een "Bekijk meer"-link toe onder de trendlijst. Plaats helemaal onderaan een compacte footer met een aantal kleine grijze links naar de juridische informatie en "© 2024 X Corp". Het geheel moet er vrijwel hetzelfde uitzien als een echte schermafbeelding van een desktop: strakke typografie, authentieke spatiëring, realistische UI-proporties, subtiel afgeronde hoeken van de kaart, zwart-witte tekst op een donkere achtergrond, blauwe accentkleur, verfijnde anti-aliased pictogrammen en een strakke, moderne productontwerpstijl.