• UC Davis Blue
  $brand--primary
  #002855
• UC Davis Gold
  $brand--secondary
  #daaa00
• White
  $white
  #ffffff
• Black
  $black
  #000000

Primary UC Davis Blue Tints

• $brand--primary-90
  #1A3E68
• $brand--primary-80
  #335379
• $brand--primary-70
  #4D688C
• $brand--primary-60
  #667D9D
• $brand--primary-50
  #7F93AE
• $brand--primary-40
  #99A9BF
• $brand--primary-30
  #B2BDCF
• $brand--primary-20
  #CCD4E0
• $brand--primary-10
  #E5E9EF

Secondary UC Davis Gold Tints

• $brand--secondary-90
  #DEB31A
• $brand--secondary-80
  #E1BB33
• $brand--secondary-70
  #E5C44D
• $brand--secondary-60
  #E9CC66
• $brand--secondary-50
  #ECD47F
• $brand--secondary-40
  #F0DD99
• $brand--secondary-30
  #F4E5B2
• $brand--secondary-20
  #F8EECC
• $brand--secondary-10
  #FBF6E5

Category Brand Colors

• Unitrans Red
  $unitrans-red
  #ba0c2f
• Western Redbud
  $western-redbud
  #c6007e
• California Poppy
  $california-poppy
  #ed8b00
• Golden Lupine
  $golden-lupine
  #ffcd00
• Sunny Grass
  $sunny-grass
  #78be20
• Sky Blue
  $sky-blue
  #00b5e2
• Rec Pool Blue
  $rec-pool-blue
  #008eaa
• Wine Grape
  $wine-grape
  #642667
• MU Brick
  $mu-brick
  #c26e60
• Hart Hall Stucco
  $hart-hall-stucco
  #e6a65d
• Sage Green
  $sage-green
  #9caf88
• Evergreen
  $evergreen
  #00573f
• Winter Sky Gray
  $winter-sky-gray
  #5b7f95
• Centennial Walk Gray
  $centennial-walk-gray
  #b1b3b3
• Cork Oak
  $cork-oak
  #aca39a
• South Hall Shingle Brown
  $south-hall-brown
  #4f2c1d

Primary font: "proxima-nova", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

Primary font italic: "proxima-nova", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

Primary font bold: "proxima-nova", "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

Secondary font: Georgia, "Times New Roman", Times, serif;

Secondary font italic: Georgia, "Times New Roman", Times, serif;

Secondary font bold: Georgia, "Times New Roman", Times, serif;

Monospace font: Georgia, "Times New Roman", Times, serif;

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

.heading--primary

.heading--secondary

.heading--auxiliary

.heading--highlight

.heading--underline

Heading .heading--weighted

Heading .heading--weighted-underline

.heading--invert

.heading--invert-box

A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

  	
P R E F O R M A T T E D T E X T
! " # $ % & ' ( ) * + , - . /
0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~ 

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item, that contains a nested list
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is another nested list item in an unordered list
• This is the last list item

1. This is a list item in an ordered list
2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
3. Lists can be nested inside of each other
   1. This is a nested list item, that contains a nested list
      1. This is a nested list item
      2. This is another nested list item in an unordered list
   2. This is another nested list item in an ordered list
4. This is the last list item

Definition List

A number of connected items or names written or printed consecutively, typically one below the other.

This is a term.

This is the definition of that term, which both live in a dl.

Here is another term.

And it gets a definition too, which is this line.

Here is term that shares a definition with the term below.

And it gets a definition too, which is this line.

And it gets a another definition, which is this line.

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item, that contains a nested list
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is another nested list item in an unordered list
• This is the last list item

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item, that contains a nested list
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is another nested list item in an unordered list
• This is the last list item

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item, that contains a nested list
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is another nested list item in an unordered list
• This is the last list item

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item, that contains a nested list
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is another nested list item in an unordered list
• This is the last list item

• How far away is the Sun?
• Really Far.
• Can you be more clear?
• No, this is why school is important.
• How close is the Sun?
• That's basically the same question as above.

• First Item
• Second Item
• This is the last list item

• This is a list item in an unordered list
• An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
• Lists can be nested inside of each other
  • This is a nested list item, that contains a nested list
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is another nested list item in an unordered list
• This is the last list item

• Unordered List Download
• Unordered List Download
• Unordered List Download

1. This is a list item in an ordered list
2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
3. Lists can be nested inside of each other
   1. This is a nested list item, that contains a nested list
      1. This is a nested list item
      2. This is another nested list item in an unordered list
   2. This is another nested list item in an ordered list
4. This is the last list item

1. Item 1
   1. Item 2
      1. Item 3
         1. Item 4
            1. Item 5

• How far away is the Sun?
• Really Far.
• Can you be more clear?
• No, this is why school is important.
• How close is the Sun?
• That's basically the same question as above.

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6
• Item 7
• Item 8
• Item 9
• Item 10

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6
• Item 7
• Item 8
• Item 9
• Item 10

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6
• Item 7
• Item 8
• Item 9
• Item 10

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6
• Item 7
• Item 8
• Item 9
• Item 10

Button

Primary Button

Alternate Button

Invert Button

Disabled Button

Large Button

Small Button

Block Button

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."

— Author Name

Quick Links+

Quick Links+

Quick Links+

Quick Links+

1. Home
2. Current Page

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• >> Next

• ‹ Previous
• Page 2
• Next ›

• Tab 1
• Tab 2
• Tab 3

• Lorem Ipsum
• Lorem Ipsum
• Lorem Ipsum
• Lorem Ipsum
• Lorem Ipsum
• Lorem Ipsum
• Lorem Ipsum

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit (37 characters)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Position Title

Unit

• 530-234-2233
• 916-599-0922
• Joe@ucdavis.edu
• www.mypage.com
• Room 22 Legendary Hall
• 1 Shields Ave., Davis, CA 95616

9AM-5PM

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.