Email Centered Brand Footer Template

Reinforce your brand identity with this clean, elegant, and centered email footer.

This template is designed to put your brand first. By centering your logo, tagline, and social links, it creates a strong, memorable, and professional sign-off for your most important communications.

Get Source Code Preview

About this Centered Brand Email Footer Template

This email footer uses a simple, symmetrical layout to create a powerful brand statement. It arranges all elements vertically and center-aligns them, guiding the user's eye naturally from your logo to your social links and finally to the required compliance information. The design is clean, spacious, and built with email-safe tables and inlined CSS to ensure it looks great in every inbox.

Features

Brand-Centric Layout: A prominent, centered logo is the primary focal point.
Elegant & Simple Design: The centered, single-column layout is inherently clean and professional.
Brand Tagline: Includes a dedicated space for your mission statement or tagline.
Maximum Compatibility: Built with the standard approach of table-based layouts and inlined CSS for consistent rendering across all major email clients.

Ideal Use Cases

Company or brand announcements.
Welcome emails for new users or subscribers.
Milestone celebrations or end-of-year messages.
Any email where reinforcing brand identity is the main goal.

Code Breakdown

The entire footer is built inside a single, centered table with a fixed width. Each element (logo, tagline, social icons, legal text) is placed in its own table row (tr) and centered within its cell (td align="center"). This simple, robust structure is the most reliable way to achieve a centered layout in all email clients, including tricky ones like Outlook. All styling, such as font-family and padding, is inlined on the table cells and links for maximum compatibility.

Code

Here's the full code for the footer template:

<table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" style="background-color:#ffffff;">
    <tr>
        <td align="center" style="padding:40px 20px;">
            
            <table border="0" cellpadding="0" cellspacing="0" width="600" role="presentation" style="width:600px; max-width:600px;">
                
                <tr>
                    <td align="center" style="padding-bottom:20px;">
                        <a href="https://example.com" target="_blank">
                            <img src="https://placehold.co/140x50/cccccc/333333?text=YourBrand" width="140" alt="YourBrand Logo" style="width:140px; max-width:140px; display:block; border:0;">
                        </a>
                    </td>
                </tr>
                
                <tr>
                    <td align="center" style="padding-bottom:20px;">
                        <p style="margin:0; font-family: Arial, sans-serif; font-size:14px; line-height:20px; color:#555555; font-style:italic;">
                            Building better templates for a better web.
                        </p>
                    </td>
                </tr>
                
                <tr>
                    <td align="center" style="padding:10px 0;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation">
                            <tr>
                                <td style="padding:0 10px;">
                                    <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/333333/ffffff?text=f" width="32" alt="Facebook" style="width:32px; max-width:32px; display:block; border:0; border-radius:50%;"></a>
                                </td>
                                <td style="padding:0 10px;">
                                    <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/333333/ffffff?text=t" width="32" alt="Twitter" style="width:32px; max-width:32px; display:block; border:0; border-radius:50%;"></a>
                                </td>
                                <td style="padding:0 10px;">
                                    <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/333333/ffffff?text=in" width="32" alt="LinkedIn" style="width:32px; max-width:32px; display:block; border:0; border-radius:50%;"></a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <tr>
                    <td align="center" style="font-family: Arial, sans-serif; font-size:12px; line-height:18px; color:#777777; padding-top:30px;">
                        <p style="margin:0 0 10px 0;">
                            &copy; 2025 YourBrand, Inc. All rights reserved.
                        </p>
                        <p style="margin:0;">
                            <a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">Unsubscribe</a> | <a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">View in browser</a>
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

View Output