Jumpstart your digital design

This design system is your guide to creating digital experiences that look, talk, and act like MetLife. Our standards, core guidance, and resources are building blocks that will help you work efficiently, iterate quickly, and deliver seamless experiences that meet our customers’ needs, and exceed their expectations.

What's new in the design system?

View the latest updates.

Foundations

Foundations

Standards

Our logo, typography, color palette, and more—these are the standards that must be followed, without exception, in all digital communications and experiences.

See Standards

Core Guidance

From illustration and icons to photography and graphics, here you’ll find guidance on how our foundations can flex to help you push your digital designs.

See Guidance

Resources

Resources

Designer

Components, UI kits, and guidance to give you a head start designing digital experiences.

Explore

Developer

Bring your designs to life with reusable component libraries, termed MetLife Design Components (MLDC).

Explore

Showcase

Showcase

Case Studies

Check out some of the best examples of experience design work from MetLife teams around the world.

See the Work

Digital Brand Expression

Find creative inspiration to help you design digital experiences for our different local markets.

Explore Local Design

XD in Practice

XD in Practice

Deliver Exceptional Experiences

Find guidance and best practices for common MetLife digital design use cases.
XD in Practice (VPN Access Only)