Wikimedia Design Style Guide will be archived soon. Visit its improved and enhanced successor:
Codex, Design System for Wikimedia.

Design principles

When making design decisions, we need to choose among possible solutions. Design principles help to decide what to prioritize.

Our design principles:

These are described below and aligned to our statement of purpose. Find further details at Design on Wikimedia Meta-Wiki.

This is for everyone

We aim to support a very diverse audience. This is a core part of our mission. We strive to help users overcome any barriers that may exist between them and the knowledge our projects provide. These barriers could include accessibility, languages, device and network capabilities, levels of technical expertise, or many other circumstances. When improving the experience for a given group of people, we need to make sure we are not increasing the barriers for others.

Human centered, inclusive design represented as  accessible keyboard metaphor with collection of Wikimedia characters and icons

Content first

People come to Wikimedia projects for their content. Our solutions should help to facilitate its creation, consumption, and sharing — without getting in the way. Our content (facts, images, quotes, etc.) is our most representative element and needs to be emphasized in our solutions.

Wikipedia Page Preview in action. Wikipedia15 anniversary visual marks – Amelia Earhart, International Space Station, pyramids of Gizeh and a kiwi bird

Open to collaboration

Our projects are collaborative. Discussion and sharing are key factors to consider. To support diversity and a global mission, our solutions need to provide room for extension and customization to meet particular needs and foster different perspectives.

Wikimania 2016 atendees group photo with Wikimedia logo in foreground
Group photo during Wikimania 2016 in Esino Lario with volunteers attending from all around the world.

Trustworthy yet joyful

Wikimedia projects provide reliable educational knowledge. At the same time, our projects are a source of entertainment and satisfy human curiosity. This requires us to find the right balance: we need to convey trust with our solutions and remain entertaining and fresh.

Screenshot of trending readers topic graph

Design for consistency

It is important to rely on familiar concepts to facilitate understanding. People relate quickly and orient easily when we keep consistency in our design and maintain common patterns – independent while careful of their platforms, languages or form factors.

Screenshots of various Foundation software products with consistent user-interface attributes
Screenshots of Galaxy Wikipedia article in Egyptian Arabic on Android, English on mobile web and Japanese on iOS.