Colors used on the Penn Web
The colors used on the Penn Web are consistent with the
colors used in the Penn logo but use slightly different hexidecimal codes.
-
Hex: #95001a
RGB: (149, 0, 26)
-
Hex: #01256e
RGB: (1,37,110)
-
Hex: #f1f1f1
RGB: (241,241,241)
-
Hex: #4b4b4b
RGB: (75,75,75)
-
Hex: #cac5bb
RGB: (202,197,187)
-
Hex: #f2c100
RGB: (237,190,0)
-
Hex: #6d0e0e
RGB: (109,14,14)
-
Hex: #ba191f
RGB: (186,25,31)
Typography used for the Penn Web
Item |
Font |
Size |
Color |
| 1. |
Utility (Gold) Navigation |
"Arial Narrow",Arial,Helvetica,sans-serif; |
12px
uppercase |
#F2C100 |
| 2. |
Primary (white) Navigation |
Georgia,"Times New Roman",Times,serif; |
18px |
#FFFFFF |
| 3. |
Heading Level 1 (H1) |
Georgia,"Times New Roman",Times,serif; |
36px |
#FFFFFF
Background: #95001a |
| 4. |
Heading Level 2 (H2) |
Georgia,"Times New Roman",Times,serif; |
24px, italic
|
#95001a |
| 5. |
Heading Level 3 (H3) (in main content section of page) |
Helvetica, Arial, Sans-Serif |
16px,
Bold |
|
| 6. |
Heading Level 4 (H4) |
"Arial Narrow",Arial,Helvetica,sans-serif |
15px,
Bold,
Uppercase |
#95001a |
| 7. |
Heading Level 5 (H5) |
Helvetica, Arial, Sans-Serif |
13px,
Bold |
Default color |
| 8. |
Default Paragraph text |
Helvetica,Arial,sans-serif; |
13px |
#2B2B2B |
| 9. |
Sidebar Heading (H3) |
"Arial Narrow", Arial, Helvetica, Sans-Serif - |
16px,
Bold,
uppercase |
#95001a or #2B2B2B |
| 10. |
Sidebar Navigation |
Arial, Helvetica, sans-serif |
15px.
Bold |
#FFFFFF
Background: #95001a |
View Penn Web Templates
Download Penn Logo
