Inside the Design Process

Foot Locker's design system is compatible with Sketch and Figma. It includes a responsive and flexible pattern library, hand-crafted components, and reusable styling variables.
About Foot Locker, Inc.
An exercise in automation, variation, and identity, this design eloquently solves a need for page templates, reusable components, with a wide range of data variation and customization capabilities.


Reusability & repeatability. A modular framework comprised of adaptive content blocks is key to the template design. This modularity provides a fundamental structural consistency across Foot Locker Inc.'s parent brand experience, while giving each sub-brand control over specific data and styling needs.