LinkedIn DMs that look like the real thing
Recruiters, sales teams, and career coaches screenshot LinkedIn conversations all the time, for case studies, training materials, and social proof. But real screenshots expose private information. Names, profile URLs, company details, all visible. This tool lets you build a LinkedIn messaging mockup from scratch, controlling every detail without risking anyone’s privacy.
The generator renders LinkedIn’s distinctive messaging interface on a canvas. Set up two participants, type out a conversation with message bubbles, add timestamps, and toggle the “Active now” status indicator. Everything follows LinkedIn’s actual color scheme and layout. Download as PNG.
Building a LinkedIn conversation
Start with the contact header at the top. Enter a name and title line (like “Product Manager at TechCorp”). LinkedIn messaging always shows the person’s headline under their name, it’s one of the things that makes it look unmistakably LinkedIn.
Then add your messages. Each one is either sent (right-aligned, blue background) or received (left-aligned, light gray). LinkedIn uses a cleaner bubble style than most messaging apps, no tails, just rounded rectangles. Set a timestamp for each message or leave them blank to show rapid-fire exchanges.
The Active now green dot next to the contact’s name is a nice touch. Toggle it on for conversations that look like they’re happening in real time.
Why people build LinkedIn chat mockups
Training and onboarding materials top the list. Sales organizations create playbooks showing ideal LinkedIn outreach sequences. “Here’s a cold message that got a 40% response rate”, except they can’t show the actual conversation without the prospect’s consent. A mockup solves that instantly.
Career coaches demonstrate good and bad messaging practices. “Don’t send this kind of InMail” paired with “try something like this instead”, two mockups, clear visual contrast, no real people involved.
Marketing case studies need social proof screenshots. “Our client used LinkedIn messaging to close 12 enterprise deals” looks way better with a conversation screenshot than a block of text explaining what happened.
The LinkedIn look
LinkedIn’s messaging interface uses #0A66C2 (their signature blue) for sent message bubbles with white text. Received messages sit on #F2F2F2 with dark text. The header background is white with a subtle bottom border. The overall font is clean and professional, nothing flashy.
Timestamps are subtle and gray, typically showing “12:34 PM” format for same-day messages and dates for older ones. The “Active now” indicator is a small green circle (#057642) next to the contact’s profile picture.
Keep the conversation tone professional. LinkedIn DMs don’t have emoji reactions, read receipts (unlike WhatsApp), or casual stickers. It’s the most buttoned-up messaging platform out there, and your mockup should reflect that.
FAQ
Can I show more than two people in a conversation?
LinkedIn messaging is primarily one-on-one (though group messages exist). This generator focuses on the standard two-person conversation, which covers 95% of mockup use cases.
Does it include the LinkedIn navigation bar?
The mockup renders the messaging window itself, the conversation header, message bubbles, and input area. It doesn’t include the full LinkedIn navigation because messaging screenshots typically focus on the conversation content.
What font does LinkedIn use?
LinkedIn’s interface uses a system font stack that defaults to -apple-system, Segoe UI, or Roboto depending on the platform. The canvas renders with a similar clean sans-serif for authenticity.
Can I include images or file attachments in messages?
The current version supports text messages only. LinkedIn DMs do allow attachments, but text conversations are by far the most common type of mockup people need for training and case study content.
Is the “Active now” indicator accurate to LinkedIn’s design?
Yes, it’s a small green dot that appears next to the contact’s profile picture in the message header. LinkedIn shows this when someone has the app or website open. Toggling it on or off lets you control the narrative of your mockup.