IP
Realistic X Profile Page Mockup preview image
Primary reference image

Realistic X Profile Page Mockup

A photorealistic desktop X-style profile interface in French, useful for showcasing AI-generated social media UI screenshots and product comparison demos.

This is a GPT Image 2 prompt case for Product & Commercial. Use the copy-ready prompt below to generate similar visuals, and review Awesome GPT Image 2 Prompts attribution plus commercial-use rights before reuse.

Need the full prompt set? Use the Product & Commercial topic hub for more related examples, or open the GPT Image 2 prompt library for the full example index, reusable structures, and source attribution.
Try this prompt

Free 1K preview

Generate one preview image instantly, no sign-up required.

4000/4000
Continue on Dovoo

Prompt

Copy-ready prompt

Create a highly realistic dark-mode social media interface mockup that closely resembles the desktop X/Twitter layout in French, shown as a full-browser screenshot with three vertical columns on a black background and subtle dark gray separators. The left sidebar contains exactly 11 navigation items stacked vertically with white icons and labels: “Accueil”, “Explorer”, “Notifications” with a small blue badge showing 3, “Messages”, “Grok”, “Signets”, “Communautés”, “Premium”, “Organisations certifiées”, “Profil”, and “Plus”. At the top of this sidebar place the white X logo, near the lower-middle add a large rounded white button labeled “Poster”, and at the bottom show a compact logged-in account block for Martin Dubois with handle @martindubois and a small circular avatar. The center column is the main profile page for {argument name="profile name" default="Martin Dubois"}, with a top bar showing a back arrow, the name “Martin Dubois” and a blue verification badge, and underneath the text “1 248 posts”. Below that, include a wide panoramic cover photo of dramatic cloudy alpine mountains above a forest lake. Overlapping the bottom-left of the banner, place a circular profile picture of a young man in dark clothing, Show every face clearly with natural, detailed facial features, with a pale background and a thin border. On the right side of the profile header place three small circular action buttons and one prominent rounded light button labeled “Éditer le profil”. Under the avatar show the display name Martin Dubois with a blue verification badge, the handle @martindubois, and a one-line bio in French: “Créateur de contenu • Passionné de tech, de design et de productivité.” Then add a metadata row with exactly 4 items: location “Lyon, France”, website “martindubois.com”, and “A rejoint X en janvier 2021”, followed by a follower row reading “320 abonnements” and “12,4 k abonnés”. Add a horizontal tab bar with exactly 5 tabs: “Posts”, “Réponses”, “Tweets marquants”, “Médias”, and “J’aime”, with “Posts” active and underlined in blue. Beneath the tabs, show a feed containing exactly 3 visible posts by Martin Dubois. Post 1 is pinned, indicated by “Épinglé”, dated “12 mai”, with the French text “10 leçons que j’ai apprises en construisant mon projet pendant 2 ans” followed by an emoji, and an engagement row with 5 values: 24 replies, 142 reposts, 1 k likes, 85 k views, and a bookmark/share area. Post 2 is dated “2h” with the French text “Le meilleur moment pour commencer était hier. Le deuxième meilleur moment, c’est maintenant.” and engagement values 12 replies, 37 reposts, 256 likes, and 8 k views. Post 3 is dated “1j” with the French text “Un week-end à Chamonix, toujours ressourçant” followed by a mountain emoji, and includes a large embedded image of snowy mountain peaks under soft daylight. Use circular avatars at the left of each post and thin separators between posts. The right sidebar starts with a rounded search field containing the placeholder “Chercher”. Below it, include a card titled “Vous pourriez aimer” with exactly 3 suggested profiles, each with avatar, display name, handle, blue verification badge, and a white rounded “Suivre” button: “Théo Catarino” @theocatarino, “Aurélie Martinez” @aurel_martinez, and “Ulrich Rozier” @ulrichrozier. Add a “Voir plus” link at the bottom of that card. Under it, create a trends card titled “Tendances : France” listing exactly 4 trends in ranked order with category and post counts: 1. “#RolandGarros” with “32,1 k posts”, 2. “#FêteDesMères” with “18,4 k posts”, 3. “Mbappé” with “45,2 k posts”, 4. “#LundiMotivation” with “12,3 k posts”. Add a “Voir plus” link below the trend list. At the very bottom place a compact footer with multiple small gray legal links and “© 2024 X Corp.”. The entire image should look almost indistinguishable from a real desktop screenshot: crisp typography, authentic spacing, realistic UI proportions, subtle rounded cards, white and gray text on near-black surfaces, blue accent color, polished anti-aliased icons, and a clean modern product-design aesthetic.

Prompt variables

Editable argument placeholders found in the prompt, with their default values.

1
Variable
profile name
Default
Martin Dubois

Best for

  • - Product & Commercial visual exploration
  • - Image generation and reference-image edits
  • - Reusable briefs that keep source attribution visible

Change these parts

  • - Subject, product, character, or scene
  • - Aspect ratio, camera, lighting, and background
  • - Brand, text, color, and output constraints

Recommended model and settings

  • - Model: gpt-image-2
  • - Input mode: Text to Image
  • - Aspect ratio: source
  • - Commercial status: review original source

How to use this prompt

  1. 1. Copy the prompt and preserve its structure for the first test.
  2. 2. Replace the subject, context, and publishing channel.
  3. 3. Change one camera, lighting, or style variable per iteration.
  4. 4. Inspect the output, source, text, and rights before reuse.

Limitations, source, and reuse cautions

  • - Generated output is an editable draft, not factual, legal, or rights evidence.
  • - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Imported from Awesome GPT Image 2 Prompts. Attribution is required. Commercial-use status is allowed; review source rights before paid usage.

More cases in this category

Prioritized by category, input mode compatibility, quality, and lower risk.

6

Reuse and source notes

Use this prompt safely after previewing the case.

  1. 1.Copy the prompt or open it directly in Dovoo with the generation button.
  2. 2.Adjust variables, aspect ratio, and reference images for your own use case.
  3. 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.

Can I use this prompt commercially?

Commercial-use status is allowed. Review the original source, license, brand constraints, and legal requirements before paid usage.

Where does this case come from?

This case is imported from Awesome GPT Image 2 Prompts; keep attribution visible and check the source URL before reuse.