Resources
Foundations
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas posuere laoreet risus at maximus.
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.
AI
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 ThiventUX 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 MridhaSoftware Engineer
"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 FalangaUX Designer