You’ll need to turn on JavaScript in your browser settings to use this site.
Skip to content
Indeed Design
Indeed DesignArticlesJobs
OverviewLogoColorTypographyVoiceImageryIllustrationShapeMotionProductIconographyResources
Brand guidelines

Motion

Movement and change are a natural part of hiring and looking for work. Indeed’s motion identity focuses on quick, intentional, and well-choreographed movement.

Job seekers and employers are eager to find the right fit, and directive motion allows them to understand our product offerings without getting overwhelmed.

These animations bring our brand together, giving it a unified feel with a distinct personality while also guiding people on their journeys with Indeed.

Core Actions

Alone or in combination, we use motion to make sure we are:

Helpful

Motion should create space for our most important messages. Like a hand opening a door, we think about motion as a way for us to bring our users in and hold their attention. Avoid motion that’s superfluous or distracting. Instead, look for opportunities where motion can enhance our brand material in ways that establish trust.

Authentic

Our mission is to help all people get jobs, so it’s important that our motion feels universal and inviting. Illustrations, photography, video, and product representation assets can all benefit from a human touch. Consider the format of your work and how our motion will meet our users. Resolution, frame rate, easing, and timing are all important ways to create successful motion.

Expressive

We are a colorful brand. Between our diverse palette, beautiful character designs, and abstract shape language, there are many ways to show our expressive side through motion. Use these properties to create moments of delight. Whether it’s through unique transitions, masking styles, or themed sections of typography, aim to develop movement that brings aspiration and energy.

Fundamental movements

Alone or in combination, these form the basis of any sequence.

Scale

Elements such as menu options expand to introduce themselves and shrink to disappear in a paced, subtle manner. No component ever gets overwhelmingly big.

Segment

When new components join an existing layout, they move above or below the others in a respectful way.

Slide

Large elements like menus slip on and off the screen in a way that keeps users feeling grounded.

Applications

Character illustrations

Motion is meant to breathe life into the illustrations. Characters’ movements should be simple.

Background shapes can be used to reveal foreground objects. Animate characters at a rate of 15 frames per second.

GIFs

When placing animated GIFs on web pages, set them to stop within five seconds and pair them with an HTML-coded replay button.

The World Can Work Better brand campaign

In this execution, the dot above the iconic “i” drives the kinetic transition from logo to tagline. This purposeful forward motion underlines brand optimism while providing a clean moment for animation to resolve.

ShapeProduct

Indeed Design

TwitterInstagramLinkedInMediumMedium
  • Home
  • Brand guidelines
  • Articles
  • Resources

© 2024 Indeed
  • Your Privacy Choices