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

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 guide 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, and user flows.

Learn More

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)