Colours

Brand Colours

MM Black

MM Red

MM Blue

MM Yellow

Functional Colours

Standard

Success

Danger

Text/Greyscale

900 Grey

800 Grey

600 Grey

400 Grey

300 Grey

200 Grey

100 Grey

Borders

Default

Selected

Background

Light

Overlay

Neutral

White

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraph

This is a paragraph style omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Large Paragraph

This is a larger paragraph style omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Text Links
Text Link Text Link

Buttons

Primary Secondary Hollow White
Standard Button Button Button Button
With Icon Button Button Button
Inactive Button Button Button
Icon Inactive Button Button Button

Exportable Icons

Additional elements

Pagination

Dots
1
2
3
4

Logo & Favicon

Tags

Standard Tag
Sale
Low stock
Out of stock
Online only
New Arrival Tag
Buy 4+ Get 20% off Tag

Buy Now, Pay Later

Accordion

Product Tiles

Product Tiles

Carousel Default

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Carousel Button Right

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Carousel Button Circle

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Carousel Scrollbar

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Carousel Scrollbar

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8