A modern email signature keeps every detail as text, uses pictures only for a logo, a face or small icons, and fits a phone as well as a desktop. Of the six layouts below, stacked is the narrowest and compact the shortest, and the banner is the one that tempts you to put words inside a picture.
We found no vendor page that defines “modern” or lists trends, so the word here is ours and the rest is measurement. We drew each layout with emailfooter’s engine, with made-up details and a 120 pixel logo, and measured it in a browser on 5 October 2026. We did not test any layout in a mail app on a phone. The vendor facts come from Google’s Gmail help and CSS pages and Microsoft’s accessibility page, read in October 2026.
Modern email signature: the short answer
- Text first: Google calls a Gmail signature text, and Microsoft says to repeat any words that sit inside a picture.
- Narrowest layout: stacked, at 520 pixels in emailfooter. The others are 600 to 656.
- Shortest layout: compact, at 107 pixels with a logo.
- Widest: the four layouts with a logo beside the text, at 656 pixels.
- Banner: the one layout where words may end up in a picture, so keep them as text too.
- Our pick for replies: compact. For first contact, split or stacked.
What makes a modern email signature
Our five traits. None comes from a vendor, and each has a reason you can check.
- Details are text. Google’s signature page opens by calling a signature text, such as contact information, added at the end of a message. A phone number locked in a picture cannot be tapped, and our article on an image email signature lists the other costs.
- Pictures are few and named. A logo, an optional headshot and small icons, each with alt text. Microsoft’s accessibility page says to avoid text in images as the sole method of conveying important information.
- One accent that passes. Our guide to email signature colors has the contrast table.
- A width of about 600 pixels. emailfooter draws its standard block at 600, and 680 with a logo beside it.
- A short version for replies. Google says you can set a default for new emails and for replies, and pick another with Insert signature while writing. Classic Outlook has separate New messages and Replies/forwards boxes.
Six modern email signature layouts compared
emailfooter has no layout named stacked or banner, so the second column says which of its ten we used. Widths and heights are pixels, measured with a 120 pixel logo.
| Layout | emailfooter layout | Width | Height | Trade-off |
|---|---|---|---|---|
| Stacked | Centered | 520 | 349 | Narrowest, with no left edge, but the tallest |
| Split | Classic | 656 | 195 | Familiar, with the contacts in two columns |
| Card | Boxed | 656 | 301 | Separates the signature from the thread, but the box takes about 46 pixels of text width |
| Compact | Compact | 656 | 107 | Shortest, but it drops the address and the booking link |
| Icon row | Wide | 656 | 160 | Social icons on the right of the name, over a tinted contact band |
| Banner | Wide, logo below | 600 | 214 | A wide picture under the details |
A logo beside the text makes the block 656 pixels wide in our measurement, where the engine’s limit for that case is 680. Put the logo above or below and the block is 600. The Compact layout leaves out the address and the booking link because the engine builds it with those switched off.
A modern email signature on a phone: the arithmetic
Here the facts run out, so we say so plainly. Google’s CSS page, updated on 15 September 2026, says Gmail supports media queries on screen width, orientation and resolution. emailfooter’s engine writes no width query. Its only media block is for dark color schemes, so every layout is a fixed-width table. Whether a phone app shrinks, scrolls or clips it, we did not test.
In a plain 375 pixel wide box, the stacked layout overflowed by 145 pixels, the banner by 225 and the 656 pixel layouts by 281. If an app shrank the whole block to fit, the scale is screen width divided by block width. The result for 13 pixel body text is our arithmetic.
| Block width | Scale at 375 pixels | 13 px text becomes |
|---|---|---|
| 520 (stacked) | 0.72 | about 9.4 px |
| 600 (banner, or logo above) | 0.63 | about 8.1 px |
| 656 (logo beside) | 0.57 | about 7.4 px |
Microsoft’s accessibility page makes a related point for message tables: fixed-width tables can make the font very small and force Magnifier users to scroll sideways, especially on mobile. That advice is about data tables in a message, but a signature built from fixed-width tables shares the property. And Google’s steps for the Gmail app ask for “the text for your signature” and mention no picture, so a message sent from the Gmail app may carry only text. Our mobile email signature article covers the phone side.
The six, in more detail
Stacked. Everything sits on one centre line with the logo above or below. It is the narrowest we measured and the simplest to follow. It is also the tallest at 349 pixels, which is a lot to put under a one-line reply.
Split. Photo or logo on the left, details on the right. The engine switches the contact grid from two columns to one when the text column is under 390 pixels. It is the safest default for a company.
Card. An outline box with 22 pixel padding each side. The outline uses the divider color, #e2e8f0 by default, which is a faint 1.23 to 1 on white by our calculation, so the box separates softly. It is wide on the page and tall.
Compact. An accent bar on the left and short lines. At 107 pixels it is the cheapest to repeat in a long thread.
Icon row. The name, title and company sit on the left and the social icons on the right, above a band tinted with a little of the accent. The icons share a row with the name, which leaves less room for a long name.
Banner. The detail block with one wide image beneath it. Google’s troubleshooting page sets 100 pixels high by 1000 wide as the maximum for a signature image, so a banner fits only if it is short. Any words in it should also be real text nearby. Our email signature banner article has the sizes.
Choosing a modern email signature by situation
This table is our judgement, not a survey.
| Situation | Try | Why |
|---|---|---|
| Replies in long threads | Compact | Least height |
| First contact with a client | Split | Photo or logo, plus a booking link |
| A studio or consumer brand | Stacked | Centred, relaxed, narrow |
| A firm that wants a boundary around the block | Card | The outline sets the block apart |
| Someone with several social links to show | Icon row | Icons beside the name |
| A campaign for a few weeks | Banner | One picture, removed afterwards |
Our professional email signature examples article shows finished signatures by role, and simple email signature covers the minimal end.
Three modern email signature layouts, drawn
Stacked first, in the Centered layout.
|
Stacked: the Centered layout, 520 pixels wide. Example only. The studio and person are made up.
Card, in the Boxed layout.
|
Card: the Boxed layout, with the outline as the boundary. Example only. The studio and person are made up.
Icon row, in the Wide layout.
|
Icon row: the Wide layout, with social icons beside the name above a tinted band. Example only. The studio and person are made up.
Applying a modern email signature across a team
Picking one of these for yourself takes ten minutes. Keeping it for fifty people is the harder job, and it is where emailfooter helps: the company admin chooses the layout, colors and logo once, and each employee fills in their own details. It is a free WordPress plugin, and emailfooter Managed is the hosted version, with pricing on request. It is English-only for now, and employees install the signature in their own mail app by following the steps shown.
Whichever you pick, a modern email signature earns the name by being legible when pictures fail and short enough to repeat. Test it on a phone before you roll it out, because that is the one thing we could not do for you.
Frequently asked questions
What is a modern email signature?
One that holds its details as text, uses few pictures, passes a contrast check and fits a narrow screen. The word is not defined by any vendor, so this is our meaning.
What is the best modern email signature layout?
There is no best for everyone. Compact is the shortest for replies, and split is the familiar default for first contact.
How wide should a modern email signature be?
About 600 pixels or less. emailfooter’s standard block is 600, or 680 with a logo beside it, and the Centered layout is 520.
Can a creative email signature use animation or video?
We found no Google or Microsoft page that covers it, so we make no claim. Our advice is to keep details as text and test in your readers’ apps.
Do modern email signature layouts work on a phone?
It depends on the app. Google says its Gmail app signature is text, and we did not test the others. A shorter, narrower layout is the safer choice.
Keep reading
- Professional email signature examples, annotated: what works and why: Twelve professional email signature examples, each annotated line by line so you can see what to copy and what to change for your own role.
- Simple email signature: 10 minimal examples that still look professional: A simple email signature is read before it is noticed. Ten minimal examples from two lines to six, as plain text you can paste, and three drawn in rich text.
- Corporate email signature: a template system a company can roll out: A corporate email signature template works when it says which parts are locked, which each person fills in and which are optional. A spec you can copy.
- Email signature design: layout, spacing, colour and hierarchy rules: Email signature design as a one-page spec: width, grid, type scale, spacing and colour count, plus two before-and-after redesigns and a contrast check.
Make every signature in your company match
emailfooter is a free WordPress plugin. You design the signature once, and each person adds their own details and installs it in their mail app. Prefer not to run a website? emailfooter Managed is the same software, hosted for you.