Maquette réaliste de page de profil X

Créez une maquette d'interface de réseau social en mode sombre, très réaliste, reproduisant fidèlement la mise en page française de X/Twitter sur ordinateur. Elle se présentera sous forme de capture d'écran complète du navigateur, avec un fond noir et de fines lignes de séparation gris foncé. La barre latérale gauche contient 11 éléments de navigation disposés verticalement, avec des icônes et des libellés blancs : « Accueil », « Explorer », « Notifications » (avec un petit badge bleu affichant le chiffre 3), « Messages », « Grok », « Signets », « Communautés », « Premium », « Organisations certifiées », « Profil » et « Plus ». Placez un logo X blanc en haut de cette barre latérale, ajoutez un grand bouton circulaire blanc intitulé « Poster » légèrement en dessous, et affichez la barre de connexion compacte de Martin Dubois en bas, incluant son nom d'utilisateur @martindubois et un petit avatar circulaire. La barre centrale est {argument name="nom du profil" default="Martin Dubois"}. La page de profil principale affiche une flèche de retour, le nom « Martin Dubois » et un badge de vérification bleu en haut, avec « 1 248 publications » affiché en dessous. En dessous se trouve une large photo de couverture panoramique présentant le paysage époustouflant des Alpes brumeuses, des forêts et des lacs. En bas à gauche de la bannière se trouve un portrait circulaire d'un jeune homme vêtu de sombre, son visage légèrement flouté ou masqué sur un fond clair avec une fine bordure. À droite de l'en-tête du profil se trouvent trois petits boutons d'action circulaires et un bouton rond clair bien visible intitulé « Modifier le profil ». En dessous du portrait figurent le nom d'affichage Martin Dubois, le badge de vérification bleu, le compte @martindubois et une biographie en français : « Créateur de contenu • Passionné de tech, de design et de productivité. » (Créateur de contenu • Passionné de technologie, de design et de productivité.) Ajoutez ensuite une ligne contenant les métadonnées de quatre éléments : lieu « Lyon, France », site web « martindubois.com » et « A rejoint X en janvier 2021 ». Puis, une ligne d’abonnés affichant « 320 abonnements » et « 12,4 k abonnés ». Ajoutez une barre d’onglets horizontale avec cinq libellés : « Publications », « Réponses », « Tweets à la une », « Médias » et « J’aime », l’onglet « Publications » étant actif et souligné en bleu. Sous les onglets, affichez un flux contenant trois publications visibles de Martin Dubois. La première publication est épinglée, marquée « Épinglé », datée du « 12 mai » et contient le texte français « 10 leçons que j’ai apprises en construisant mon projet pendant 2 ans » accompagné d’un emoji. Le nombre d'interactions comprend cinq chiffres : 24 réponses, 142 retweets, 1 000 mentions « J'aime », 85 000 vues et une zone de partage. La deuxième publication, datée d'il y a deux heures (« 2h »), contient le texte français : « Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant. » Elle compte 12 réponses, 37 retweets, 256 mentions « J'aime » et 8 000 vues. La troisième publication, datée d'il y a un jour (« 1j »), se lit en français : « Un week-end à Chamonix, toujours ressourçant » et inclut un emoji montagne ainsi qu'une grande image intégrée d'un sommet enneigé baigné d'une douce lumière. Chaque publication utilise un avatar circulaire à gauche et est séparée par de fines lignes. En haut de la barre latérale droite se trouve un champ de recherche arrondi avec la mention « Chercher ». Juste en dessous, une fiche intitulée « Vous pourriez aimer » propose trois profils à suivre : « Théo Catarino » (@theocatarino), « Aurélie Martinez » @theocatarino @aurel_martinez et « Ulrich Rozier » ( @ulrichrozier ). Chaque profil est accompagné d’un avatar, d’un nom d’utilisateur, d’un compte, d’un badge bleu de vérification et d’un bouton blanc arrondi « Suivre ». Un lien « Voir plus » est également présent en bas de la fiche. Créez ci-dessous une fiche intitulée « Tendances : France », listant quatre tendances par ordre de popularité, avec leur catégorie et le nombre de publications : 1. « #RolandGarros » avec 32 100 publications, 2. « #FêteDesMères » avec 18 400 publications, 3. « Mbappé » avec 45 200 publications et 4. « #LundiMotivation » avec 12 300 publications. Ajoutez un lien « Voir plus » sous la liste des tendances. En bas, insérez un pied de page compact contenant plusieurs petits liens gris (mentions légales) et la mention « © 2024 X Corp ». L’image doit ressembler à une capture d’écran d’ordinateur : typographie soignée, espacement naturel, proportions réalistes, coins arrondis, texte noir et blanc sur fond sombre, couleur d’accent bleue, icônes nettes et lissées, et une esthétique moderne et épurée.