Overview

Our design system is a collection of, standards, tools, and reusable components founded on a set of principles used to create digital experiences for all football fans.

This quick-start guide will introduce you to the Facemask Design System and help you understand how it’s used to build NFL digital products.

 
Goals.png

Goals of Facemask

  • Deliver a consistent seamless experience to every football fan on every platform.

  • Inject the authentic voice of the NFL into product experiences in support of the game fans love.

  • Streamline collaboration between designers and developers to help product teams create memorable products, efficiently.

 

Facemask for product teams

Better
Facemask gives designers the tools they need to create portfolio-worthy products.

Easier
Facemask establishes a foundational set of principles to help product teams create immersive fan experiences. 

Faster
With Facemask, efficiencies are created, time is saved, stress is reduced.

Together
Facemask is constantly evolving to meet everyone’s needs. Share your feedback and help grow the system.

 

Facemask for fans

Authentic experience
Football is the most popular sport in America. Facemask ensures that we capture the authentic voice of the NFL so football fans know they’re getting exclusive content they can’t find anywhere else.

Effortless navigation
Create systems that are easy to navigate and consistent. Fans will find exactly what they want in seconds. They’ll have the same experience regardless of platform, building invaluable brand trust.

Future forward
Football is changing fast, and so is the digital landscape. Facemask keeps pace, so we always stay on the cutting edge of sport and technology.