# GPT Image Hub prompt

## Dark Mode Social Media Profile Mockup
- URL: https://www.gptimagehub.com/library/dark-mode-social-media-profile-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14559
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdark-mode-social-media-profile-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui mockup, social media, dark mode, profile page, desktop ui, web design
- Updated: 2026-10-26T17:32:28.098Z
- Created: 2026-10-26T17:32:28.098Z

Generate a detailed desktop social media profile page in dark mode with French UI elements. Customize the user name, profile bio, post contents, and trend cards.

### Full prompt
```text
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.
```