Twitter Blocked Screen: How to Make an Accurate Mockup

Xholic AI TeamUpdated October 7, 2026
Xholic's Block Screen Generator in Preview mode showing a Dim-theme X profile for the fictional account Orbit Notes, with a Blocked pill and the You're blocked notice, and theme and export controls below.
On this page

Share

When someone blocks you on X, their profile stops showing the usual follow button and posts tab content. In its place is a notice that starts with “You’re blocked”. If you write help docs, run moderation training or design a social app, you often need a picture of that screen. Getting one the real way means finding an account that has blocked you, which is awkward and exposes a real person.

This guide explains what the blocked screen means on X today, then shows how to make an accurate mockup of it with Xholic’s free Block Screen Generator, using a fictional profile so no real person is pulled into your example.

What the “You’re blocked” screen shows

The blocked screen is a normal X profile with three changes. The header (banner, avatar, display name, handle and badge) still appears. Where the Follow button would be, you see a Blocked pill. Under the profile tabs, instead of the post list, a notice reads “You’re blocked”, followed by a short explanation of what you can and can’t do.

The mockup reproduces exactly that layout. Its notice says that you can view public posts from the account, but you are blocked from engaging with them, and that you can’t follow or message the account. A View posts button sits under the text. In the mockup that button is part of the picture only. It doesn’t link anywhere.

What blocking on X actually does today

The wording on the screen changed because blocking itself changed. In late 2024 X updated the feature so that people you block can still see your posts if your account is public. Before that, the blocked screen told people they couldn’t follow you or see your posts.

According to X’s help center, a blocked account cannot:

  • Follow you
  • Like, reply to, repost or otherwise engage with your posts
  • Send you Direct Messages
  • Add you to their lists
  • Tag you in a photo

A few details that matter when you explain blocking to someone:

  • Public versus protected accounts. The “can still see posts” change applies to public accounts. If your posts are protected, people you block can’t see them.
  • No notification. X doesn’t tell anyone that they’ve been blocked. They only find out if they visit your profile and see the notice. Muting, by contrast, is invisible to the muted account.
  • Blocking goes both ways in practice. The blocked person can still block you, and can still report your account.

X changes features without much notice, so check the current Blocking on X help page before you publish training material that depends on the exact rules. The mockup’s notice text is fixed and matches the post-2024 wording. If you need the older wording for a historical example, that isn’t something the tool offers.

What you can change in the mockup

Every part of the profile header is editable. The notice text, tab names and Blocked pill are fixed so the screen stays faithful to X.

Part of the screen What you can change Limit
Display name Free text, also shown in the top bar 50 characters
Handle Letters, numbers and underscores, @ added for you. The handle also appears inside the notice 15 characters, as on X
Badge Blue check, gold check (business), gray check (government) or no check One badge
Avatar Upload a PNG, JPG, WebP or GIF Under 5 MB
Banner Upload a PNG, JPG, WebP or GIF Under 5 MB
Theme Dark, Dim or Light One theme
Export 1x, 2x or 4x PNG, or copy the image to the clipboard One screen per export

If you leave the name or handle empty, the screen falls back to “Xholic AI” and “@xholicai” rather than showing a blank. Real X handles are at most 15 characters, so keep yours that short if you want it to look right, even though the field accepts more.

How to make a blocked profile mockup, step by step

Here is the full workspace. The numbers match the steps below.

Annotated Block Screen Generator workspace for the fictional account Orbit Notes: 1 Start from a real account panel; 2 display name and handle fields; 3 Avatar and Banner upload buttons; 4 Verification menu set to Gold check; 5 Dark, Dim and Light theme buttons; 6 Edit and Preview tabs; 7 export size, Download PNG and Copy image.
The workspace with a fictional profile. Dashed fields in the preview are editable in place.

Step 1: Choose a starting point

The panel at the top (1) can fill the profile from a public X username: display name, handle, badge, profile photo and banner. It reads public data only and posts nothing. Use it for your own account or your company’s account, which is the quickest way to get a mockup of how your profile looks to someone you’ve blocked.

The Start from a real account panel after filling from @xholicai, with the message Filled from @XholicAI and the Xholic AI banner, avatar, name and blue badge in the blocked profile preview.
Filling from our own account. Name, handle, badge, photo and banner all come across.

For anything else, skip the panel and type straight into the sample profile. That’s what you should do for most published examples, because filling from someone else’s handle puts their name on a screen that says they blocked you (see using it responsibly).

Step 2: Set the name and handle

Click the display name or the handle (2) in the preview and type. Both update the top bar and the handle inside the notice text at the same time, so you only enter them once.

Step 3: Add an avatar and a banner

Press Avatar or Banner (3) and choose an image. Files have to be PNG, JPG, WebP or GIF and under 5 MB. Anything else shows “Choose a PNG, JPG, WebP, or GIF under 5 MB.” and leaves the current image in place.

The banner area is wider than X’s own 3:1 header, so a standard 1500 × 500 banner is cropped slightly at the top and bottom. Keep important detail near the middle. Our Twitter Banner Maker makes a correctly sized header if you need one for a fictional brand.

Step 4: Pick a badge

