Layout in motion

The design system has several layouts that communicate a sense of discovery when brought into motion. Even when designing for motion, always remember to adhere to our Layout in marketing guidelines.

Storytelling

Our design system is a playground for expression, from seller stories to captivating visuals. Combine design elements with our motion principles, and the storytelling possibilities are endless.

Catalog

Catalog is a multipurpose layout that can be treated in many different ways. In motion, it can show a wide variety of products and categories, or simply be used as a beautiful graphical element.

Discovery

Discovery's stacked carousels can convey selection in unique ways. This layout is flexible—you can experiment with different approaches when animating.

Video description: A 3-second video shows a sequence of 5 overlapping images of sneakers descending diagnally from left to right. The images decrease in size as they descend. A slight pulse motion causes all five image to move places in a stacked carousel.

Browsing

Browsing is useful for showing selection in captivating ways. Use animation to guide focus in the hierarchy and create mesmerizing visuals.

Resources