Style Guide

CSU System "C" logo.

Font: Montserrat

Aa

Light

Aa

Regular

Aa

Bold

Colors

Primary
Secondary
Teritiary
Accent

Typography

This is an H2

This is an H3

This is an H4

This is an H5
This is an H6
  • Nunc porta t
  • ristique nibh vel condimentum. Aliquam nisl lorem, cursus in
  • diam non, molestie
  • dignissim dolor. Etiam
  • sit amet eros maximus, cursus enim id, malesuada tellus. Ut gravida,
  1. ex non laoreet venenatis,
  2. libero felis condimentum leo,
  3. vitae convallis dolor dolor a ex.
  4. Quisque euismod dui sit amet magna suscipit, nec feugiat nulla tincidunt.
  5. Nullam magna tortor, ornare vel justo in, lobortis congue orci.

Donec finibus sollicitudin mauris, vitae accumsan libero finibus sed. Maecenas tempus dapibus erat, vel efficitur ipsum. Duis vel lobortis nunc, sed bibendum eros. Sed non augue neque. Proin ac fringilla mauris.

Donec finibus sollicitudin mauris, vitae accumsan libero finibus sed. Maecenas tempus dapibus erat, vel efficitur ipsum. Duis vel lobortis nunc, sed bibendum eros. Sed non augue neque. Proin ac fringilla mauris.

DESIGN MODULES

In addition to the base style, modules can be assigned the following styles

  • reverse
  • gradient
  • accent

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Animated Headline

This page is Amazing

This page is Amazing

This page is Amazing

This page is Amazing

Call to Action

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

This is the heading

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

* Module is using Cover For Skin (style classes don’t apply)

Counter

Cool Number
0
Cool Number
0
Cool Number
0
Cool Number
0

Form

* Only Style

Blockquote

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor. Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor. Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor. Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor. Click edit button to change this text. Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Basic Gallery

Gallery

Alert

Countdown

Days
Hours
Minutes
Seconds

*No Styles

Icon

*No Styles

Icon Box

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Icon List

Image Box

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Media Carousel

* No Styles

Image Carousel

Nav Menu

Posts

Becky Takeda-Tinker, in academic regalia, hands a diploma to a graduating student on stage.
News
jlfrank

Q&A with Becky Takeda-Tinker

As the founding president and CEO of CSU Global, Becky Takeda-Tinker helped pioneer a model designed to meet the needs of nontraditional learners while operating without state funding. In the conversation that follows, she reflects on the founding vision of CSU Global, the challenges of building a new model within a public system, and the leadership principles that have guided her career.

Read More »
CSU System "c"
News
jlfrank

Study: CSU System’s economic impact far exceeds state funding

The Colorado State University System added $1.233 billion to the Colorado economy during the 2024 fiscal year – 5.8 times larger than the $211.6 million it received in state funding – according to the latest Systemwide economic impact report released today. The CSU System generated $2.4 billion in annual economic output, supported nearly 12,000 jobs, and generated an estimated $90 million in tax revenue.

Read More »
NASH logo.
News
jlfrank

Advancing Southwest Colorado’s workforce

The CSU System and NASH are launching a regional workforce initiative to meet Southwest Colorado’s most urgent labor needs. Drawing on CSU Extension’s deep local presence and NASH’s system‑level expertise, the initiative creates short training pathways that move nontraditional learners not currently enrolled in high school or college into high‑demand jobs and respond directly to employer requests for talent.

Read More »
CSU System "c"
News
jlfrank

Another state budget update from Chancellor Frank

The Joint Budget Committee met Monday and then again this morning. And … there’s modest good news here. The actions that affect us include the restoration of a cut that we’d taken during the special session with a net positive impact to the CSU System of $2.2M. The JBC also recommended caps on resident tuition increases at 3.5% and non-resident at 5% for both undergraduate, graduate and professional rates. These are also close to what we’ve been modelling, but the campus enrollment folks will need to analyze market conditions before we recommend anything to the Board there.

Read More »
CSU System "c"
News
jlfrank

State budget update from Chancellor Frank

Bottom-line up front for those of you who know how long these emails can be: the state has yet to set the higher education budget for FY27, and they don’t set our tuition limits until they’ve completed the budget.  There remains substantial uncertainty around the entire state budget, and higher ed, sadly, is often one of the most prominent balancing factors when our elected officials find themselves in a budget bind. So … we find ourselves running up against routine budget planning deadlines within our campuses without the information we need to finalize our decisions.

Read More »
Fountain pen
News
jlfrank

Tony Frank: On research with impact

In February, CSU University Distinguished Professor Ed Barbier became the first economist ever to receive the Planet Earth Award from the Alliance of World Scientists – a coalition of 27,000 scientists worldwide who champion science as a basis for addressing global environmental challenges.

Read More »

Price List

Price Table

Enter your title

Enter your description
$ 39
99
Monthly
  • List Item #1
  • List Item #2
  • List Item #3
Popular

Enter your title

Enter your description
$ 39
99
Monthly
  • List Item #1
  • List Item #2
  • List Item #3
Popular

Enter your title

Enter your description
$ 39
99
Monthly
  • List Item #1
  • List Item #2
  • List Item #3
Popular

Enter your title

Enter your description
$ 39
99
Monthly
  • List Item #1
  • List Item #2
  • List Item #3
Popular

Progress Bar

My Skill
Web Designer 50%

* No Styles

Reviews

John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
John Doe@username
I am slide content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Slides

This is The Heading
Say Something Anything
You Can Do, it.

Tabs

Testimonial

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
John Doe
Designer

Testimonial Carousel

Toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Author Box

Read More

Search Form

Share Buttons

Facebook
Twitter
LinkedIn

Sidebar

Post Comments

Post Info

Post Excerpt

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.

Post Navigation

Classes

Spacing Classes

Can be used on Rows, Columns & Widgets.

  • xsmall-padding
  • small-padding
  • medium-padding
  • large-padding
  • no-padding

 

 

 

 

 

Style Classes:

Style classes can be applied to rows or modules. Interchanging them gives you more options. Please refer to the blocks section for examples. 

  • gradient (gradient background)
  • reverse (primary brand background)
  • accent (accent brand background)
  • parrallax
  • teal-background 
  • orange-background
  • red-background
  • blue-background
  • teal (text)
  • orange (text)
  • red (text)
  • blue (text)

Content Width Classes:

Only applies to rows.

  • content-narrow (800px)