A favicon of Codex

Codex

Build consistent, accessible, and user-friendly interfaces for Wikimedia projects. Access a comprehensive library of components and guidelines.

Visit Codex
A screenshot of CodexVisit

Codex is the official design system for Wikimedia, providing a comprehensive toolkit to build consistent, accessible, and engaging user experiences across its vast ecosystem of projects. It serves as the single source of truth for design, ensuring that platforms like Wikipedia, Wikimedia Commons, and others share a unified visual and interactive language.

Key benefits of using Codex include:

  • Consistency: Establishes a common set of design principles, components, and patterns, leading to a more predictable and harmonious user experience across all Wikimedia sites.
  • Accessibility: Prioritizes inclusivity by embedding accessibility best practices directly into its components and guidelines, making information available to everyone.
  • Efficiency: Offers pre-built, reusable UI components and clear documentation, significantly speeding up the design and development workflow for contributors.
  • Collaboration: Fosters better collaboration between designers, developers, and the wider Wikimedia community by providing a shared vocabulary and set of tools.
  • Brand Cohesion: Reinforces the Wikimedia identity by ensuring a cohesive look and feel, building trust and recognition.

Codex typically includes resources such as a comprehensive component library, design tokens (for colors, typography, spacing), detailed usage guidelines, and accessibility documentation to support its adoption and implementation.

Categories:
Share:

Similar to Codex:

Design 10x faster. Build scalable UIs. Your complete Figma toolkit.
Figma
Build websites and apps faster with a comprehensive Figma UI kit. Offers 3.5k+ components, 460+ layouts, and 70+ templates for efficient, scalable design.
Design with clarity. Build with confidence.
CompanyFigma+1 more
Ship quality Atlassian interfaces using robust foundations, versatile components, and powerful tools. Design with clarity and build with confidence.
Build cohesive experiences, faster.
Adobe XDCompany+2 more
Develop cohesive applications faster with a rich library of design components, patterns, and tools. Achieve consistency and improve team productivity.

Command Menu