Skip to main content

Official website

of the Commonwealth of Pennsylvania

    The .gov means it's official.

    Local, state, and federal government websites often end in .gov. Commonwealth of Pennsylvania government websites and email systems use "pennsylvania.gov" or "PA.gov" at the end of the address. Before sharing sensitive or personal information, make sure you're on an official state website. 

    Keystone Design System

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

    Get started
    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