Web Theme

BYU’s web theme is designed to

  • identify university websites through clear BYU branding,
  • provide a consistent user experience across campus, and
  • offer flexibility for varying communications needs.

Should I Use the Theme?

All BYU entities must use the university web theme, including:

  • colleges, schools, and academic departments, centers, and programs
  • major administrative offices and functions
  • major support services and auxiliaries
  • BYU-branded labs, clubs, centers, and athletics

Major retail entities and auxiliaries, BYUtv, and athletics may have some variation of the theme but should still align with the theme’s basic principles and university branding.

BYU Websites

BYU Websites, the university’s new website-building and hosting service, will include an expanded version of the theme when it launches in 2019. All websites that use BYU Websites will automatically use the theme.

Theme Features

The header, navigation bar, and footers are responsively designed (adapt to different browser widths), meet accessibility requirements, and can be used in almost any content management system or programming environment.

 

The theme has been built by the cross-disciplinary BYU web community. If you have specific needs that the theme does not accommodate, please join the web community and start a conversation about your needs.

Branding

The navy blue BYU header bar includes space at the left for university and entity branding.

  • The web theme includes a text option that pairs the BYU monogram with the web page title. This is recommended for most sites.
  • If you have an approved visual identity for your organization, that visual identity could be uploaded here as an image.

The header includes optional features at the right (search field and user sign-in).

Navigation Bar

Your website menu appears in the white bar below the header. Per industry best practices, your menu should be limited to five or six items of one or two words each. If you cannot limit the menu, the far right menu item will become a “more” button, which activates a drop-down menu to show additional options.

 

To identify menu items for your website, measure what users do on your site, prioritize the relevant tasks, and use those prioritized tasks to create the menu.

Main Content Area

Between the navigation bar and footer is your canvas to create whatever content and functionality you need. The web community is developing a series of features (such as a hero image) that will be available for use, or you may find or create your own elements. Join the web community to learn about features as they become available—or, better yet, to help create the elements you and others need.

Area Footer

The area footer includes contact information (left column), supplementary links or information (middle column), and social media links (right column).

University Footer

The university footer should be included on all BYU webpages. It indicates university ownership and provides copyright and university contact information.