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

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

Zeplin Guide
Zeplin is our tool of choice when it comes to hand-off