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 web header: A required element on every University website, the web header makes use of the primary logo, official seal and an optional college/departmental lockup system. In the Style Guide’s “Identity System” this is referred to as the “Primary lockup system”. A hierarchical system allows the University, the college and the department/center to be recognized consistently across www.udel.edu. This system is designed to be flexible to work with existing designs on established sites.
- Available in blue or white. *No alterations allowed
- Responsive architecture
- Search region- The University offers the Google Search Appliance (GSA) for site search. In order to be flexible, the search region is not required on sites with a native search: (ex: WordPress or enterprise CMS)
- Coming in late Winter 2014: Code Repository and Packages (BitBucket, HTML/CSS base, forked to various platforms)
The official University of Delaware footer: A required element on every University website, the footer makes use of the primary logo, legal notices and general contact and copyright information. This is a brand-compliant but flexible system that allows for customizations. Many sites currently utilize the footer system offered through http://www.udel.edu/modules which includes options for self-hosting files and overriding defaults. For experienced developers, this code is easily modified to work for responsive breakpoints. In order to create functional systems for mobile viewing, the primary logo is not required for the phone break-point, as the University is represented by the address information.
- Offered in blue or white (for pages with background color)
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”.
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.