German Kopytkov | Art Director, Illustrator, and Visual Designer based in Zurich | Identity, Logo, Branding, Iconography, and Illustration Expert

Header illustrations are the main point of focus in any context or screen. They often convey a more complex idea or story.

Header illustrations are the main point of focus in any context or screen. They often convey a more complex idea or story.

Process

Process

Illustration Guidelines

Illustration Guidelines

Travel header illustrations

Travel header illustrations

Trips illustration.png

Flights illustration.png

Vacation rentals illustration.png

TTD illustration.png

Hotels illustration.png

Packages illustration.png

Business 1 illustration.png

Business 2 illustration.png

Explore 2 illustration.png

Redlines

Redlines

Redlines desktop.png

Application

Application

Small bursts of Google core colors stand out from the harmonious background, making illustrations recognisably Google.

Small bursts of Google core colors stand out from the harmonious background, making illustrations recognisably Google.

Negative space is used as a foreground element to frame the illustration.

Negative space is used as a foreground element to frame the illustration.

Blue color is the best to depict the depth, as objects which are far away tend to look blue naturally.

Blue color is the best to depict the depth, as objects which are far away tend to look blue naturally.

Strokes are used to create foreground or bg elements.

Strokes are used to create foreground or bg elements.

Google core colors create instant brand recognition.

Darker and lighter values of the core colors are used to add shadows, tonality, and contrast.

Darker and lighter values of the core colors are used to add shadows, tonality, and contrast.

Busness trip.png

Busness trip-1.png

Explore v2.png

Dark mode

Dark mode

In Dark Mode primary object colors shift to a lighter tonal range

In Dark Mode primary object colors shift to a lighter tonal range

Redlines mobile-1.png

Animation

Animation

In order to keep the focus on the content of the page and keep the file size as small as possible we used short loop Lottie animation. Movement of the background elements and characters are kept very subtle and minimal.