Much like the mosaic tiles, scene illustrations are all about connectivity – how Toast is not only the healthy heartbeat of a restaurant, but of the restaurant community. Here are the ways illustrations can come to life.
Access illustration libraryRequest a new illustration
Illustrations fall into one of two categories: spot illustrations and hero illustrations. Using the same principles and construction guidelines as the iconography, an 8 x 8 block system is multiplied to create a canvas for the chosen type. The first category is spot illustrations. These graphics are used for introductions, for enhancing a message, or when providing additional detail associated with content. We use 3 x 3 multiples of the block grid to create a canvas. Scene and interactions should all be centered within this area.
To create focus, highlight the area or items of interest in Toast Orange. These elements should be central to the story or message in the environment it’s displayed in, especially with Toast devices.
These graphics are used for mastheads, construction of a larger scene or story, and in long form content. Use the block grid in multiples to take up desired canvas area. It should not exceed 4 rows in height. Like the spot illustrations, create focus highlight the area or items of interest in Toast Orange. Larger illustrations should be set in context within the restaurant environment.
On a Full-Color Background
When illustrations are placed on a full-color background, use brand accent colors from the primary palette to create dimension. Always highlight the key object in white.
On a White Background
When illustrations are placed on a white canvas, use the gray palette to add dimension. Always highlight the area or items of interest in Toast Orange for maximum emphasis.
Through Line
Keeping the restaurant at the center of the canvas, each instance should have an orange line that connects back to Toast.
Applying Depth
Depth is established by line color. Artwork in the background (as well as details within the key illustration) are 50% lighter.
Toast represents restaurants of all types and sizes. Example restaurant illustrations (below) have been created using the block grid.
The Toast family represents owners, employees, and diners from all ethnicities, genders, and backgrounds. The grid structure for people follow the same guidelines as the iconography from the last chapter. Use the base structure to assemble hair, nose, accessories to personalize the character.
Whether facing the front, or at a 3/4, combine the face on top of the bust to create a functional character. Iconography can also be combined to develop an entire scene.
Base Structure
Base Bust
Full Color Example
Hand structures should follow closely to the examples shown on the left. Differentiate the thumb from fingers using shape and maintain the same principles / guidelines for Iconography and Illustration.
Use the gesture examples at scale within spot or hero illustrations when you're representing Toast hardware.
Use Toast Orange to highlight areas and elements specific to message, subject or instructions.
