The emergency banner is used for critical health, safety, and disaster alerts impacting the university or state. It will also include links to relevant websites and detailed information. The banner can be closed after reading.

This page showcases all the user interface elements included in the theme, including buttons, button styles, icons, and color options. These elements are carefully designed to align with the theme’s look and feel.

Buttons

Buttons serve as clear calls to action, guiding users toward key tasks or information. Use distinct styles, such as primary and secondary buttons, to establish a visual hierarchy and help visitors identify the most important next steps.


WHITE BUTTON

Standard size

Small size

BLUE BUTTON

Standard size

Small size

Navigation

Navigation elements help users move through the website with clarity and confidence. Arrows, directional links, and navigational buttons provide intuitive pathways between pages, content sections, and interactive components while reinforcing a smooth and consistent user experience.


WHITE

white background circular ui buttons

BLUE

blue circular button ui elements

Key Guidelines:

  • The elements, colors, and states shown here are the only options available and have been designed to follow brand guidelines.
  • Maintaining consistency with these options ensures the integrity of the theme and preserves the overall branding.
  • Use these components as provided—avoid customizing colors, shapes, or states outside of what’s shown.
  • Consistent use of these elements across pages helps create a cohesive and professional user experience.
  • These tools give content creators a ready-to-use toolkit for building pages while keeping design, usability, and branding standards intact.