![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/65456a9b92d405a88d625c31_Illustration-cover.jpg)
ServiceTitan is a leading SaaS company that helps professionals in the home services industry streamline their workflow. It’s a complex software with several features that need to be visually communicated in a simple fashion.
Product Illustration Principles
Product illustrations are designed to simplify the complex product into a more digestible and concise version. To do so we created system for product illustrations that are scalable across several mediums and keep each illustration we design consistent.
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/65456c52e48f50a372356211_illustration-1.png)
Containers
Product illustrations consist of three foundational containers which mimic the product in desktop, tablet, and mobile forms. When designing product illustrations always start with one of these containers to ensure that all illustrations are the same dimensions. The container also has a 80% opacity to emulate a translucent and more modern style. There are certain use cases that stray from the three core sizes but please contact Brand Studio for final approval.
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/65456c5defa6105b3267cc64_illustration-2.png)
Navigation
Product illustrations consist of three foundational navigation bars which mimic the product in desktop, tablet, and mobile forms. When designing product illustrations always use one of these navigation bars to ensure that all illustrations keep a consistent visual style. There are certain use cases that stray from the three core navigation bars so please contact Brand Studio for final approval.
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/65456c6707c63e23bfaef4fd_illustration-3.png)
Other molecules
Product illustrations consist of several different molecules from the product such as buttons, progress bars/charts, and icons. When designing product illustrations always use product approved molecules to ensure that all illustrations keep a consistent visual style. There are certain use cases that stray from these molecules so please contact Brand Studio for final approval.
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/65456c6f076a70c63d2ee745_illustration-4.png)