This mockup provides the overview of widgets as template for our interface implementation. The widgets are sharing consistent “WikimediaUI Base stylesheet” design properties and interaction patterns.
Find the source Sketch file for designers in resources folder of Design Style Guide, together with an SVG and PNG export
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)
See also the Design Style Guides color palette as mock residing at
M101 is based on an em based grid (translated to 8px as .5em) and uses Sketch symbols for instant adaption to changes across widgets.