Keystone Design System

A Design System for the Commonwealth

The Keystone Design System provides principles, guidance, and code to help you design and build accessible, mobile-friendly websites and digital services for the Commonwealth of Pennsylvania.

Get Started With Keystone


Foundations are the visual elements needed to create engaging layouts and end-to-end user experiences.

Explore Foundations


Components are the reusable building blocks of our design system.

Explore Components


Ready-to-use responsive layout examples built using mobile-first principles.

Explore Templates