Welcome
What's new
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.
November 5, 2024
Emoji GuideSept 25, 2024
User Education GuideAugust 23, 2023
How to use the WPDS Carousel component in your Figma designJune 9, 2023
Tailwind WPDS Theme
Getting started
Dive Deeper
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.
User Education Guide
This guide is an introduction to our user education framework. By the end of this document, you will have learned the following - Evaluate user education needs based on detail, engagement, and communication type. Apply best practices to select the right components and design effective user education experiences.
Emoji Guide
Use these guidelines to help make decisions about emojis in product and marketing contexts. (Newsroom follows its own style guide.)