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


 
 Pepperdine Mid Blue - #003988
 
 Light Shade - #f8f8f8 *
 
 Light Grey-Blue Shade - #eceff0 *
 
 Grey-Blue Shade - #dadfe1 *
 
 Mid Grey - #939393 *
 
 Dark Grey - #6f6f6f
 
 Dark Grey 2 - #434244
 
 Text Black - #231f20

 

*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

Normal link

External site link

 

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

P: Paragraph link with arrow

 

 


List Styles

  • Bulleted list (default)
  1. Numbered list (default)
  1. List Lowercase Letters
  1. List Uppercase Letters
  1. List Lowercase Roman Numerals
  1. List Uppercase Roman Numerals
  • List with No Bullets
  • List No Indent

Bulleted vs. Numbered List Options

Bulleted / Unordered List (ul)

Numbered / Ordered List (ol)

  1. Numbered list (default)
  1. List Uppercase Letters
  1. List Lowercase Letters
  1. List Lowercase Roman Numerals
  1. List Uppercase Roman Numerals
  1. List with No Bullets
  1. 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