This mockup provides the overview of widgets as template for our interface implementation. The widgets are sharing consistent “WikimediaUI base” design properties and interaction patterns.
Find the source Sketch file for designers to use on Dropbox
Please report design shortcomings or bugs in T136371: Design shortcomings of current M101 widget overview (tracking)
More details on individual component pholio mockups:
(Notice that those might be outdated, M101 is featuring the latest changes)
M101 is based on an em based grid (translated to 8px as .5em) and uses Sketch symbols for instant adaption to changes across widgets.