Over the top of this image, they have an animated GIF with transparent background, and live text in the body area. View this email in Litmus BuilderĬhipotle placed a jumbo background image behind this impactful jumbo hero and body area, including product photography and a line pattern. The pattern they feature echoes the background found in the product. Source: Really Good Emailsįigma added a subtle repeating background pattern to the body of this email, introducing us to their new whiteboard product. Uplers used a background image to highlight a discount on their services, with a coupon image placed behind a coupon code. Miro placed a background image containing shapes behind their hero section, drawing attention to the email’s main headline and messaging, which is overlaid using live text. Creative ways brands are using background images Using live HTML text on top of a background image, instead of including that text as part of the image, means your message is readable when images are turned off, making this a great technique for creating better, more accessible HTML emails.Īside from helping to create campaigns that provide a better reading experience, background images also offer a wealth of design possibilities, setting your campaign apart from the competition. Unlike other images, where only the image itself can exist in that space, background images provide layering possibilities, so you can have extra images, text, or calls-to-action (CTAs) existing within that same space. The major benefit of using background images is they allow you to place additional HTML content on top of them. Instead of being a main focal point of the email, like a hero image, they are more often subtle and complementary to the other content in the campaign. What are background images? (And what’s the point?)īackground images are images that are applied to the background of, or behind, an element. They’re unexpected and add another dimension to your design, making your emails “pop.” When done well, they make your email feel like a million bucks but are incredibly easy to pull off. Enterprise Plan Boost collaboration and drive resultsĮmails can feel a bit predictable with an image here, a block of text there… One way to liven up the subscriber experience? Background images. Litmus Plus Automate testing to ensure quality.Litmus Basic Build error-free, effective emails quickly.All Plans See solutions for companies of all sizes.The following is an example of a JSON object that defines a theme. The colors in the palette element are specified as 6-digit or 3-digit hexadecimal RGB string values. palette: The RGB color settings for the theme, stored as a nested JSON object with the following keys:.backgroundImageUri: The URI of an optional background image for the theme (value can be blank if no background image).isInverted: This value should be false for light themes and true for dark themes it controls whether SharePoint uses dark or light theme colors to render text on colored backgrounds.name: The name of the theme, which appears in the theme picker UI and is also used by administrators and developers to refer to the theme in PowerShell cmdlets or calls to the SharePoint REST API.Theme settings are stored in a JSON object that contains the following keys: The new SharePoint site theming features use a JSON schema to store color settings and other information about each theme.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |