Global Message Icon  

Skip main navigation (Press Enter).
Thrive HUG logo. This will take you to the homepage
Thrive HUG logo. This will take you to the homepage
Log in
  • Home
  • Communities
  • Events
    • Upcoming Events
    • Super Forum 2026
    • HUG Connect
  • Support
    • Knowledge Base
    • Design Resources
Log in

2025 Template Gallery Overview

Gallery Templates

Community Welcome Campaign
Our Community Welcome Campaign template is designed to warmly introduce new members to your community, membership program or website. It includes all the components you need to create a welcome message, an overview of values and guidelines, and helpful resources to get started. This template can be used to foster a sense of belonging and encourage active participation. It is perfect for creating a positive first impression and building strong connections.
How to Build this Message
Donation Campaign
Our Donation Campaign template is designed to effectively communicate your cause and inspire generosity. It features all the tools you need to write a compelling message that highlights the impact of donations, along with clear calls-to-action and easy-to-use donation buttons. Include engaging visuals and success stories to connect emotionally with your potential donors. It is perfect for non-profits and charitable organizations looking to boost their fundraising efforts.
How to Build this Message
Event Digest
Our Event Digest email template is created for a concise summary of upcoming events, activities, or meetings, designed to keep your recipients informed and engaged. It typically includes key details like dates, times, locations, and registration links, presented in a clear and visually appealing format. This template includes standard text, image, and button layouts in addition to specialized layouts.
How to Build this Message
Membership Renewal
Our Membership Renewal template is designed to remind members to renew their subscriptions and highlight the benefits of continued membership. It features the tools you need to write a friendly and encouraging message, along with clear instructions on how to renew. Include sections for membership perks, upcoming events, and testimonials from satisfied members, making the renewal process appealing and straightforward. Perfect for organizations looking to retain and engage their valued members.
How to Build this Message
Mentorship
Our Mentorship template is designed to inform your audience of your mentorship program and it's benefits. It features the content items needed to create an introduction, an overview of the mentorship program, and clear instructions on how to get started. Include sections for mentor and mentee profile highlights, goals, and encourage users join and foster productive relationships. It is perfect for organizations looking to support personal and professional growth through structured mentorship.
How to Build this Message
Milestone
Our Milestone template is designed to celebrate significant achievements and keep your audience engaged. It features all the tools needed to create a congratulatory message highlighting the milestone, along with visuals that showcase the accomplishment. Use personalized elements, such as recipient names and specific details about the milestone, to make the celebration feel special. It is perfect for recognizing progress and fostering a sense of community and motivation.
How to Build this Message
Newsletter
Our modern newsletter template features a clean, minimalistic design with ample white space, ensuring your content stands out. It's fully responsive, optimized for all devices, and includes customizable sections for news updates, featured articles, and special offers. Eye-catching visuals and interactive elements like buttons and social media icons drive engagement, making it perfect for businesses and organizations looking to maintain a professional communication channel.
How to Build this Message
President's Letter
Our president's letter email template is made for formal communications sent by the President, CEO or Director of an organization, institution, or company to it's members, employees, or stakeholders. It typically includes updates, important announcements, reflections, and a sense of vision or leadership, often aiming to inspire, inform, or strengthen connections within the community. This Template contains text, button, and image layouts and a special layout for adding a signature and portrait at the end.
How to Build this Message
Single Event
Our Donation Campaign template is designed to effectively communicate your cause and inspire generosity. It features all the tools you need to write a compelling message that highlights the impact of donations, along with clear calls-to-action and easy-to-use donation buttons. Include engaging visuals and success stories to connect emotionally with your potential donors. It is perfect for non-profits and charitable organizations looking to boost their fundraising efforts.
How to Build this Message
Year In Review
Our Year in Review template is designed to summarize and celebrate the highlights of the past year. It features a visually appealing layouts with the tools to create sections for key achievements, memorable moments, and impactful stories. Include engaging graphics and personalized messages to make the recap feel special and relevant to the recipient. It is perfect for organizations and businesses looking to reflect on their progress and share their journey with their audience.
How to Build this Message

Gallery Resources

Get started using our new templates by checking out our tutorials below:

Creating a New Template using the Gallery

Quickstart Guide

Get started with a new template in just a few easy steps.

