Realistisches X-Profilseiten-Mockup

Erstellen Sie ein äußerst realistisches Social-Media-Interface-Mockup im Dunkelmodus, das dem französischen Layout der Desktop-Version von X/Twitter nachempfunden ist. Es wird als vollständiger Browser-Screenshot mit schwarzem Hintergrund und dezenten dunkelgrauen Trennlinien dargestellt. Die linke Seitenleiste enthält elf vertikal angeordnete Navigationspunkte mit weißen Symbolen und Beschriftungen: „Accueil“ (Startseite), „Explorer“, „Benachrichtigungen“ (mit einem kleinen blauen Symbol mit der Zahl 3), „Nachrichten“, „Grok“, „Signets“, „Communities“, „Premium“, „Verifizierte Organisationen“, „Profil“ und „Plus“. Platzieren Sie ein weißes X-Logo am oberen Rand der Seitenleiste, fügen Sie etwas darunter einen großen runden weißen Button mit der Beschriftung „Poster“ hinzu und zeigen Sie unten die kompakte Anmeldeleiste von Martin Dubois an, inklusive seines Benutzernamens @martindubois und eines kleinen runden Avatars. Die mittlere Leiste ist {argument name="profile name" default="Martin Dubois"}. Die Hauptseite des Profils zeigt oben einen Zurück-Pfeil, den Namen „Martin Dubois“ und ein blaues Verifizierungsabzeichen. Darunter wird „1.248 Beiträge“ angezeigt. Darunter befindet sich ein breites Panorama-Titelbild mit der atemberaubenden Landschaft der nebelverhangenen Alpen, Wälder und Seen. Links unten im Banner ist ein rundes Porträt eines jungen Mannes in dunkler Kleidung zu sehen, dessen Gesicht vor einem hellen Hintergrund mit dünnem Rand leicht verschwommen oder verdeckt ist. Rechts neben der Profilüberschrift befinden sich drei kleine runde Aktionsschaltflächen und eine auffällige, helle, abgerundete Schaltfläche mit der Aufschrift „Éditer le profil“ (Profil bearbeiten). Unter dem Porträt stehen der Benutzername Martin Dubois, das blaue Verifizierungsabzeichen, der Account @martindubois und eine französische Biografie: „Créateur de contenu • Passionné de tech, de design et de productivité.“ (Content Creator • Begeistert von Technologie, Design und Produktivität.) Fügen Sie als Nächstes eine Zeile mit Metadaten für vier Elemente hinzu: Standort „Lyon, Frankreich“, Website „martindubois.com“ und „A rejoint X en janvier 2021“. Darauf folgt eine Zeile mit Followern, die „320 abonnements“ und „12,4k abonnés“ anzeigt. Fügen Sie eine horizontale Tab-Leiste mit fünf Bezeichnungen hinzu: „Posts“, „Replies“, „Featured Tweets“, „Media“ und „Likes“. „Posts“ ist aktiv und blau unterstrichen. Unterhalb der Tabs wird ein Feed mit drei sichtbaren Beiträgen von Martin Dubois angezeigt. Der erste Beitrag ist angepinnt, mit „Épinglé“ (angepinnt) markiert, vom „12. Mai“ und enthält den französischen Text „10 leçons que j'ai apprises en construisant mon projet pendant 2 ans“ (10 Lektionen, die ich in 2 Jahren beim Bau dieses Projekts gelernt habe) mit einem Emoji. Die Interaktionsstatistik umfasst fünf Kennzahlen: 24 Antworten, 142 Retweets, 1.000 Likes, 85.000 Aufrufe und eine Option zum Speichern/Teilen. Der zweite Beitrag ist mit „2h“ (vor 2 Stunden) datiert und enthält den französischen Text „Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c'est maintenant.“ (Der beste Zeitpunkt zum Starten war gestern. Der zweitbeste Zeitpunkt ist jetzt.) Er hat 12 Antworten, 37 Retweets, 256 Likes und 8.000 Aufrufe. Der dritte Beitrag, datiert mit „1j“ (vor 1 Tag), lautet auf Französisch: „Un week-end à Chamonix, toujours ressourçant“ (Ein Wochenende in Chamonix ist immer erholsam) und enthält ein Berg-Emoji sowie ein großes eingebettetes Bild eines schneebedeckten Berggipfels im sanften Sonnenlicht. Jeder Beitrag verwendet links ein rundes Avatarbild und ist durch dünne Linien abgetrennt. Oben in der rechten Seitenleiste befindet sich ein abgerundetes Suchfeld mit dem Platzhalter „Chercher“ (Suchen). Darunter ist eine Karte mit dem Titel „Vous pourriez aimer“ (Das könnte Sie interessieren) zu finden, die drei Profile zum Folgen vorschlägt. Jedes Profil hat ein Avatarbild, einen Anzeigenamen, ein Konto, ein blaues Verifizierungsabzeichen und einen weißen, abgerundeten „Suivre“-Button (Folgen): „Théo Catarino“ @theocatarino , „Aurélie Martinez“ @aurel_martinez und „Ulrich Rozier“ @ulrichrozier . Am unteren Rand der Karte befindet sich ein Link „Voir plus“ (Mehr anzeigen). Erstellen Sie unten eine Trendkarte mit dem Titel „Trends: Frankreich“, die vier Trends nach Rangfolge auflistet, inklusive Kategorie und Anzahl der Beiträge: 1. „#RolandGarros“ mit „32.100 Beiträgen“, 2. „#FêteDesMères“ mit „18.400 Beiträgen“, 3. „Mbappé“ mit „45.200 Beiträgen“ und 4. „#LundiMotivation“ mit „12.300 Beiträgen“. Fügen Sie unterhalb der Trendliste einen Link „Mehr anzeigen“ hinzu. Platzieren Sie ganz unten eine kompakte Fußzeile mit mehreren kleinen grauen Rechtshinweisen und „© 2024 X Corp“. Das Gesamtbild sollte einem echten Desktop-Screenshot sehr ähnlich sehen: klare Typografie, authentische Abstände, realistische UI-Proportionen, sanft abgerundete Kartenecken, schwarzer und weißer Text auf dunklem Hintergrund, blaue Akzentfarbe, fein geglättete Icons und ein klares, modernes Produktdesign.