Skip to main content

Website Design

Design guidelines for BYU’s web space are intended to identify university websites through clear BYU branding, provide a consistent user experience across campus, and offer flexibility for varying communications needs.

The design guidelines emphasize a few key features:

  • HEADER: The header bar includes the BYU monogram at the left for clear university branding. To the right of the monogram is the title of the web page.
  • NAVIGATION BAR: A consistent navigation bar facilitates a user friendly experience across BYU's web space. Industry best practices suggest menus should be limited to five or six items of one or two words each; drop-down menus can show additional items.
  • MAIN CONTENT: Between the navigation bar and footer is your canvas to create whatever content and functionality you need.
  • AREA FOOTER: The area footer includes contact information (left), supplementary links or information (middle), and social media links (right).
  • UNIVERSITY FOOTER: The university footer should be included on all BYU webpages. It indicates university ownership and provides copyright and university contact information.

BYU Websites

Brightspot is a campus website management and hosting service meant to improve and simplify campus web publishing. It provides cloud hosting, security, round-the-clock monitoring, and ADA-compliant accessible design templates.

BYU Websites uses the BYU web design guidelines outlined above. University web pages are strongly encouraged to use BYU Websites.

Web Colors

BYU Colors

Our BYU colors are navy, white, and royal, and these should be the dominant colors in university websites. As in the web theme, the top header bar should be navy; white is an acceptable variation. Navigation bars should be white.