Official website

of the Commonwealth of Pennsylvania

Keystone Design System

Principles, guidance, and code to help you make accessible, mobile-friendly websites and digital services for the Commonwealth of Pennsylvania.

A collage of components used in the Keystone Design System, including icon cards, list groups, menus, a modal, and others.

Start using the Keystone Design System

Components

Learn when and how to use the components that make up the Keystone Design System.

Components

Foundations

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

Foundations