Design/Archive/Wikimedia Foundation Design


 * The agora was a central spot in ancient Greek city-states. The literal meaning of the word is "gathering place" or "assembly". The agora was the center of athletic, artistic, spiritual and political life of the city.

This document serves as a style and design specification guideline for Wikimedia Foundation projects. It is not a style guide for the MediaWiki software. This document aims to provide designers a rulebook for color usage, design patterns, and general styles.

In addition, the goals of the Agora project include:
 * Development of an easy-to-use toolkit (like Bootstrap, but for MediaWiki)
 * Development of a specialized and unique icon set

This document is by no means exhaustive, and should be considered a "permanent" work in progress.

Documentation

 * Design Principles
 * Design Process
 * Style
 * Size and layout
 * Color Usage
 * Typography
 * Iconography
 * Spacing and Indentation (Whitespace)
 * Writing style
 * Patterns and components
 * Suggested Redesigns
 * How to Give Design Feedback

Code
Extension:Agora holds the design assets. Its test subdirectory has some static HTML pages demonstrating their use. We generate the CSS styles from Sass  files using Compass. You don't need Compass to use the CSS.

In MediaWiki release 1.22, we hope that the Agora CSS will be part of core MediaWiki, available in a 'mediawiki.ui' Resource Loader module.

More details are in Agora/Engineering

People
This document is a product of the design team at the Wikimedia Foundation:


 * Brandon Harris
 * Vibha Bamba
 * Munaf Assaf
 * Pau Giner