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.
August 23, 2023How to use the WPDS Carousel component in your Figma design
June 9, 2023Tailwind WPDS Theme
May 31, 2023Web Performance and SEO Best Practices and Guidelines
March 27, 2023Creating Custom Icons
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 topics 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.