Component Library Style Guide

Hero Section

The hero is used as a page title with a supporting image, be sure to disable the “Enable Page Title” selector at the bottom of the page builder.

About JSU

Home Hero Section

The Home Hero is used as a page title with a supporting image, description text and two CTAs. The Home Hero is used only on the homepage and college homepages. Be sure to disable the “Enable Page Title” selector at the bottom of the page builder.

Type Styles

Heading 1

Heading 2

Heading 3

Heading 4

Body Content

The Body Content is used as a page overview with subheadline, description text, and up to two CTAs. The Section menu for the page is selected in the left column using the Global Sidebar Nav.

Ready to Be a Tiger?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Schedule A Visit

Quickfacts

3 and 4 column Quickfacts

Quickfacts are used to display accolades or interesting figures. An icon must be selected from the media library. There are two text sections, one for the large text for the fact or figure, and a second for the smaller text.

1,597

Bachelor degrees
awarded in 2020.

#7

ranked HBCU by
College Consensus.

51K

alumni worldwide.

$61K

average salary for communications professionals.

151K

predicted new communications jobs in the next decade.

792

scholarships awarded in 2020-2021
school year.

3

different labs offered in video, design, and journalism.

Icons

Callouts

Flush Image 3 Button and 2 Button

The Callout / Flush Image functions as a two-column callout with Headlines, CTAs, and Descriptive text supported but a full-width image.

Challenge Minds, Changing Lives

Apply

Visit

Request Information

At JSU, we prepare our students to be global leaders by challenging them to improve themselves and inspiring them to go further. Our emphasis on fully integrated learning means your education goes beyond the classroom and into the lab, the community, and the world. Here, you will find countless opportunities to realize your full potential.

Challenge Minds, Changing Lives

Apply

Visit

Two Column (Left and Right)

The Callout / Two Column is likely to be the most used component. With Headline, Descriptive Text, Supporting Image, and up to 3 CTAs this component is the most effective for on-page navigation and promotion of content. The background color and type color can be custom edited. Two Column callouts should “zig-zag” down the page in a Z pattern for best readability and usability. For added dimension and texture, a Divider Line can be added using a 1/2 Column Wrapper.

Housing & Dining at JSU

With seven residence halls and several meal plans to choose from, you can experience the convenience of living close to classes and all the amenities JSU offers. Plus, our Housing and Residence Life association organizes ongoing activities so you can get involved.

Explore Residence Life at JSU

See JSU Dining Options

Learn at a Top Research University

We are a designated high research activity school with an emphasis on interdisciplinary collaboration and over $25.8 million in funding each year. From our pre-accelerator program, EnRICH, to our Center for Innovation and Entrepreneurship (CIEED), JSU helps our students and faculty bring their work into the world.

Explore Research Opportunities

Degree Outcomes

Mass Communications graduates have gone on to become successful sports analysts, radio personalities, DJs, TV broadcasters, reporters, and more. In fact, our department chair, Dr. Elayne H. Anthony ’73, broke barriers as the first Black woman anchor at WJTV Channel 12, Jackson’s oldest TV station.

With the 24 hour news cycle and digital media expanding, the Bureau of Labor Statistics predicts communications jobs will grow by 14% in the next decade—more than double the average rate of 5%. And with a Mass Communications degree from JSU, you will be well-positioned to make a career in the industry you are passionate about.

Financial Aid & Scholarships

When you join the Jackson State University family, you join a legacy of excellence stretching back to our founding in 1877. Our emphasis on combining outstanding academics with a caring, nurturing environment empowers and prepares you to become a leader, in whatever you choose to do.

With over 90 comprehensive programs at the undergraduate, graduate, and professional levels, high research activity, and cutting-edge technology, JSU has something for everyone.

Explore JSU Scholarships

Learn More About FAFSA

Net Price Calculator

Two Column Quote

The Callout / Two Column Quote is used to highlight important quotes, stories, and voices. The component has Eyebrow text to denote what type of quote (Featured Faculty, Students on Outcomes, Alumni Voices, etc.), Quote Text, Attribution, Descriptive Text, 1 CTA, and a supporting Image.

Featured Staff

"I want to highlight the roles that Black people have played in American history and history at large. I want to have a career that helps bring our stories to life.”

-Alissa Rae, Margaret Walker
Center Oral Historian

While we welcome and serve a diverse student population, our strong HBCU roots influence everything we do. The CLA plays a large part in contributing to Black culture and history through our Margaret Walker Center.

Visit the Margaret Walker Center

Featured Staff

"I want to highlight the roles that Black people have played in American history and history at large. I want to have a career that helps bring our stories to life.”

-Alissa Rae, Margaret Walker
Center Oral Historian

Visit the Margaret Walker Center

Two Column (1 Button, 2 Button, 3 Button)

The Callouts / Two Column are used to highlight specific messaging and are to be used with a specific hexagonal background that must be selected from the media library and aligned bottom right with the blue background color and set to non-repeat. This component supports a headline, descriptive text and up to 3 CTAs.

Short
Display Headline

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Action

Two Column Billboard

The Callout / Two Column Billboard is used to segment links that might need more context or feature in the understanding or navigation. The billboard populates 6 cards, but you can add or delete as you go by easily duplicating or removing. The Billboard has a Headline and Descriptive Text, each card has A headline, descriptive text, CTA, and supporting image.

Medium Length Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus felis. In sollicitudin tempor molestie. Vestibulum at arcu posuere, rhoncus ex at, consequat tortor. Mauris vel mattis ipsum.