illustration-library-mockup-short.png

Red Hat—Illustration Library

Client: Red Hat

A cross-functional initiative to build a cohesive illustration library, aligned with core technology themes, for company-wide use at Red Hat.

Where we were

Before this project, Red Hat had no centralized illustration library. Illustrations were created ad hoc, with inconsistent styles and metaphors scattered across random folders. Finding the right visual—especially for social media—was time-consuming, and the inconsistency showed across channels.

Then, Red Hat rebranded.

 
 
RH-illustration-library-portfolio-assets_rebrand.png
 

After the rebrand, only the logo had changed—other visual elements like colors, photography, and illustration still reflected the old brand. We faced two challenges: transforming our ideas from pitching the rebrand into a scalable illustration style, and meeting high demand to replace outdated visuals.

 
 
The illustrations we had created as part of the Open Brand Project used mostly a limited red-based color palette and needed to be refined based on what we’d learned from early usage.

The illustrations we had created as part of pitching the rebrand used mostly a limited red-based color palette and needed to be adjusted based on early usage insights.

For many of our technology topics, all we had was a single icon to go off of to create a suite of illustration assets that represented that topic at multiple levels of scale and complexity.

For many of our technology topics, all we had was a single icon as the foundation to create a full suite of illustration assets at varying levels of scale and complexity.

 

Strategy + prioritization

"Starting with a rough style frame and topic list, we partnered with account and project managers to prioritize based on real needs—using web traffic data, upcoming events, product launches, and active requests to guide what got created first."

 
 
RH-illustration-library-portfolio-assets_container-topic-page.png
 

Account and project managers helped us bring in an agency partner to handle illustration work as I provided art direction. They also set a steady rhythm for developing and publishing batches of illustrations to the company repository.

We collaborated with the corporate social media team to align on asset documentation and streamline reviews, while reinforcing our creative intake process to reduce one-off requests and boost bandwidth for the larger library.

 
 

Refinement + consistency

To address the problem of lack of consistency and need for refinement in our illustrations, we spun up two workstreams: one to refine style variations, and one to align on consistent visual metaphor for each of our tech topics.

 
 
RH-illustration-library-portfolio-assets_refinement.png
 

To refine our style, we reviewed as many illustrations as possible, identifying what worked and what didn’t. We conducted exercises where we made small adjustments to mismatched illustrations, bringing them into harmony with each other and the broader style. By documenting these changes, we provided clearer feedback to others, ensuring consistency across all illustrations.

 
 
RH-illustration-library-portfolio-assets_refinement-faces.png
 

To refine metaphors, the team collected illustrations for each tech topic and used the icon as a foundation for consistency. In this example below, you can see that the representation of containers in each illustration has been changed to match the hexagon shape of the icon, rather than having some hexagons, some squares, and some shipping containers here and there.

 
 
RH-illustration-library-portfolio-assets_refinement-METAPHORS.png
 

The end result? A library with consistent visuals across topics and a unified style—plus a ton of illustrations to choose from. This gave us a more cohesive brand, less time on one-off requests, and more time to focus on new ideas and keep improving.

 
 
A snapshot of the full illustration library

A snapshot of the full illustration library

 

With a library built to serve immediate illustration needs, we were then able to experiment with the animation team on creating looping GIFs for the most popular assets.

 
RH_Automation_alt.gif
RH_OpenTech_Alt.gif
RH_IT_Optimization_alt.gif
RH_General.gif
 

Accessibility + organization

We set up a shared Google Drive with illustrations organized by topic and created a corresponding catalog deck with thumbnail previews for easy browsing. This made it quicker for teams like corporate social media to find the right graphic without having to dig through folders or make urgent requests.

 
 
RH-illustration-library-portfolio-assets_guidelines.png
 

We also worked with our brand designers to create illustration guidelines that reflected all that we had documented throughout the library project. We collaborated with UX designers and copywriters to format the guidelines to be published on brand.redhat.com. You can view the full illustration guidelines page here.

 

Credits: Nick Burns (associate creative director), Claire Allison (senior graphic designer), Cole Ferguson (brand designer), Karen King (senior graphic designer), Jessica Burkitt (account manager), Leigh Morrison (senior manager, corporate social media), Callie Martin (social media specialist), Dan Caryll (manager, UX design), Libby Levi (associate creative director), Alex Traboulsi (senior graphic designer), Wildfire (agency partner), Laura Walters (associate creative director), Drew Carrow (senior motion graphics designer), Tyler Jackson (freelance motion graphics designer), Renee Mansell (UX designer), Abigail Ojeda (copywriter).

This is the personal site of Claire Allison and is in no way affiliated with or endorsed by Red Hat, Inc.