To start using our new gallery templates, first we have to add them to our account. Our first step is going to be going to the Messages tab > Templates and here we will see a list that contains all of the templates that are already in your account.

Click the plus sign to create a new template.

This is where we will find the Marketing Professional Template Gallery. Scroll down to the bottom, to see all the new templates that have been added to our system.

All of the templates use a similar "frame" but contain special custom layout options that relate to the type of template it is. There are key custom layouts that are available in every template regardless of type.

For example, the event templates will have special event session layouts and the "President's Letter" has a special custom layout for a signature and a portrait that can be used. After you have chosen an option, rename your template, if desired.
Now we can begin to update the content.

The first item we are updating is the logo.

Click on the logo image to select it and then click on the link text in the left sidebar to select a new image. Choose the "Choose an Existing Image" option to navigate to your asset manager and select a new image or upload one. 

For logo images, a PNG with a transparent background that is 150 - 250px wide is recommended. This will display the best on both mobile and desktop.

Add a link if desired to your website and then move on to the next piece of the footer.

The next piece to update is the physical address and contact information. 

To be compliant with anti-spam laws and Higher Logic policies, you will need to at least include your physical address. In addition to this you can include:

  • Company Name
  • Phone Number and/or Fax number
  • Link to your website
  • Contact links to your email address

Click into this text box to either paste in or type in your desired information.

Next step is to add links to the Social Icons.

By clicking into the social icons, you can:

  • Change the order of the icons
  • Add a link to each icon
  • Change the images for each icon
  • Delete unnecessary icons
  • Add additional icons for other social media platforms or Community Websites.

To replace the image icons, you have a 2 options:

  • Use any of our color options by going to the "Common" images tab > Icons > Social2025. There you will find all the common social media icons in black, white, color and gray.
  • Upload your own icons to the asset manager. 
    • If choosing to upload your own icons, they are display best between 20 - 40px tall.

Next, update your bottom links.

If you do not have a Preference Page, this can be deleted or replaced by another link or copyright text. If you would like to see more information about how to create a Preferences page, please click here or reach out to your CSM or our support team to get started!

All footer links use a special color of #292929.
You can choose any color or use the set template link color from the template's theme.

An unsubscribe link is required in any template used to send a message by law. Choose from the “Unsubscribe” pages in your account or if you use an external link for subscription management, there is an option for this as well.

Activate your template button on the review and activate tab of the template builder

Now that these updates are all set, we can activate our template to be used in a message!

Save and go to the "Review and Activate" tab to get a final preview of your updates and then click the "Activate" button on the bottom left of the page. This will make the template available when choosing a template to create a message.

Customize Your Template Footer

Choose Your Footer

Centered Footer:

Light:
Sample footer with a light background and dark text
Dark:
Sample Footer with a dark background and white text

Footer with Logo:

Light:
Sample footer with logo, light background and dark text
Dark:
Sample footer with a Logo image, dark background and white text

Marketing Professional "Custom Layout" tab with footer options highlighted

Dotted lines appear when dragging a custom layout into a template section

While in the template editor, start by choosing the footer you would like from the "Custom Layouts" dropdown.

There are 2 styles and 2 color themes available.

Under "Custom Layouts" click and drag the footer you would like into the "Footer" section at the bottom of the message. You will see dotted lines appear showing the section boundaries.

Review and activate tab of the template designer with the footer

Preview how a footer will look by going to the "Review and Activate" tab.

Return to the "Design" tab to keep editing your template footer.

highlighted footer section with name, copy and trash icons

Click on the footer you do not wish to use and select the trash can icon to delete.

Asset manger with logos to replace the current footer logo

Next, update your logo image.

The footer logo should be between 100 to 250px wide. Larger images will be resized but this will look best on a mobile device.

Choose between an image you have already uploaded to the asset manager, or, upload a new image using the image tool.

text box with sample footer content being replaced by actual footer content

Next, update the text.

To be compliant with anti-spam laws and higher logic policies, you will need to at least include your physical address. In addition to this you can include:

  • Your Company Name
  • Your telephone number
  • A link to your website
  • A contact email address

Social media icon set with labeled arrows to show how to edit

Update your social media links by clicking on the “icon set.”

