The standardization team is currently working on the Wikimedia User
Interface style guide, where it will be a one-stop shop for all design
resources and specs in the future. But for now, you can obtain these
updated resources from the Design Resources section of our team's wiki
<https://www.mediawiki.org/wiki/Wikimedia_User_Interface>
.
It includes:
- UI elements for use by designers / others (Sketch
<https://www.dropbox.com/s/qg45uofd173mo62/MediawikiUI.sketch?dl=0>
•
how to use gif
<https://upload.wikimedia.org/wikipedia/commons/0/07/How_to_turn_pencil_and_paper_sketch_to_high_fidelity_mock_up_with_Sketch_app.gif>
) and
specs for
developers (WMFLabs <http://wikimedia-ui.wmflabs.org/> •
LESS file
<https://github.com/munmay/WikimediaUI/blob/master/MW/custom-variables.less>
);
- Three ways of using our icon library -- SVG
<https://www.dropbox.com/sh/tn5jctp80x1q8sp/AAC3oZ7TbN26QK89rE6e_XdIa?dl=0>
, SVG sprite <https://wikimedia-ui.wmflabs.org/MW/icons.svg>, and Icon
font <https://github.com/munmay/WikiFont>.
We will keep updating this thread as more resources become available and
updated.
--
mm
--
mm