Maersk Design System

The design language of Maersk Technology

What is the MDS? See what's new

Resources

Foundations

Our foundations make it easy to maintain consistency across multiple brands and themes.

Components

Using our components ensures visual and behavioural consistency for users across our products.

Guidelines

A collection of recommended best practices to create robust and delightful user experiences.

Content

Writing brand aligned, carefully considered content for digital products.

Design and develop meaningful, safe and trusted AI product experiences

Icons

Icons that are maintained and supported by the Maersk Design System.

Get started

For designers (Login required)

Figma UI libraries and guidance to help you transform your ideas into high-fidelity user interfaces.

For developers (Login required)

Build with our layouts, CSS foundations and web components.

For contributors (Login required)

Anyone at Maersk can contribute to the Maersk Design System and create value across the business.

What our users say

”MDS is an important asset in my work, serving the purposes of a good design system, primarily: scaled consistency, efficiency in decision making, and facilitated collaboration with engineers."
Jules Thivent
Senior UX Designer

"I love how the Maersk Design System brings the entire design community at Maersk together. From the smallest user flows to the largest end-to-end experiences, it creates a cohesive journey for our internal users and customers."
Michela Falanga
UX Designer

"The Maersk Design System, is more than a design system - it’s a shared language that brings alignment, clarity, and consistency across everything we build at Maersk."
Roshni Mridha
Senior Software Engineer

"MDS provides intuitive designs and well thought-through UX patterns, giving teams a shared design and engineering language while reducing duplication of effort across the platform”
Nidhi Arora
Senior Engineering Manager