Web Styling | Pepperdine University | Pepperdine Community

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 iconography.

 

Web Colors

Main Colors

 

Pepperdine Blue
#00205c

 

Pepperdine Orange
#ee7624

 

Pepperdine Warm-grey
#968c83

 

Pepperdine Light Shading
#f7f6f5

Supporting Colors

Pepperdine Alt Blue - #0081bc Pepperdine Alt Blue - #0081bc

Rich Black - #00071b Rich Black - #00071b

Text Dark Grey - #414042 Text Dark Grey - #414042

Dark Warm-grey - #6f625a Dark Warm-grey - #6f625a

Hover Orange - #d25f15 Hover Orange - #d25f15

Pepperdine Bone - #f8f3eb Pepperdine Bone - #f8f3eb

Pepperdine Pale Blue - #edf3f8 Pepperdine Pale Blue - #edf3f8

 

 

Iconography

Social Icons

 

 

 

Web Typography

 

H1: Heading One - 36px

H2: Heading Two - 26px

H3: Heading Three - 19px

H4: Heading Four - 15px

H5: Heading Five - 15px
H6: Heading Six - 12px

P: Paragraph - 14px

Text Size Largest

Text Size Larger

Text Size Large

Text Size Normal

Text Size Small

Text Size Small

Text Size Small

Normal link

External site link

Overlay link with icon

 

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

 

Heading 2 with Section Line

 

Heading 2 with line

 

Heading 2 with line & link arrow

 

Heading 3 with line

 

Heading 3 with line & link 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