Here are some tips:

  • Delete un-needed icons by clicking the trash can icon.
  • To replace the image used with a custom image, click on the blue link name in the left sidebar.
  • If the link is correct but an error message appears, check the “allow insert” checkbox and click “insert hyperlink.”

landing page selection in hyperlink tool

Unsubscribe page selection in the hyperlink tool

Next, update your bottom links.

If you do not have a Preference Page, this can be deleted or replaced by another link or copyright text. If you would like to see more information about how to create a Preferences page, please click here.

All footer links in our "light" footers use a special color of #292929. Our "Dark" footer uses a link color of #ffffff. You can choose any color or use the set template link color from the template's theme.

An unsubscribe link is required in any template used to send a message by law. Choose from the “Unsubscribe” pages in your account or if you use an external link for subscription management, there is an option for this as well.

Customize your Template Theme with your Brand Styling

Update your font settings, background colors, button styles & more!

Theme Tab

Template editor sidebar with Theme tab highlighted

The “Theme” tab is where you update text, buttons and link styling.

Using the dropdown, you can choose from the various elements within a template and adjust their styling and properties. The Template Designer is a code-free editor and CSS code is not accessible.

Background

theme tab background panel

Make adjustments to the template's background colors.

Using the "body background" color picker, change the color for the area behind the message. The "template background" color picker is used for the message body color

  • These colors can be changed by clicking into the box and selecting a color using the color picker tool, HEX or RGB values.

An image can also be uploaded to use for the area behind the message body.

  • This will appear for most email clients but some versions of Outlook do not support an image background and the set color will appear instead. It is best to use images, such as patterns, that will tile well.

Default Colors:

In all of our new Gallery templates, the default background color is #dfdfe1, a neutral gray color.

If you use the "Light - Footer with Logo" and "Light - Web Version" layouts in your message, this will use the same background color. This can be changed by editing the custom layout OR manually changing the color by selecting the section.

If you would like to use the "Dark" footer and "Dark - Web Version" options, these will use a background color of #292929.

Template Width

template width tab with width setting and padding setting

Change how wide the body of the message is.

All of our templates default to a width of 650px. The template can be between 600px and 700px wide.

The padding setting can be ignored or set to 0 to prevent confusion.
This setting would only impact the left and right padding if a new section was dragged into the template or if a Blank template was used.

Message Content

Message content tab with padding between stories and padding between columns settings

The “Message Content” element controls how much space is placed between items in a message.

Since this template uses custom layouts that have padding built in, this is set to 0px. With the current custom layouts, there is 10px above and below each content item that creates a total amount of 20px between each piece of content added to a message.
You can add more padding as desired by using the "Space between stories" dropdown.

To reduce the amount of padding between items as a whole, the custom layouts would need to be edited.
We do not advise using less than 4px of padding around the custom layouts. Padding is very important for keeping your content legible and for allowing columned layouts to have space when they stack on a mobile device.

Text

Text Element showing the preset text settings and style options

Web safe font list from the text dropdown

Custom font configuration model

This is where you can update text colors, sizes, font family and line spacing to match your brand guidelines.

Click into each of the presets to make your desired changes. There are 3 heading, subheading and standard text options that can each be set individually. 

Our custom layouts use the following settings:

  • Message Title - Heading 1
  • Section title - Heading 2
  • Story Headlines - Heading 3
  • Subtitles - Subheading 1
  • Text - standard text 1
  • Footer text, links and web version links - standard text 3

Using these presets allows you to easily and quickly format your text, unify your brand standards and ensure that every message matches your exact specifications.

  • To change the text color, click into the box with the HEX code. Use the color picker, HEX value or RGB value boxes to update.
  • To change the font family, click into the dropdown to select from our list of web safe font options or check the “use custom font” box to add a font of your own.

Custom Fonts

Custom font support can be limited based on the email client and device used to view a message. Always set a web safe secondary font. For the generic font option, choose a an option that fits your font from the dropdown.

  • “Serif” means the font has "tails" at the end of each stroke of the letter. An example of this type of font is “Times New Roman”
  • “Sans-Serif” means the font has "no tails" at the end of each letter. An example of this type of font is “Arial”
  • “Monospace” means that all or most of the characters take up the same amount of horizontal space. This is common in fonts used to represent code or typewriters. An example of this type of font is “Courier New”
  • Once configured, you can apply your custom font by clicking in the dropdown and selecting it from the list. It will appear at the bottom.
  • Each preset text style can use a different font but only 1 custom font can be set in each template.
  • To remove or replace the custom font from your template, click on the checkbox again. Any preset font styles using that font will be reset to Arial, Helvetica, Sans-Serif. If replacing, you can then re-check the box and add your new font, secondary font and generic settings.
  • For more information about the Custom Font Family tool, please see our Knowledge Base article here.

