The central guide for brand foundations, how-tos, and patterns.
Use these areas of design to build the foundations of your digital space.
Learn what guides our design system.
Enhance meaning in your interface with color.
Our symbol.
Use these how-tos when building our digital space and writing for our users.
Integrate our patterns directly into your project.
Write like you're talking to a friend.
Use these proven patterns to meet common design needs.
Offer search suggestions as you type.
List groups of terms and descriptions, such as displaying metadata.
Provide users with instant access to live help.
Maintain visual consistency in layouts when some content lacks images.
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.
Display a manageable number of items per page without overwhelming users.