Dark Mode Social Media Profile Mockup
A realistic dark-mode desktop social media interface mockup closely resembling the desktop X/Twitter layout in French, presented as a full-screen browser screenshot on a dark black background with subtle dark gray dividers. Left sidebar: - Top: White X logo. - Vertical navigation list of 11 items with white icons and text: “Accueil”, “Explorer”, “Notifications” (with a small blue notification badge reading “3”), “Messages”, “Grok”, “Signets”, “Communautés”, “Premium”, “Organisations certifiées”, “Profil”, and “Plus”. - Middle-lower area: Large pill-shaped white button labeled “Poster”. - Bottom: Compact user card for [Martin Dubois] with handle @martindubois and a circular user avatar. Center column (Profile view): - Header: Back arrow, name “[Martin Dubois]” with a blue verification checkmark, and subtext “1 248 posts”. - Cover image: Wide panoramic banner of cloudy alpine mountains above a forest lake. - Profile row: Circular profile picture of a young man in dark clothing slightly overlapping the banner bottom-left. On the right, three circular icon buttons and a rounded light button labeled “Éditer le profil”. - Info section: Display name “[Martin Dubois]” with blue checkmark, handle @martindubois, French bio reading “Créateur de contenu • Passionné de tech, de design et de productivité.” - Metadata row: Location “Lyon, France”, link “martindubois.com”, and “A rejoint X en janvier 2021”. - Stats row: “320 abonnements” and “12,4 k abonnés”. - Tab bar with 5 items: “Posts” (active, underlined in electric blue), “Réponses”, “Tweets marquants”, “Médias”, “J’aime”. - Feed containing 3 posts: 1. Pinned post labeled “Épinglé”, date “12 mai”, text: “10 leçons que j’ai apprises en construisant mon projet pendant 2 ans 💡”, metrics: 24 replies, 142 reposts, 1 k likes, 85 k views. 2. Date “2h”, text: “Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.”, metrics: 12 replies, 37 reposts, 256 likes, 8 k views. 3. Date “1j”, text: “Un week-end à Chamonix, toujours ressourçant 🏔️”, attached with an embedded daylight photo of snowy peaks, metrics row at bottom. Right sidebar: - Rounded search bar with placeholder text “Chercher”. - Card titled “Vous pourriez aimer” with 3 suggestions: “Théo Catarino” @theocatarino, “Aurélie Martinez” @aurel_martinez, and “Ulrich Rozier” @ulrichrozier, each with avatar, blue badge, and white “Suivre” button, ending with a “Voir plus” link. - Card titled “Tendances : France” with 4 ranked trends: 1. “#RolandGarros” (32,1 k posts), 2. “#FêteDesMères” (18,4 k posts), 3. “Mbappé” (45,2 k posts), 4. “#LundiMotivation” (12,3 k posts), ending with “Voir plus”. - Bottom footer: Small gray legal links and “© 2024 X Corp.”. Style: Crisp vector-like UI elements, authentic typography, precise layout spacing, modern dark-mode digital product design.
