Skip to main content

Resource: font.css (on Google Drive)

 

— All fonts use default typeface —

  • Body text: font size 16px, color: #333, weight=300, link text color: #003262 (Berkeley Blue)
  • Headers: font family: “freight-micro-pro”, “Georgia”, serif; color: #003262 (Berkeley Blue), weight=400
  • Bullet text color, and its link text color should be the same as regular body text colors

H1: 44px, Weight 400 {Reserved for Page Title}

(Header can be made into links but not recommended, for the consistency of user experiences and look)

Sed leo felis, convallis in quam ac, dapibus hendrerit dolor. Nulla facilisi. Ut auctor sem sit amet tincidunt eleifend. Nullam tellus nisl (link text underscored), sagittis ac vulputate sed, pharetra nec odio. Suspendisse efficitur metus non sapien (<em><strong>…</strong></em>) tincidunt, vel luctus mi pulvinar. Etiam vel diam leo. Mauris id nunc sagittis, venenatis ex at, bibendum dolor.

  • Suspendisse efficitur metus non sapien tincidunt,
  • vel luctus mi pulvinar. Etiam vel diam leo.
  • Mauris id nunc sagittis (<em><strong>…</strong></em>), venenatis ex at, bibendum dolor.
  1. Suspendisse efficitur metus non sapien tincidunt,
  2. vel luctus mi pulvinar. Etiam vel diam leo.
  3. Mauris id nunc sagittis (<em><strong>…</strong></em>), venenatis ex at, bibendum dolor.

H2, 30px, beginning of body text headers, 

Sed leo felis, convallis in quam ac, dapibus hendrerit dolor. Nulla facilisi. Ut auctor sem sit amet tincidunt eleifend.

H3, 26px

In nisi tellus, tristique eget felis quis, laoreet rhoncus ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris iaculis ipsum congue leo pretium, at luctus quam lacinia. Aliquam pretium vestibulum sollicitudin. Cras tempor lectus ac ligula eleifend venenatis. Sed libero velit, luctus non tortor in, rutrum dignissim tortor.

H4, 22px

Mauris elementum, justo ut tempor pellentesque, est ligula efficitur magna, finibus blandit ligula est ut elit. Aliquam viverra eros id condimentum rutrum. Mauris vulputate dui neque, vitae lobortis lacus bibendum in.

H5, 20px

Mauris elementum, justo ut tempor pellentesque, est ligula efficitur magna, finibus blandit ligula est ut elit. Aliquam viverra eros id condimentum rutrum. Mauris vulputate dui neque, vitae lobortis lacus bibendum in.

H6, 18x

Mauris elementum, justo ut tempor pellentesque, est ligula efficitur magna, finibus blandit ligula est ut elit. Aliquam viverra eros id condimentum rutrum. Mauris vulputate dui neque, vitae lobortis lacus bibendum in.

“Announcement” & “Intro” Classes

Class=”announcement”: #EB0000, 16px, Margin: 0 0 7; Padding 20 0 0

Class=”intro”: #333, 26.992px, Margin: 20 0

Fonts (Accordion title)

Top Nav Font

Color
color:
#333333
color:
rgb(51, 51, 51)
background-color:
#000000
background-color:
rgba(0, 0, 0, 0)
Font
font-family (stack):
Arial, Helvetica, sans-serif
Font being rendered:
Arial
100.0%
font-size:
15px
Sidebar Nav (p and li) Font

Color
color:
#003262
color:
rgb(0, 50, 98)
background-color:
#000000
background-color:
rgba(0, 0, 0, 0)
Font
font-family (stack):
“Open Sans”, Arial, Helvetica, sans-serif
Font being rendered:
Open Sans
100.0%
font-size:
15px
CTA Block Font

Color
color:
#333333
color:
rgb(51, 51, 51)
background-color:
#000000
background-color:
rgba(0, 0, 0, 0)
Font
font-family (stack):
“Open Sans”, Arial, Helvetica, sans-serif
Font being rendered:
Open Sans
100.0%
font-size:
15px


Note
: Links color will be #003261 or rgb(0, 50, 97)]   –> should be #003262, Berkeley Blue, branding color