Our department provides website management and development services for La Sierra University. If you would like to discuss website publishing access or a related web project, please contact us.

Marcelo Vetter Web Manager

Phone: (951) 785 2629
E-Mail: webeditor@lasierra.edu

Style Guide

Title Styling

There are 5 title sizes available in two different styles. If you chose to use the Serif style and the Sans style together, the Sans style should be secondary. 

Title 1 Sans

Title 2 Sans

Title 3 Sans

Title 4 Sans

Title 5 Sans
Title 6 Sans

Title 1 Serif

Title 2 Serif

Title 3 Serif

Title 4 Serif

Title 5 Serif
Title 6 Serif

Text Styling

Text may be displayed as Lead copy as well as Body copy. Lead copy is to be used for the first several lines of a page or article. All other text should be set as body copy. Several text styling options may be used as well. These include bold, italic, underline, subscript, superscript, and strikethrough.  

Lead Paragraph

This is what a lead paragraph looks like. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Body Paragraph

This is what regular body paragraph looks like. Maecenas tincidunt risus non dui facilisis, at suscipit nunc pellentesque. Phasellus vitae imperdiet nibh. Maecenas sollicitudin consectetur tortor, sed tempor est. Etiam sit amet ipsum vitae velit imperdiet luctus a vel metus. Suspendisse dictum mollis tellus, ac venenatis dui. Ut vestibulum aliquam vehicula. Proin blandit libero sem, sed pretium nulla bibendum in. Maecenas diam nulla, rutrum quis gravida eget, eleifend vel augue. Duis posuere sit amet justo id efficitur.

Text Styles

Bold Text
Italicized Text
Underlined Text
Strikethrough Text
TextSubscript, TextSuperscript

Icons Styling

There are several options when it comes to creating a set of icons to use on landing pages. 

Left Icon Round

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis.

Left Icon Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis.

Left Icon with no background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis.

Right Icon Round

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis.

Right Icon Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis.

Right Icon with no background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin faucibus tempor mattis.