University of Delaware

Digital Branding

Visitors to www.udel.edu experience content across many web pages hosted by a variety of colleges, units and departments. In order to maintain a level of consistency in appearance and functionality, it is recommended that the core elements of a University of Delaware official web header and footer be implemented on every web page. These core elements support the brand platform.

The official University of Delaware header: 

A required element on every University website, the header makes use of the primary logo, official seal and optional search field. Header files are available as a package from the UD IT Header/Footer Repository and should not be altered in any way that would affect the overall provided design.

  • This system is designed to be flexible to work with existing designs on established sites using responsive architecture.
  • Colleges are permitted to display their name within the header, centered beneath the University of Delaware logo. Please coordinate with Communications and Public Affairs through digitalteam@udel.edu to obtain your College specific header file package. Any department, unit or program name must be displayed beneath the header.
  • The provided search utilizes the University offered Google Custom Search Engine (CSE) which is configured to search all of udel.edu. This field is not required and a version of the “search-free” header is also included in the header file package. If you wish to develop a local, custom search, it must be displayed beneath the header.

The official University of Delaware footer: 

A required element on every University website, the footer makes use of the circle UD logo, UD main (@UDelaware) social media accounts, legal notices, general contact and copyright information. Footer files are available as a package from the UD IT Header/Footer Repository and should not be altered in any way that would affect the overall provided design.

  • This system is designed to be flexible to work with existing designs on established sites using responsive architecture.
  • Information specific to department or unit, such as contact info, department/unit name and social media accounts, should be displayed within a localized footer, above the UD footer.

Colors: The University’s color palette is intended to translate from print to web – maintaining brand consistency across the two mediums. The majority of color systems are oriented around the use of the primary blue, with various secondary color systems offered to provide designers flexibility to work with existing systems. *All color decisions need to be considered for avoiding issues with regards to legibility for those visitors with visual impairments. Please refer to the accessibility page  for more information.

The www.udel.edu domain

The www.udel.edu domain is an essential part of the digital brand. As our audience engages with us on digital channels, or reads print URLs in print materials, it is essential for there to be an awareness that “udel.edu” is at the beginning of their engagement with us – the place where they can find out what is happening at UD today. Requests for new URLs and subdomains are reviewed for their strategic value to the stakeholder, and against the backdrop of the larger digital brand experience. The digital team does not recommend the use of case-sensitive URLs; they are not user-friendly and require additional redirects to work on www.udel.edu.

Official fonts/web typography:

Typography has made many advances for web developers in recent years. APIs such  Google fonts make is possible to go beyond native system fonts to design pages and improve the user experience. These systems are designed to deprecate gracefully to cross-platform fonts and CSS font-family properties. (ex: ‘Arial’, sans-serif;)

Currently, the digital team uses the Google font API with “Open Sans” to approximate Myriad Pro, and “EB Garamond” to approximate Garamond Premiere Pro. In both cases, the best practice is to fall back to a fail-safe system font by means of CSS font-family: ‘sans-serif’ or ‘serif”.

Presentations

As students, faculty and staff communicate on and off campus, portable and online presentation software platforms like PowerPoint, Prezi and Google Presentations/slides are commonly utilized. The digital team offers presentation themes with essential institutional branding. Use of these assets is encouraged so that our University of Delaware brand is presented alongside the powerful ideas being broadcast in-person and online.