OutlookWork
The all-staff announcement
Corporate mail doing corporate things, in the blue band that identifies Outlook across a room.
Use this templateOutlook mockups
Fake Outlook email & screenshot generator
Build an Outlook screenshot that reads as work mail — the solid blue header band no other client has, a regular-weight sender line, circular avatars with a ring, the Focused chip, and Reply / Reply all / Forward as left-aligned text rather than pills.
Open the Outlook editorFree · no account · PNG and video
Start from an Outlook example
Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.
OutlookScam awareness
IT's phishing warning
The internal notice that goes round after someone clicks. For security-awareness programmes.
Use this templateOutlookWork
Declining the meeting, with a reason
The polite no that saves an hour. Written for management and process-training decks.
Use this templateHow to make an Outlook mockup
Start from an example
The three above are the ones people build: an office-move announcement with its own correction, a meeting declined with a reason, and IT's phishing warning.
Fill in the envelope
Sender name and address, the recipient — a person or a distribution list — and the date. Outlook-style dates like “Wed 12/08/2026 10:00” do a lot of work here.
Set Focused
Add it as a label and the chip renders near the subject. It is Outlook's own idea, so it is one of the details that places the screenshot.
Write the thread
Each message is one email. Set who sent it and when. Line breaks hold, which matters for an announcement with a what-changes / what-does-not structure.
Export
PNG at 1× free, up to 3× on Pro, the whole thread or one screen, with or without the phone frame.
How the Outlook interface is put together
Our Outlook skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.
The solid blue band
Outlook puts a filled blue header across the top with white content on it. Neither Gmail nor Apple Mail has anything like it — both keep a white or near-white header — and that band identifies an Outlook screenshot from across a room, before a word is legible.
The sender line is not bold
Apple Mail sets the sender name in a heavy weight; Outlook keeps it regular. It sounds like nothing and it changes the whole feel of the envelope, because Apple's version shouts who wrote it and Outlook's does not.
Focused, which is Outlook's own idea
The Focused/Other split exists nowhere else, and the chip near the subject is the tell. It is the sort of detail that only somebody who uses Outlook daily would notice missing — which is exactly the audience an Outlook mockup is usually for.
Circular avatars with a ring
Outlook draws round avatars with a presence-style ring. Gmail's are plain circles and Slack's are squares. Small differences, but they are what your eye uses before it starts reading.
Text actions, left-aligned on a bar
Reply, Reply all and Forward appear as text with a leading icon, pushed to the left on a bar — not Gmail's centred pills and not Apple's bottom strip of glyphs. The action row is the single most misdrawn part of any email mockup.
Corporate dates, corporate recipients
“Wed 12/08/2026 10:00” to “all-staff@northgate.io” reads as work mail in a way that “Tuesday at 2pm” never will. The date is free text here so you can set it the way your organisation actually writes it.
What people use Outlook mockups for
- Internal-comms and change-management decks
- IT and security-awareness training
- HR and policy documentation
- Process and approval-flow training
- Enterprise product demos
- Fiction and scripts set at work
Questions about Outlook mockups
- How is this different from the Gmail generator?
- Structurally. Outlook has a solid blue header band, a regular-weight sender line, circular avatars with a ring, the Focused chip, and left-aligned text actions. Gmail has a white toolbar, a label chip, a star and three centred pills. They are separate skins because a colour swap between them is visibly wrong to anyone who uses either at work.
- Can I show Focused or Other?
- Yes — it is a label in the Envelope section, and it renders as the chip near the subject. Clients that have no such concept ignore the field rather than drawing something invented.
- Can I send it to a distribution list?
- Yes. The recipient name and address are free text, so “All Staff” over “all-staff@northgate.io” works, and that is what makes an internal announcement read as one.
- Can I write a whole thread?
- Yes. Each message is one email with its own timestamp, and yours render as replies you sent. The declined-meeting example above uses that to show the ask, the refusal and the outcome.
- Can I use my employer's name and domain?
- You can type any name, but presenting an invented email as something that actually came from a real organisation is misrepresentation and our terms prohibit it. Every example here uses invented companies.
- Does it show the desktop client?
- No — the mobile app. Every skin here renders a phone screen, which is what gets pasted into a message or a slide. The device frame is optional in the export.
- Can I export a long announcement?
- Yes. The download dialog offers the whole thread at its true height, exactly one screen, or fit-to-content, so a long all-staff email comes out complete.
- Is there a watermark?
- Free downloads carry a small SIMULATED · socialmock.com label at 1× resolution; Pro removes it and unlocks 2× and 3×. You can also switch the label on yourself, which is worth using for anything internal that might circulate beyond the deck it was made for.
Use these responsibly
Everything made here is simulated. SocialMock has no connection to Outlook and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.
Related generators
Browse all 36 appsBuild your Outlook mockup now
Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.
Open the Outlook editor