v1.6.0
    • Get started

      Install the package, load its styles and components, and build your first page.

    • Foundations

      The content guide, CSS utilities, tokens, and the principles behind every pattern.

    • Patterns

      Every pattern with a live example, when to use it, and where it's already in use.

    Logo

    Use our logo to identify Penn Libraries in your digital space.

    When to use

    Use our logo in all official content and communications, including presentations, posters, and websites.

    The header includes the logo, a space for your website service name, and more.

    Update any older versions of the logo you find. Following these guidelines helps maintain a consistent brand across our digital spaces.

    How to use

    Keep the logo width at least 180 pixels for legibility. Always resize the logo proportionally.

    Use the blue variant on white backgrounds:

    Penn Libraries logo

    Download the Penn Blue logo (PNG)

    Use the white variant on dark backgrounds:

    Penn Libraries logo in white

    Download the white logo (PNG)

    Relevant guidelines

    Design System

    Get started Foundations Patterns Release notes · v1.6.0 Design notes