Separator
A line for adding visual space and separation between content or other page elements.
Line defaults to light gray and 1px width — color and size can be changed to highlight or emphasize content.
Using default light grey; 1 px
Using skyblue color; 1px
Using penn red color; 4px; 50% size; center align.
LIVE SITE EXAMPLES:
- using default light grey; 1px:
https://executivemba.wharton.upenn.edu/admissions/contact-us/ - using Penn red color; 6px: https://lipmanfamilyprize.wharton.upenn.edu/meet-2016-honorees/
Separator with Text
Light gray line with text provides visual space and separation between content or other page elements.
Line defaults to light gray and 1px width, centered text.
Student Perspective
Text can be centered, left or right aligned. Text font and size is fixed, and cannot be changed. Line color and size can be changed to highlight or emphasize content.
Using skyblue and 4 pixel; left aligned title “WELCOME”
Welcome
LIVE SITE EXAMPLES:
- using default grey and 1 pixel; centered title “Student Perspective” text http://mba.wharton.upenn.edu/academics/
- using skyblue and 1 pixel; left aligned title “WELCOME” https://hr.wharton.upenn.edu/