Guides
Explore the processes and tools we use in our step-by-step written guides.
Coding a page
A step-by-step guide to making a page using Next
Contribute a Component
This document describes the process of contributing a component to our system
Creating Custom Icons
How to use our Icon component with your own SVGs to create a custom Icon
Emoji Guide
Use these guidelines to help make decisions about emojis in product and marketing contexts
Figma Guide
Figma is our tool of choice when designing and using our design system
Migrating to our new palette
This guide will help you understand the evolution of our color palette
Web Performance and SEO Best Practices and Guidelines
Proven strategies and guidelines for optimizing web performance and search engine optimization (SEO)
React Guide
We're going to walk through how to build a feature for the website with our React UI Kit
Why are we using Stitches for WPDS?
Learn about our choice of using Stitches for WPDS
Migrating from Tachyons to Stitches
We've written a dedicated blog post about the differences between Tachyons and Stitches
Using Stitches to style your projects
Via the WPDS UI Kit
User Education Guide
This guide is an introduction to our user education framework
Zeplin Guide
Zeplin is our tool of choice when it comes to hand-off