Illustration

On the QuickBooks Blog, illustration is a key form of visual storytelling. Editorial illustrations can quickly tell a story, or bring clarity to a new or complex concept better than photography and copy alone. 


The illustration style for the QuickBooks Blog is continually evolving, and isn’t limited by the same restrictions as the QuickBooks product or website. However, there are some guidelines that should be followed to help ensure illustrations align with the QuickBooks brand.

Illustration depicting a person interacting with QuickBooks software

General guidelines

We tell real customer stories through emotive and engaging photography. Our library captures moments of a typical work day. A mix of hard work, quiet, focused, alone, or with others.

Primary palette

QuikBooks primary color palette

Full Palette

QuikBooks full color palette

Skin Tones

QuikBooks illustration skin tone color palette

Style and composition

Our branded illustration style is minimal with an emphasis on usability. We achieve this with two-dimensional/flat illustrations with minimal, subtle line work.

Characters should have diverse, natural skin tones

Features and proportions should feel true to life.

Backgrounds should be neutral. Avoid vibrant, solid color backgrounds.

Ensure a singular focal point. Avoid crowded, overly noisy compositions.

Examples


Good example of illustration with various natural skin tones

Skin tones are natural. 

Good example of illustration with a singular focus point

Singular focus point with a neutral background color. 

Good example of illustration with limited line work

Line work is simple and clean. 

What not to do


Example of illustration with bad skin tone color usage

Don’t use unnatural skin tones.

Example of illustration with too many focal points and details.

Don’t flip images that can cause devices to look incorrectly manufactured, or text to look mirrored.

Example of illustration with too much line work

Don’t use too much line work. 

Special use cases

Infographics

Infographics should contain a combination of illustration and data visualization. They should feel less formal than data visualizations alone, and focus more on key highlights instead of comparing multiple data sets.

Example of an editorial infographic

Tools

The QuickBooks Blog offers several free tools for small businesses, ranging from simple templates to more complex calculators. It’s important that tools have a specific look and feel, so it’s easy for readers to distinguish between a tool and a generic graphic.

Blog tools have a specific look and feel

Videos

Using simple line work illustrations in videos can help aid storytelling, add emphasis, and increase the overall viewing experience, especially when applied within animation. 

Example 1 of how to use illustration in editorial videos
Example 2 of how to use illustration in editorial videos

Additional illustration resources

For additional information about illustrations and iconography, check out our brand illustration guidelines.

View brand illustration guidelines