Email Newsletter Generator
Create pretty mobile-friendly email newsletters.
This is an open-source project by Imperial College Christian Union. You can contribute through the GitHub repo.
Background of the whole page
Background of the box containing the logo at the top
Background of the main text in the body of your email
Background of your footer, which contains, among other things, your social media icons
Font of the title at the top of the email, below the logo
Font for all headings and sub-headings
Font of the main content
Font of the footer text, at the bottom of the email
Colour of the title text
Size of the title text in pixels
Colour of the heading 1 text
Size of the heading 1 text in pixels
Colour of the heading 2 text
Size of the heading 2 text in pixels
Colour of the heading 3 text
Size of the heading 3 text in pixels
Colour of the heading 4 text
Size of the heading 4 text in pixels
Colour of the main content text
Size of the main content text in pixels
Colour of text with hyperlinks
Colour of the text in the footer, at the bottom of the email
Size in pixels of the text in the footer, at the bottom of the email
A link to somewhere where your logo can be found online e.g. https://our-website.com/logo.png. If in doubt, upload your logo to Imgur.
The width in pixels of your logo at the top of your email
Links to your society's social media accounts, which appear in the footer.
| Name | Icon image URL | Link URL | |
|---|---|---|---|
| Remove | |||
| Remove | |||
| Add another social media link | |||
Width of the main content, logo and footer
Colour of the horizontal lines which can be used in the main email content
Thickness in pixels of the horizontal lines which can be used in the main email content
The amount of blank space above and below the horizontal lines which can be used in the main email content, in pixels
The amount of blank space to the left and right of the horizontal lines which can be used in the main email content, in pixels
The amount of blank space above and below the main content, in pixels
The amount of blank space to the left and right of the main content, in pixels
Alignment of the title text
Amount of blank space above the title in pixels
Amount of blank space to the right of the title in pixels
Amount of blank space below the title in pixels
Amount of blank space to the left of the title in pixels
Alignment of the heading 1 text
Amount of blank space above the heading 1 text in pixels
Alignment of the heading 2 text
Amount of blank space above the heading 2 text in pixels
Alignment of the heading 3 text
Amount of blank space above the heading 3 text in pixels
Alignment of the heading 4 text
Amount of blank space above the heading 4 text in pixels
Amount of space above and below the logo in pixels
Amount of space to the left and right of the logo in pixels
Thickness of the line dividing the main content and the footer section in pixels
Colour of the line dividing the main content and the footer section
Alignment of the text in the footer, at the bottom of the email
Minimum amount of space above and below the footer content and text in pixels
Minimum amount of space to the left and right of the footer content and text in pixels
Want to save your customisation? Copy this code and keep it somewhere safe!
Use Markdown to write your email. It's very, very easy to use and quick to learn.
Concise guide to MarkdownOpen the downloaded HTML file, select-all, copy and paste it into a new email message.