Use the Design System to unify our digital spaces as one place
The central guide for brand foundations, how-tos, and patterns.
The central guide for brand foundations, how-tos, and patterns.
The central guide for brand foundations, how-tos, and patterns.
Use these how-tos when building our digital space and writing for our users.
Integrate our patterns directly into your project.
Write clear, direct content that helps people find and understand information quickly.
Use these proven patterns to meet common design needs.
Offer search suggestions as you type.
Help people take actions like submitting a form.
Help people notice important information on a page.
Provide users with instant access to live help.
List groups of terms and descriptions, such as displaying metadata.
Maintain visual consistency in layouts when some content lacks images.
Ask visitors if they found what they need and invite them to share feedback.
Help users identify interactive elements.
Help users find what they need at the bottom of your page.
Show users they're on a Penn Libraries website.
Draw attention to your main content.
Display an image from Digital Collections.
Help users navigate from one page or website to another.
Format browser tab titles consistently across applications.
Display a manageable number of items per page without overwhelming users.