Illustrations
Illustrations are used to add visual support to our marketing messaging. You’ll find them alongside of text on our web pages, blogs, and emails to better explain what is being said in text. Note that spot illustrations should not be used as call-to-actions, and they should only be recycled if the messaging is relevant.
Style
Aesthetically speaking, our illustrations must be clean, consistent and professional in their execution. They should evoke feelings of friendliness and warmth. When illustrating people, we must be thoughtful, diverse, and inclusive.
Types of Illustrations
Stock Illustrations
Stock illustrations are bought online. We use the Good Studio stock library as a base to create graphics.
Representational UI
Representational UI’s are illustrations representing digital products, features & workflows.
Colors
Once downloaded, illustrations are recolored using the Dreamhost’s brand color palette. Visit the color page to learn more about how to use colors.
Do
Do use the color pallete to create good contrast and color combinations.
Don't
Don’t use illustrations directly after download without recoloring to fit the color guidelines.
Assembly
Add icons, objects and background shapes to convey ideas and messaging.
Do
Do add context to the illustrations by using related icons and objects.
Don't
Don’t combine elements with contrasting styles that don’t work well together.
Templates
Blog Featured Image Template
Use this template size when creating a blog image that doesn’t have any content.
Blog Social Card Template
Use this template size when creating a blog image that requires to have a 50% text and 50% graphics.
Linkedln and Instagram Template
Use this template when creating a Linkedln Graphics.
Twitter Template
Use this template when creating a Twitter Graphics.
Template Usage Example
In this example, we break down how to build a blog graphics using the blog template and illustrations.
Export Process
We use Figma to create our illustrations, and export the requested images. In the lower right of the workspace find the Export section.
Step 1: Select a image format typeWhen exporting an image make sure to select the correct format of the illustration.
Step 2: Export the imageWhen exporting the an illustrataion make sure to follow the instructions that was given. For example blog images, we follow a JPG format.
