Skip to content

Accessing Codex

Codex is the design system for Wikimedia, and it contains the following features:

  • Style Guide: for creating harmonious designs across Wikimedia.
  • Design tokens: for writing styles consistent with the Codex Style Guide.
  • Icons: a collection of icons with language and directionality variants.
  • Components: for building usable, accessible, translatable applications.
  • Composables: common patterns from the Codex codebase.

Each feature includes the following:

  • Wide-ranging support for internationalization and global usage.
  • Web accessibility baked in.
  • Comprehensive browser and device support.

Read the guiding principles for details.

Resources

  • Figma: design with Codex components in Figma.
  • MediaWiki: learn about using Codex within MediaWiki.
  • Gerrit: visit the canonical Codex codebase.
  • GitHub: visit a mirror of the Gerrit codebase on GitHub.