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.
February 28, 2023Text size, fonts and zoom settings
February 28, 2023Semantic HTML and ARIA
February 28, 2023Screen readers
February 28, 2023Plain language, symbols and forms
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.Get started with Foundations
Dive deeper into our component documentation including design examples, usage guidelines and best-practices for technical implementation.Get started with Components
WPDS v1 - Design Workshop 2
Continuing our deep dive in our new design system.
WPDS v1 - Design Workshop
Watch Brian Alfaro lead a design workshop for our rollout of the new WPDS.
WPDS v1 - Developer Workshop 2
Watch Arturo Silva lead our second developer workshop for our v1 rollout of the new WPDS. Same topisc as the first one, but with a different approach.
WPDS v1 - Developer Workshop
Watch Arturo Silva lead a developer workshop for our v1 rollout of the new WPDS.
Figma is our tool of choice when designing and using our design system. Other design software is currently not supported, but maybe in the future.
Zeplin is our tool of choice when it comes to hand-off. It offers a layer of connection to code and design not yet realized by other tools.