Branding
Design best practices
Create signatures that are attractive and consistent with your brand identity.
6 min read
Level: Beginner
A good signature is first and foremost a readable one. Here are the design rules that work in every mail client.
Limit the width
A width of about 500 to 600 pixels ensures correct display in reading panes and on mobile.
One or two colors
Text stays dark on a light background. The brand color serves as an accent: name, divider, icons.
Safe fonts
Mail clients replace web fonts with system fonts. Choose a widely available font to control the rendering.
Optimized images
- Logo as a PNG with a transparent background.
- Banner of about 600 × 150 pixels, lightweight.
- Square profile photo, cropped on the face.
Dark mode
More and more mail clients invert colors. Avoid light gray text and check that your logo stays visible on a dark background.
Alignment
Align elements on a simple grid. A photo or logo on the left, information on the right: this is the most robust layout.
