Mockaps Mockaps

Email Signature
Mockup Generator.

A good email deserves a good sign-off.
Find the right look for your last few lines.

Signature layout
Preview context
Canvas format
Signature width preview
Alex Morgan · Form StudioAMAlex MorganBrand DesignerForm Studioalex@example.com+1 212 555 0148form.examplelinkedin: linkedin.com/in/alex-morganThoughtful design. A lasting impression.
746 × 398 px

Every size is free. No watermark.

Keep an editable copy on your device. How it works

Pick up where
you left off.

Open a saved project, or paste one prepared by an AI assistant. It stays in your browser.

A FEW WAYS TO MAKE IT YOURS

Email Signature mockup examples.
A little inspiration to start.

A personal hello. A studio sign-off. A new direction for your team. Start with a signature you like, then make it your own.

Professional email signature for Alex Morgan at Form Studio with a portrait, sage divider and contact details

Classic · Portrait · Sage

A personal introduction

A friendly portrait, a clear title and just the details people need. Swap in your own photo and make this studio signature yours.

Minimal monochrome email signature for Jordan Ellis, independent consultant, with website and email address

Minimal · Monochrome · Desktop

Keep it simple

A restrained business signature with plenty of breathing room. No portrait, no extra decoration, just a name and an easy way to get in touch.

Centered editorial email signature for Maya Lane at Lane and Co with warm paper colors and a circular ML monogram

Stacked · Editorial · Warm paper

A studio sign-off

A centered signature with an editorial typeface and a small studio wordmark. A warm starting point for a creative business.

Mobile email signature preview for Nina Park, founder of Bloom Studio, with a rose accent and social icons

Classic · Mobile · Rose

A smaller screen. The same care.

See how a signature reads in a narrower email. Edit the details and switch back to desktop whenever you want.

Blue business email signature for Sam Rivera at Northline with a promotional banner reading Meet our new collection

Business card · Banner · Blue

Give your next launch a place

A compact launch banner below the essentials. Use it to preview a booking prompt, a new collection or a company announcement.

Dark email signature mockup beneath an email, with Taylor Reed at Outline Studio, blue accents and a project booking banner

Email context · Dark · Desktop

See the whole sign-off

A dark signature preview beneath a short email. Adjust the background and text colors together to explore a different brand direction.

Made with this tool. Every example includes editable details and saved layout settings. Download an image or save a project to keep editing later.

A FRESH STARTING POINT

Make this one
your own.

Load “” into the editor? This replaces your current local draft. You can restore the previous draft from this section until you reload the page.

LEAVE A GOOD LAST IMPRESSION

Small details.
A proper sign-off.

01

Start with the essentials.

Your name, your role and the best way to reach you. Leave anything you don’t need blank.

02

Make it feel like you.

Add a portrait or company logo. Choose a layout, adjust the colors and give every detail a little room.

03

See it before you send it.

Try the narrower mobile preview or place it beneath an email. Download a free image to share with your team.

A FEW USEFUL DETAILS

Before you
sign off.

What is an email signature mockup?

It is an image preview of the sign-off at the end of an email: your name, job title, company, contact details and optional photo or logo. Use it to explore a design, get feedback or present a brand identity before setting up the real signature.

How do I make an email signature preview?

Start with a layout or an example below. Add your details, upload a portrait or logo and choose your brand colors. Click visible text to edit it directly. Preview the signature on its own or beneath a short email, then download your image.

Is the email signature mockup generator free?

Yes. All current editing features and PNG or JPG downloads at 1×, 2× and 3× are free. No account, subscription or watermark. The download controls show the exact pixel dimensions for your design. Very large designs may need a smaller size to fit your browser’s image limits.

Can I download a transparent email signature PNG?

Yes. Select PNG, choose Signature only and enable Transparent background in Canvas & export. This removes the canvas and signature background, while keeping your text, photo, logo and optional banner. Use Fit and reduce canvas padding for a tighter image.

Can I make a professional business email signature with a photo or logo?

Yes. Upload a portrait, reposition it visually and choose a circle or square crop. You can also upload a company logo, or use a short wordmark instead. Classic, Stacked, Minimal and Business card layouts give you different starting points.

Can I preview mobile email signatures?

Yes. The Mobile setting uses a narrower signature and wraps your details to fit. Desktop gives you a wider layout. These are design previews, rather than exact simulations of Gmail, Outlook or Apple Mail rendering.

Can I add social icons and a banner?

Yes. Add LinkedIn, Instagram or X profiles to show their icons. A promotional banner can preview an announcement, booking prompt or new collection. The exported PNG or JPG is a static image, so the icons and banner are not clickable links.

Does this generate an HTML signature I can paste into Gmail or Outlook?

This tool creates mockup images, not installable HTML email signatures. Use the image to approve a design or showcase your work. A working signature with selectable text and individual links needs to be set up separately in your email client.

Can I preview a dark email signature?

Choose After hours in Style & finishing touches, then adjust the text and background colors. This lets you explore a dark design. Email clients handle dark mode differently, so test the final installed signature in the clients your audience uses.

What makes a good email signature design?

Start with a readable name, your role and one or two useful ways to reach you. Keep the photo or logo modest. A short tagline or banner can help, but leave space around it so your contact details remain easy to scan.

What is the difference between this and the Email Mockup Generator?

This tool focuses on the signature design. The Email Mockup Generator previews an entire email, including its subject, message and mail interface. Use this tool when you want to compare signature layouts or present a branded sign-off.

Can I save a project or use content from an AI assistant?

Yes. Save project downloads an editable file with your settings, text and uploaded images. Open project restores it in the same tool, or lets you paste project JSON from an assistant. Review it before replacing your draft. Files are processed in your browser, not uploaded to your account.

Can I use the downloaded images commercially?

Yes. Images exported from these social and app mockup tools can be used in personal projects, social posts, presentations and client work without a Mockaps subscription or attribution. You still need permission for content you add. Platform names and logos belong to their owners; a mockup does not imply their endorsement.

Need to preview the whole message? Try the Email Mockup Generator. This tool creates signature preview images, not installable HTML email signatures.