Wikimedia Design Style Guide (WikimediaUI)

This project is now archived. Visit its improved and enhanced successor: Codex

Wikimedia Design Style Guide (WikimediaUI)

The Wikimedia Design Style Guide ensures a consistent look and interaction behavior for Wikimedia Movement products.

The style guide features unique focus areas like accessibility, internationalization and localization, originating from large-scale websites, diverse languages and communities like Wikipedia, Wikimedia Commons or Wikidata and software platforms like MediaWiki.

Its guidelines aim to help designers and developers with their Wikimedia projects, as part of the Foundation or in a volunteer capacity.

View the guide at design.wikimedia.org/style-guide/.

Contribute

We welcome and appreciate pull requests and feedback from everyone. Please see CONTRIBUTING.md.

Download

Download of the style guide and all its resources is available at GitHub.

Credits

The Wikimedia Design Style Guide is provided by Wikimedia Foundation Design team and contributors.

Name		Name	Last commit message	Last commit date
Latest commit History 599 Commits
.github/workflows		.github/workflows
apps		apps
build		build
components		components
css		css
fonts		fonts
img		img
js		js
resources		resources
scap		scap
.browserslistrc		.browserslistrc
.editorconfig		.editorconfig
.eslintrc.json		.eslintrc.json
.gitattributes		.gitattributes
.gitignore		.gitignore
.nvmrc		.nvmrc
.stylelintrc		.stylelintrc
.svgo.config.js		.svgo.config.js
AUTHORS.txt		AUTHORS.txt
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
Gruntfile.js		Gruntfile.js
LICENSE.txt		LICENSE.txt
README.md		README.md
design-principles.html		design-principles.html
design-principles_accessibility.html		design-principles_accessibility.html
favicon.ico		favicon.ico
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
resources.html		resources.html
robots.txt		robots.txt
svg-to-png.mjs		svg-to-png.mjs
visual-style.html		visual-style.html
visual-style_colors.html		visual-style_colors.html
visual-style_icons.html		visual-style_icons.html
visual-style_illustrations.html		visual-style_illustrations.html
visual-style_images.html		visual-style_images.html
visual-style_typography.html		visual-style_typography.html

License

wikimedia/WikimediaUI-Style-Guide

Folders and files

Latest commit

History

Repository files navigation

Wikimedia Design Style Guide (WikimediaUI)

Contribute

Download

Credits

About

Resources

License

Code of conduct

Stars

Watchers

Forks

Languages