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

Foundations

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

Explore foundations

Components

Components are the reusable building blocks of our design system.

Explore components