This is the Newman University Site Style Guide and serves as a visual and code reference to the digital design elements found throughout Newman University's websites and print material. If you are looking for the Visual Identity Guidelines, click here.

Brand

Brand Colors

$color-primary: #061C41
.bg-primary

$color-secondary: #961c0f
.bg-secondary

$color-gray #808080
.bg-gray

Typography

Primary font: Montserrat
Secondary font: Libre Baskerville (primarily used for header tags and styled italic)

Heading Tags

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

General Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus libero tellus, semper id bibendum at, finibus ut risus.

Mauris tincidunt mi odio. Fusce id tortor eu mauris scelerisque posuere eget quis ante. Maecenas iaculis faucibus odio in rutrum. Nunc feugiat nulla eget eros faucibus, eu rutrum orci lobortis. Suspendisse congue viverra iaculis. Suspendisse justo metus, finibus quis tincidunt³⁴ sit amet, elementum hendrerit nunc.

List items one
List items two
List items Three

Heading Accents

Header Accent 1 Primary

Header Accent 1 Secondary

Header Accent 1

Header Accent 2

Header Accent 3

Header Accent 4

Icons / Font Awesome

We use Font Awesome version 5.14 (free version).

Buttons & Links

Primary Secondary Gray Primary Light Secondary Light Success Warning Light Dark

Blurry Button Blurry Button Dark

Button with icon

This is a bold link

This is a bold link primary

Bootstrap Components

Not all components are loaded. Only those that we often use. See here.

Tab home content

Profile tab content

Contact tab content

This tab is disabled.

Accordion

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the first item's accordion body.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the second item's accordion body. Let's imagine this being filled with some actual content.

Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.

First slide label

Some representative placeholder content for the first slide.

Second slide label

Some representative placeholder content for the second slide.

Third slide label

Some representative placeholder content for the third slide.

Group List

CTA Hover Slider

SHH Initiative

Support a development of a re-imagined Sacred Heart Hall to empower the 21st century Student Experience.

Learn More

Athletic Initiative

Support the development of facilities that elevate NU student-athletes to new heights of excellence.

Learn More

90th Initiatives: Endowments

Support and empower NU's future by creating or contributing to a new endowment or other designated major gift fund.

Learn More