Requirements

These requirements apply to all official pages of the University hosted at utdallas.edu. Official pages are those that represent the major components of the University at the level of home page, gateway/navigation page, school, academic program, division, department, administrative unit, or primary constituent organization. The Web identity standard is generally applied to a template and cascading style sheet (CSS) which are used to base the pages that comprise the departmental Web site presence. Prominent placement of all four of the primary elements listed below is expected and will be enforced by University Web Services. Specific requirements for each include:

Logo

Either the UTD logo or the UT Dallas logo should be placed in the top left corner of the home page and linked to www.utdallas.edu. Please do not use the target function to open the home page link in a new window or tab.

Due to its incorporation of the state of Texas shape, the UT Dallas logo requires minimum negative space and placement constraints. Developers wishing to incorporate the logo should consult the UT Dallas Web Templates page for accepted usage.

UTD Logo
Secondary UT Dallas Logo

See the Logos page for more.

University Colors

The University's official colors are flame orange and eco green. You are expected to feature the University's colors prominently on your Web site. The University has identified seven secondary colors and six neutrals that you may also use.

Typography

Searchability of the text of University web pages is of prime importance. It is important that you develop as much of your page using machine-readable text, (i.e., HTML text) as possible. This will aid Google and other search engines in the effective indexing of the content of your pages. The preferred sans serif font for HTML text is Arial. The preferred serif font is Times New Roman.

The University has a preferred graphic font for identifying the school, academic program, administrative division and administrative departments: FF Din. This usage is specified for the graphic header at the top right of the page, especially in conjunction with the UT Dallas logo.

Title Tags

title tag example

Search engines use page titles (contained within the <title> tags) to find your page and display it in their search results. Create a descriptive, relevant page title for each page on your site to help users and search engines identify it.

Describe your page from specific to general, starting with the page name and ending with the University wordmark. Well-crafted page titles help the user find your pages in their history list, history drop-down menu (next to the back button), and favorites toolbar.

title tag example

Examples:

  • Degrees by School - Academic Programs - The University of Texas at Dallas
  • Office of Research - UT Dallas
  • Courses - Arts and Technology - School of Arts and Humanities - The University of Texas at Dallas
  • Parking and Transportation - Office of Administration - The University of Texas at Dallas

 

Links

Web user studies show the human eye tends to see embedded text links before buttons found in navigation wrappers. To aid end users in finding what they want, the University has specified a links standard. The default color for links is the University's green. You are encouraged to style visited links in the University's orange.

Unvisited link
#008542
Visited link
#C75B12

Avoid "click here" links as they work against scannability. Instead, make links as descriptive as possible, limiting them to four or five words that describe the content on the linked page.

Use of the label "Home" for navigation buttons or text links is restricted to the behavior of pointing visitors to the University's home page only.

Web Applications

Usage of the University's official identity elements and colors lends legitimacy to Web applications that are used to conduct official University business, such as Peoplesoft. Proper display of the University's visual elements helps the end user feel comfortable that (s)he is using a legitimate tool. Conversely, failure to adhere to the Brand Standards can make users feel very uncomfortable using the Web application. Web applications that serve a large proportion of the constituents of the University are expected to adhere to the visual identity guideline. Some Web applications, especially the purchased ones, may present unique constraints that make adherence to all the requirements of this guideline unfeasible. In these cases, the individual sponsoring the Web application should contact the University Web Services department to determine how the application will be customized to suit the University's visual identity requirements.

University Web Services may provide, on request, Web specialists to customize the visual elements of a Web application, whether built by University employees or purchased from a third party. Requests are evaluated on a case-by-case basis for expected utility to end users and expected complexity of visual identity customization. After making a cost-benefit analysis based on these two factors, the director of University Web Services will decide whether to assign a Web specialist for a visual identity customization.