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 updated 2015 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. NOTE: The university is currently transitioning into a new visual system for the official header which phases out the official typographic treatment, repositions the university seal and is functional on mobile devices. As this work is finalized with input from campus web developers, the new system will be deployed as a required element. Until that time, sites using the fixed and fluid legacy versions as offered through www.udel.edu/modules will be in compliance.
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.