Web Styling
Pepperdine websites follow the Pepperdine Brand Identity. There are also web specific style standards in web colors, typography, list styles, table styles, and image sizes.
Web Colors
Main Colors
Pepperdine Blue
#00205c
Pepperdine Alt Blue
#0078b0
Dark Grey 1
#575b5d
White
#ffffff
Pepperdine Orange
#c25700
Supporting Colors
*Note: Color does not have enough contrast to be used as text.
Image Sizes
Impact: 1440 x 430 pixels
Full: 1120 x 525 pixels
Three-quarters: 835 x 440 pixels
Two-thirds: 740 x 370 pixels
Half: 550 x 355 pixels
Third: 360 x 240 pixels
Quarter: 265 x 265 pixels
Web Typography
H1: Heading One - 40px
H2: Heading Two - 34px
H3: Heading Three - 25px
H4: Heading Four - 20px
H5: Heading Five - 18px
H6: Heading Six - 15px
P: Paragraph - 16px
Text Size Largest
Text Size Larger
Text Size Large
Text Size Normal
Text Size Small
Text Size Smaller
Text Size Smallest
H2: Heading link with style: link arrow
H3: Heading link with arrow
H4: Heading link with arrow
H5: Heading link with arrow
H6: Heading link with arrow
List Styles
- Bulleted list (default)
- Numbered list (default)
- List Lowercase Letters
- List Uppercase Letters
- List Lowercase Roman Numerals
- List Uppercase Roman Numerals
- List with No Bullets
- List No Indent
Bulleted vs. Numbered List Options
Bulleted / Unordered List (ul)
- Bulleted list (default)
- List Links
- List with No Bullets
- List No Indent
- List No Indent & List with No Bullets
- List No Indent & List Links
Numbered / Ordered List (ol)
- Numbered list (default)
- List Uppercase Letters
- List Lowercase Letters
- List Lowercase Roman Numerals
- List Uppercase Roman Numerals
- List with No Bullets
- List No Indent
Table Styles
Table with borders and zebra striping
Table with borders and zebra striping | ||
---|---|---|
Table with zebra striping
Table with zebra striping | ||
---|---|---|
Table with borders
Table with borders | ||
---|---|---|