Digital Experience Design

FOUNDATIONS : Collapsed
RESOURCES : Collapsed
SHOWCASE : Collapsed
XD IN PRACTICE : Collapsed

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.

Foundations

Collage of screens featuring MetLife colors, photography, icons, and logo.

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

Collage of tablet screens featuring web, app, and marketing designs.

Responsive Web Guidance

This set of components, templates, and user flows will help you get started designing any web experience.

Learn More

Marketing & Advertising Guidance

Turn to this guidance to give you a head start in creating all marketing communications—email, online ads, social media, and more.

Learn More

Native App Guidance

Designing an app? Build it faster when you start with these components, templates, user flows.

Learn More

Showcase

Collage of phone screens featuring examples of digital designs.

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

Discover & Define. Design. Deliver.

Learn about our process and find guidance to help you set up your work, and your team, for success.

Learn More

What’s new in the design system?

View the latest updates.