Hyperlinks

hyperlink element with custom color and default text settings

Customize the color and text properties for your message's links.

Click into the "Hyperlinks" tab to make changes to the default link color and style. 
Set the link's text properties like font weight and whether the link is underlined or not.

Button

button element with properties

Adjust the default button appearance.

Click into the "Button" tab to make changes to the Button background and text colors. 
You can make adjustments to:

  • The default button size
  • Alignment
  • Font family
  • Expansion of the button width 

There are 5 size options:

  • Tiny
  • Small
  • Default
  • Large
  • X-Large

There may be additional settings in the Theme tab that you may want to make adjustments to but these are the most commonly needed changes.

Custom Layouts

Understanding & Building Flexible, Mobile-Friendly Email Designs

What Are Custom Layouts?

Custom Layouts allow you to build reusable content blocks using a drag-and-drop editor, no HTML required.

Use them to create:

  • Branded content sections
  • Image + text layouts
  • Custom bullet styles
  • Mobile-friendly tables
  • Repeating story blocks

Once saved, layouts can be added to any message using that template.

Where to Find Custom Layouts?

All gallery templates come with standard Custom Layouts.

These layouts are pre-configured with standard padding and pre-set text to allow for quick and easy message creation. 

To navigate to your template's custom layouts:

  1. Open your Template
  2. Click the Custom Layouts dropdown
  3. To create a new layout, select the Create Custom Layout button
    To copy, edit or delete an existing layout, click the gear icon
  4. Build your design using a mixture of sections and content items
  5. Save and test in a message.

Your layout will now be available to add into any messages created using that template.

Understanding the Building Blocks

Custom Layouts are built using Sections & Content Items

Sections control:

  • Structure & Alignment
  • Padding
  • Background color
  • Borders
  • Columns (50/50, 60/40, etc.)
  • Stacking Behavior on mobile devices

Content Items are editable areas that can be updated or changed with each message. 

These are made up of:

  • Text
  • Images
  • Buttons
  • Dividers
  • And more

Columns & Mobile Stacking

When creating, you have full control over your columns.

Common column combinations:

  • 50/50 – Balanced “checkerboard”
  • 60/40 – Slight emphasis on one side
  • 70/30 – Feature-heavy layout
  • 80/20 – Icon or small image with text

Tip: For best display across desktop and mobile, avoid creating columns smaller than 8% wide.

Mobile Behavior

By default, the Stack on Mobile option is checked for all new layouts created. This means that the left column will stack above the right column. If this is unchecked, columns remain side by side.

Tip: Always test your layout on mobile before sending.

Custom Bullet Layouts

Standard bullets not your style? Custom Layouts have you covered.

Use this when:

  • Brand colors don’t match default bullets
  • You want branded icons
  • Background colors require contrast

Choose an image or icon to create a fancy bulleted list or instead of an image, you can use:

  • Arrows
  • Glyphs
  • Special characters
  • Emojis

How to set it up:

  1. Create a 2-column layout and set this item NOT to stack on mobile
  2. Set left column to 8–12% width
  3. Place a section into the left column and another new section into the right column
  4. Place your icon image or text-based emoji in left section
  5. Place a text box in the right column
  6. Using the section containers, adjust the padding settings

Best Practices

  1. Use transparent PNG images if creating an image based icon
  2. Minimum icon size: 20px x 20px
  3. Avoid columns smaller than 8% (Outlook mobile issues)
  4. If using emojis or text-based characters, remember that not all devices or email clients support them and there may be differences in how they deliver to an inbox.

HUG Higher Logic Users Group







Contact Us

4501 N. Fairfax Drive
Suite 301
Arlington, VA 22203
Tel: (202) 360-4402

Contact Support

Resources

Knowledge Base
Learn More

Privacy & Terms

Terms of Use
Privacy Policy

© 2026 Copyright
Powered by Higher Logic
Global message icon