Skip to main content

Official Website

of the Commonwealth of Pennsylvania

    The .gov means its 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. 
    Components

    Teaser

    The Teaser is a robust container that organizes several pieces of content.

    Overview

    The Teaser is a highly robust block of content that can use an image, title, or rich text and can include links to further content or other actions.

    The Teaser can be built of up several components such as the Title, Image, Button, and more. The Teaser is simply the container that organizes and configures the atoms. Please also adhere by each individual component's usage and accessibility guidelines.

    Variations

    The Teaser Component is available in large, medium, and small typography sizes and across desktop, tablet, and phone breakpoints. There are also multiple CTA options, including button, button group, link, icon button, and no CTA.

    Formatting

    Anatomy

    Accordion anatomy diagram
    1. Pretitle (optional)
    2. Display
    3. Body Copy (optional)
    4. Call to Action (optional)

    Content

    Pretitle (Optional)

      • Can represent a category, such as a department name
      Display
      • Main content for the Teaser Component

      Body Copy (Optional)

        • Includes relevant additional information