The Verification menu (4) offers Blue check, Gold check (business), Gray check (government) and No check. Match it to the kind of account in your example. A gold check implies an organisation, and a gray check implies a government body, so neither belongs on a fictional person.

Step 5: Choose the theme

Dark, Dim and Light (5) match X’s three display modes. Pick the one used in the rest of your screenshots so the set looks consistent.

The same Orbit Notes blocked profile in Light, Dim and Dark themes, cascaded from top left to bottom right.
One profile, three themes. Dim uses X's navy background; Dark is pure black.

Step 6: Preview and export

Switch from Edit to Preview (6) to hide the dashed field outlines. Then choose 1x, 2x or 4x PNG and press Download PNG, or Copy image to paste it straight into slides or a doc (7). Reset returns everything to the default profile.

The file is named after the handle, for example orbitnotes_demo-blocked-profile.png. It contains the X screen only, with no page background and no watermark. On a desktop browser the screen is about 598 pixels wide at 1x, so a 2x export of this example came out at 1196 × 1310.

A real 2x PNG export of the Orbit Notes blocked profile in the Dim theme, 1196 by 1310 pixels, shown on a light gray board.
A real 2x download, placed on a gray board here so its edges are visible.

Use 1x for chat and quick previews, 2x for slides and help articles, and 4x for print or anywhere people zoom in.

Making the mockup believable

Readers notice when the pieces of a mockup disagree. Check these before you export:

  1. The identity hangs together. A person’s name with a corporate logo for an avatar, or a gray government badge on a hobby account, reads as fake at a glance.
  2. The handle is realistic. Fifteen characters or fewer, no spaces, and something the display name would plausibly use.
  3. The theme matches its neighbours. If the screenshots before and after it are in Dark, don’t drop a Light mockup between them.
  4. The context fits the current rules. Because the notice says public posts are still viewable, don’t caption it with the old claim that blocked users can’t see anything. If your example involves a protected account, say so in the text, since the mockup doesn’t show a protected state.

If you need more than the profile header, for example a post from the same fictional account, make it with the Fake Tweet Generator using the same name, avatar and theme.

Use it responsibly

A blocked screen is more sensitive than most mockups, because it makes a claim about a relationship between two people. “This account blocked me” can start an argument, embarrass someone or be used as evidence in a dispute.

  • Good uses: help center articles, support replies, trust and safety training, UX research and design specs, and tutorials like this one, using a fictional profile or your own.
  • Lines not to cross: making a screenshot that suggests a real person or brand blocked you or someone else, posting it as proof, or using it to harass, shame or stir up a pile-on. That can be defamatory where you live, and sharing it on X can break its rules on misleading media and impersonation.
  • Keep it obviously illustrative. Use clearly made-up names such as @orbitnotes_demo, generated avatars and banners, and a caption like “Example” or “Mockup” whenever the image could travel beyond its original context. Use a real account only if it’s yours or you have permission.

To check whether a screenshot someone sent you is genuine, our guide on how to spot a fake tweet covers the same warning signs, and fake social media posts explained goes into how they spread.

Troubleshooting

“Enter an X username like @xholicai.” The fill field was empty or the handle was longer than 15 characters. You can type the handle with or without @, or paste a profile link.

“That account could not be loaded. Check the username and try again.” The account may be suspended, renamed or deleted, or the handle is mistyped. You can still type the details in by hand.

The profile filled but the photo or banner is missing. The tool tells you which image could not be copied. Upload it with the Avatar or Banner button.

“Too many requests right now.” The account fill is rate limited. Wait a minute or keep editing manually. Everything except the fill works without a network request.

“Choose a PNG, JPG, WebP, or GIF under 5 MB.” The image is the wrong format or too large. Resize or convert it and try again.

Copy image does nothing or shows an error. Some browsers block image clipboard access, and some only allow it when the page has focus. Click the page and try again, or use Download PNG.

Frequently asked questions

What does it look like when someone blocks you on X?

When you open their profile, you see their banner, photo, name and handle, a Blocked label where the Follow button would be, and a “You’re blocked” notice under the profile tabs. On a public account the notice says you can still view their public posts but can’t engage with them, follow them or message them.

Can you still see someone’s posts after they block you?

On a public account, yes. X changed blocking in late 2024 so blocked users can view public posts but can’t like, reply, repost, follow or send messages. If the account’s posts are protected, you can’t see them.

Does X notify you when you’re blocked?

No. X doesn’t send a notification. People find out when they visit the profile and see the blocked notice.

Does the Block Screen Generator block anyone?

No. It only creates an image in your browser. It never connects to your X account and can’t block, unblock or change anything.

Can I make a fake Twitter profile mockup without the blocked notice?

This tool always shows the blocked state. For a profile that’s been suspended, use the Account Suspension Screen Generator, which can also show the notice without any profile details.

What resolution is the export?

You choose 1x, 2x or 4x. On desktop the screen is about 598 pixels wide at 1x, so 2x is roughly 1,200 pixels wide and 4x roughly 2,400. Height depends on the layout.

Show the blocked state without involving a real account

Use Xholic AI's free Block Screen Generator for help docs, training slides and design specs.

Live demo: no sign-up or login needed · takes about 2 minutes