Design/projects/Wikimedia Style Guide

Wikimedia Style Guide is a set of guidelines for designing digital products at Wikimedia Foundation. We use the Wikimedia Style Guide to bring consistency in how our interfaces look and behave. These guidelines impact how our communities and users interact with our products.

This style guide is made to help designers and developers working on Wikimedia projects, either as part of Wikimedia Foundation or in a volunteer capacity.

Wikimedia Style Guide has few unique focus areas like accessibility, internationalization, and localization. These areas are important for building products for Wikimedia movement.

Our interfaces are our brand —  Wikimedia Style Guide also includes visual design principles that drive the aesthetics of our products.

Process
Wikimedia Foundation design team maintains the style guide. We’re a multidisciplinary team with experience in user experience design and research, engineering, information architecture, HCI, visual design, and usability.

Our process involves following our primary design principles to explore possible solutions for visual identity, user interface components and patterns.

Wikimedia Style Guide is always evolving and we encourage participation in growing this project.

Scope
Wikimedia Style Guide will include following set of guidelines
 * 1) Introduction
 * 2) Design Principles
 * 3) Visual style
 * 4) Principles
 * 5) Color
 * 6) Typography
 * 7) Iconography
 * 8) Imagery
 * 9) Illustrations
 * 10) Components
 * 11) Buttons and links
 * 12) Textfields
 * 13) Dropdowns
 * 14) Radio buttons and Checkboxes
 * 15) Toggle Switches
 * 16) Patterns
 * 17) Cards
 * 18) Tags
 * 19) Dialogs
 * 20) Lists
 * 21) Loading and waiting
 * 22) Resources
 * 23) For Designers
 * 24) For Developers

Roadmap
Wikimedia Style Guide is currently being worked on as part of Design Team's goal.