The Washington Post Design System (WPDS) is a growing library of design tokens and interactive components purpose-built for washingtonpost.com.
WPDS enables designers and developers at the Post to ship reader-facing digital products that are modular, elegant and accessible while maintaining visual consistency at scale.
Learn about design tokens what they are, how they work and the advantages they bring to a design system. Plus: a list of all currently supported tokens.Start with Foundations
Dive deeper into our component documentation including design examples, usage guidelines and best-practices for technical implementation.Start with Components
Get familiar with the WPDS ecosystem by using one of our handy how-to guides. Learn more about integrations with Figma, Zeplin, and React.Start with Guides
🧐 Looking for documentation for our legacy design system? Visit the WPDS v0 docs site.