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

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

Explore Foundations

Components

Components are the reusable building blocks of our design system.

Explore Components

Templates

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

Explore Templates