Web Guidelines

It's a digital — and mobile — world. Correct branding here is a must.

Digital content should adhere to university standards to create a cohesive voice for the university. These guidelines are intended to help digital publishers and creators to represent The University of Texas at Austin professionally and consistently on all digital platforms.

In addition to style considerations, University Marketing and Communications takes seriously our charge to provide an excellent user experience for all audiences, setting university-wide standards for usability, digital platform branding and domains. These standards are also outlined in this guide.

Accessibility

All digital entities, applications and sites at The University of Texas at Austin must meet the requirements in Texas Administrative Code 206.70 Accessibility Standards (TAC 206.70), which references the U.S. Section 508 standards.

All websites and applications at The University of Texas at Austin must meet the requirements stated in the university’s Web Accessibility Policy.

The University employs the Acquia Optimize Tool (formerly Monsido) to test all websites for both accessibility and quality assurance. Email accessibility-assessments@utlists.utexas.edu to request a Acquia Optimize scan for your web site, or an accessibility review for your application.

Additionally, developers are encouraged to test their pages using screen reading tools such as WAVE, JAWS, and the iPhone accessibility features, to ensure that they are accessible.

Browser requirements

The University of Texas at Austin’s websites and Apps (except where a piece of vender technology has other requirements) support the latest browser technology -2 major versions.

Web Philosophy

The web philosophy is meant to drive the transformation of UT’s digital content from a largely organization-based information architecture to an audience-focused, task- and content-based philosophy. This philosophy is the basis for the Web Policy. Read the Web Philosophy

Web Policy

Think of the associated Web Policy as a user’s guide to implementing the Web Philosophy. Following the policy will help you create the best possible web content for your users while you improve your website’s usability, accessibility, readability, and searchability. The time spent on your website will come back to you in less time spent answering basic user questions or supporting common actions allowing you to concentrate on advanced support or creating new offerings. Read the Web Policy

Brand Bar

The Brand Bar, is a tool used to communicate to our audiences that your website or app is an officially endorsed part of the University of Texas at Austin and a consistently implemented route back to the TEXAS homepage.

It is required for all official college, school, and unit websites at The University of Texas at Austin, with the below exceptions:


If you’re unsure whether you’re required to use the University Brand Bar, contact University Communications.

For any questions about the Brand Bar, contact University Marketing and Creative Services.

Here is some code that you can copy paste into your project to use the bar.


Brand Bar Code
<div style="display: block; background-color: #bf5700; height: 40px; text-align: center;"> <a href="http://www.utexas.edu" style="float: right; margin-right: 1rem; margin-top:0;"><span style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0">University of Texas at Austin</span> <span style="max-height: 25px; margin-top: 9px; display: block; max-width: 100%; height: auto;"> <svg id="UTexas" xmlns="http://www.w3.org/2000/svg" width="115px" height="25px" viewBox="0 0 154 34" xml:space="preserve"> <g id="ShieldTexas" style="fill:#ffffff;"> <path id="S" d="M148.3,14.1l-4.5-2c-2.1-0.9-3.7-2.3-3.7-4.4c0-2.6,1.8-4.3,4.9-4.3c2.3,0,3.6,0.9,4.6,1.9 l1.1,3.6h2V3.6c-2-1.4-4.7-2.3-7.1-2.3c-5.4,1.1-9.3,3.6-9.3,7.9c0,3.5,2.3,5.3,5.1,6.5l4.7,2.1c2.3,1,4.1,2.5,4.1,5.2 c0,2.9-2,5-5.3,5c-2.2,0-4.3-1-5.5-2.5l-1.4-3.3h-2.7l0.9,5.3c2.1,1.6,4.5,2.7,8.1,2.7c7.3-1.5,9.8-5.1,9.8-8.7 C154,17.4,151.3,15.4,148.3,14.1z"></path> <path id="XA" d="M121.8,1.7l-2.3,0.7l-9.7,25.3l-1.9,0.3l-1.9-0.3l-8.7-12.8l8-11l3-0.4L108.2,2l-4.6,0.1 L99.1,2l-0.2,1.4l3.4,0.5L96.1,13l-5.5-9.1l3.3-0.5L93.7,2l-5.5,0.2L82.6,2l-0.2,1.4l3,0.4L93.5,16l-8.4,11.6L82,28l0.2,1.4 l4.4-0.1l4.6,0.1l0.2-1.4l-3.2-0.5l6.7-9.7l6.1,9.7L97.6,28l0.2,1.4l5.6-0.1l4.6,0.1l3.2-0.1l4.7,0.1l0.2-1.4l-3.4-0.5l2.5-7.3 h9.6l2.7,7.3l-3.3,0.5l0.2,1.4l5.2-0.1l5.4,0.1l0.2-1.4l-3-0.4L121.8,1.7z M115.7,18.4l4-11.7l4.3,11.7H115.7z"></path> <polygon id="E" points="76.5,27.5 65.7,27.6 65.7,15.9 71.2,16 72.8,20.1 74.1,20.1 73.7,14.9 74.1,10 72.8,10 71.2,14.1 65.7,14.2 65.7,3.9 76.1,4 78.3,9 79.6,9 79.2,2 63.7,2.1 58.3,2 58.1,3.4 61.6,3.9 61.6,27.6 58.1,28.1 58.3,29.4 63.7,29.3 79.2,29.4 80.6,22.2 79.1,22.2 "></polygon> <polygon id="T" points="33.5,2 33.5,8.9 35.1,8.9 36.9,4 42.7,3.9 42.7,27.6 38,28.1 38.2,29.4 44.8,29.3 51.1,29.4 51.3,28.1 46.8,27.6 46.8,3.9 52.7,4 54.5,8.9 56,8.9 56,2 44.7,2.1 "></polygon> <path id="Laurel" d="M21.7,21.3c-0.3,0.3-0.7,0.6-1.2,0.7c0.1-0.5,0.3-0.9,0.6-1.2c0.3-0.3,0.7-0.6,1.2-0.7 C22.2,20.6,22,21,21.7,21.3L21.7,21.3z M20,18.7c-0.1-0.5,0-0.9,0.2-1.3c0.3,0.3,0.5,0.8,0.6,1.2c0.1,0.5,0,0.9-0.2,1.3 C20.3,19.5,20.1,19.1,20,18.7L20,18.7z M21,15.2c-0.1-0.5,0-0.9,0.1-1.3c0.3,0.3,0.5,0.7,0.6,1.2c0.1,0.5,0,0.9-0.1,1.3 C21.3,16,21,15.6,21,15.2L21,15.2z M23.1,16.2c0,0.5-0.1,0.9-0.3,1.3c-0.2,0.4-0.6,0.7-1,0.9c0-0.5,0.1-0.9,0.3-1.3 C22.4,16.7,22.7,16.4,23.1,16.2L23.1,16.2z M19.8,24.8c-0.4,0.3-0.8,0.4-1.3,0.4c0.2-0.4,0.4-0.8,0.8-1.1c0.4-0.3,0.8-0.4,1.3-0.4 C20.4,24.2,20.2,24.5,19.8,24.8L19.8,24.8z M18.7,21.9c0-0.5,0.2-0.9,0.5-1.3c0.2,0.4,0.3,0.8,0.3,1.3c0,0.5-0.2,0.9-0.5,1.3 C18.8,22.8,18.7,22.3,18.7,21.9L18.7,21.9z M17.5,25c-0.1,0.4-0.4,0.8-0.7,1.1c-0.1-0.4-0.1-0.9,0-1.3c0.1-0.4,0.4-0.8,0.7-1.1 C17.6,24,17.7,24.5,17.5,25L17.5,25z M18.2,27c-0.2,0.4-0.6,0.7-1,0.9C16.9,28,16.6,28,16.3,28l0,0c-0.1,0-0.3,0-0.4,0 c0.2-0.4,0.6-0.7,1-0.9C17.3,26.9,17.8,26.9,18.2,27L18.2,27z M14.3,27.1c0.2-0.4,0.6-0.7,1-0.9c0,0.5,0,0.9-0.3,1.3 c-0.2,0.4-0.6,0.7-1,0.9C13.9,28,14,27.5,14.3,27.1L14.3,27.1z M9.1,27.8c-0.4-0.2-0.8-0.5-1-0.9c0.4-0.1,0.9,0,1.3,0.2 c0.4,0.2,0.8,0.5,1,0.9C10,28.1,9.6,28,9.1,27.8L9.1,27.8z M8.8,25c-0.1-0.4-0.1-0.9,0-1.3c0.4,0.3,0.6,0.7,0.7,1.1 c0.1,0.4,0.1,0.9,0,1.3C9.2,25.8,8.9,25.4,8.8,25L8.8,25z M11.1,26.2c0.4,0.2,0.7,0.5,1,0.9c0.2,0.4,0.3,0.9,0.3,1.3 c-0.4-0.2-0.7-0.5-1-0.9C11.2,27.1,11.1,26.6,11.1,26.2L11.1,26.2z M6.5,24.8c-0.4-0.3-0.7-0.6-0.8-1.1c0.5,0,0.9,0.2,1.3,0.4 c0.4,0.3,0.7,0.6,0.8,1.1C7.4,25.2,6.9,25.1,6.5,24.8L6.5,24.8z M7.1,20.6c0.3,0.4,0.5,0.8,0.5,1.2c0,0.5-0.1,0.9-0.3,1.3 c-0.3-0.4-0.5-0.8-0.5-1.3C6.8,21.5,6.9,21,7.1,20.6L7.1,20.6z M4.6,21.3c-0.3-0.3-0.5-0.8-0.6-1.2c0.4,0.1,0.8,0.3,1.2,0.7 c0.3,0.3,0.5,0.8,0.6,1.2C5.3,21.9,4.9,21.7,4.6,21.3L4.6,21.3z M4.5,18.4c-0.4-0.2-0.8-0.5-1-0.9s-0.3-0.9-0.3-1.3 c0.4,0.2,0.8,0.5,1,0.9C4.4,17.5,4.5,18,4.5,18.4L4.5,18.4z M4.6,15c0.1-0.5,0.3-0.9,0.6-1.2c0.2,0.4,0.2,0.9,0.1,1.3 c-0.1,0.5-0.3,0.9-0.6,1.2C4.6,15.9,4.5,15.5,4.6,15L4.6,15z M5.5,18.5c0.1-0.5,0.3-0.9,0.6-1.2c0.2,0.4,0.3,0.9,0.2,1.3 c-0.1,0.5-0.3,0.9-0.6,1.2C5.5,19.5,5.4,19,5.5,18.5L5.5,18.5z M21.7,19.1c0.7-0.2,1.3-0.7,1.7-1.3c0.4-0.6,0.5-1.4,0.3-2.1 l-0.1-0.3l-0.3,0.1c-0.4,0.1-0.7,0.3-1,0.5c0.1-0.4,0.1-0.7,0-1.1c-0.1-0.7-0.5-1.4-1.1-1.8l-0.3-0.2l-0.2,0.3 c-0.4,0.6-0.5,1.4-0.4,2.1c0.1,0.7,0.5,1.4,1.1,1.8c-0.1,0.2-0.2,0.5-0.2,0.8c-0.2-0.5-0.5-0.9-0.9-1.2l-0.3-0.2L20,16.7 c-0.4,0.6-0.6,1.3-0.5,2.1c0.1,0.7,0.5,1.4,1,1.9l0,0c-0.2,0.2-0.3,0.5-0.4,0.7c-0.1-0.5-0.3-1-0.6-1.4l-0.2-0.3L19,19.9 c-0.5,0.5-0.9,1.2-0.9,1.9c-0.1,0.7,0.2,1.5,0.6,2l0,0c-0.2,0.2-0.4,0.4-0.5,0.6c0-0.5-0.1-1-0.3-1.5l-0.1-0.3l-0.3,0.2 c-0.6,0.4-1.1,1-1.3,1.7C16,25.3,16,26,16.4,26.7l0,0c-0.2,0.1-0.5,0.3-0.7,0.5c0.1-0.5,0.1-1,0-1.5l-0.1-0.3l-0.3,0.1 c-0.7,0.2-1.3,0.7-1.6,1.4c-0.3,0.6-0.4,1.3-0.3,2c-0.1,0.1-0.2,0.1-0.3,0.2c-0.1-0.1-0.2-0.1-0.3-0.2c0.2-0.7,0.1-1.4-0.3-2 c-0.4-0.6-0.9-1.1-1.6-1.4l-0.3-0.1l-0.1,0.3c-0.1,0.5-0.1,1,0,1.5c-0.2-0.2-0.4-0.4-0.7-0.5l0,0c0.3-0.7,0.4-1.4,0.2-2.1 c-0.2-0.7-0.7-1.3-1.3-1.7l-0.3-0.2L8.4,23c-0.2,0.5-0.3,1-0.3,1.5C8,24.3,7.8,24,7.6,23.9l0,0c0.5-0.6,0.7-1.3,0.6-2 c-0.1-0.7-0.4-1.4-0.9-1.9L7,19.7l-0.2,0.3c-0.3,0.4-0.5,0.9-0.6,1.4c-0.1-0.3-0.2-0.5-0.4-0.7l0,0c0.6-0.5,0.9-1.1,1-1.9 C7,18,6.8,17.3,6.4,16.7l-0.2-0.3l-0.3,0.2c-0.4,0.3-0.7,0.8-0.9,1.2c0-0.3-0.1-0.5-0.2-0.8c0.6-0.4,1-1.1,1.1-1.8 c0.1-0.7,0-1.5-0.4-2.1l-0.2-0.3l-0.3,0.2c-0.6,0.4-1,1.1-1.1,1.8c-0.1,0.4-0.1,0.7,0,1.1c-0.3-0.2-0.6-0.4-1-0.5l-0.3-0.1 l-0.1,0.3c-0.2,0.7,0,1.5,0.3,2.1c0.4,0.6,1,1.1,1.7,1.3l0.3,0.1c0,0.2,0.1,0.5,0.2,0.7c-0.4-0.3-0.8-0.4-1.3-0.4l-0.3,0l0,0.3 c0,0.7,0.3,1.4,0.7,2c0.5,0.5,1.2,0.9,1.9,0.9l0.3,0c0.1,0.2,0.2,0.4,0.3,0.6c-0.3-0.1-0.7-0.2-1-0.2c-0.1,0-0.2,0-0.4,0l-0.3,0 L5,23.5c0.1,0.7,0.5,1.4,1.1,1.8c0.5,0.4,1.1,0.5,1.7,0.5c0.1,0,0.2,0,0.4,0l0.3,0C8.6,26,8.8,26.2,9,26.3c-0.5-0.1-0.9,0-1.4,0.1 l-0.3,0.1l0.1,0.3c0.3,0.7,0.8,1.2,1.5,1.5c0.4,0.2,0.8,0.2,1.2,0.2c0.3,0,0.6-0.1,1-0.2l0.2-0.1c0.4,0.3,0.8,0.6,1.4,1 c-0.3,0.2-0.6,0.4-0.9,0.6l0.6,0.4c0.3-0.2,0.6-0.4,0.9-0.6c0.3,0.2,0.5,0.4,0.9,0.6l0.6-0.4c-0.3-0.2-0.6-0.4-0.9-0.6 c0.6-0.4,1-0.7,1.4-1l0.2,0.1c0.3,0.1,0.6,0.2,1,0.2l0,0c0.4,0,0.8-0.1,1.2-0.2c0.7-0.3,1.2-0.8,1.5-1.5l0.1-0.3l-0.3-0.1 c-0.4-0.2-0.9-0.2-1.4-0.1c0.2-0.2,0.3-0.4,0.4-0.6l0.3,0c0.1,0,0.2,0,0.4,0l0,0c0.6,0,1.2-0.2,1.7-0.5c0.6-0.4,1-1.1,1.1-1.8 l0.1-0.3l-0.3,0c-0.1,0-0.2,0-0.4,0c-0.3,0-0.7,0.1-1,0.2c0.1-0.2,0.2-0.4,0.3-0.6l0.3,0c0.7-0.1,1.4-0.4,1.9-0.9s0.8-1.2,0.7-2 l0-0.3l-0.3,0c-0.5,0-0.9,0.2-1.3,0.4c0.1-0.2,0.1-0.4,0.2-0.7L21.7,19.1L21.7,19.1z"></path> <path id="Star" d="M12.4,16.9l0.8-2l0.8,2l2.1,0.1l-1.6,1.4l0.5,2.1l-1.8-1.1l-1.8,1.1l0.5-2.1l-1.6-1.4 L12.4,16.9L12.4,16.9z M7.6,16.2L7.6,16.2l3.4,2.5l-1.3,4.1c0,0,0,0,0,0s0,0,0,0l3.5-2.5l3.5,2.5c0,0,0,0,0,0c0,0,0,0,0,0l-1.3-4 l3.4-2.5l0,0c0,0,0,0,0,0c0,0,0,0,0,0v0h-4.2l-1.3-4h0c0,0,0,0,0,0c0,0,0,0,0,0h0l-1.3,4L7.6,16.2L7.6,16.2 C7.6,16.2,7.6,16.2,7.6,16.2C7.6,16.2,7.6,16.2,7.6,16.2L7.6,16.2z"></path> <path id="Book" d="M16.6,8.5c-0.7-0.1-1.4-0.2-2-0.2c-0.3,0-0.6,0-0.9,0.1l-0.1-4V3.7 c0.3-0.1,0.6-0.2,1.1-0.2c0.6,0,1.2,0.1,1.9,0.2c0.6,0.1,1.2,0.2,1.8,0.2l0.2,4.8C17.9,8.7,17.2,8.6,16.6,8.5L16.6,8.5z M9.8,8.5 C9.1,8.6,8.5,8.7,7.9,8.7L8,3.9c0.6,0,1.2-0.1,1.8-0.2c0.7-0.1,1.3-0.2,1.9-0.2c0.4,0,0.8,0.1,1.1,0.2v0.7l-0.1,4 c-0.3-0.1-0.5-0.1-0.9-0.1C11.2,8.3,10.5,8.4,9.8,8.5L9.8,8.5z M19.9,5.7V4.8h-0.6V3.2H19c-0.8,0-1.6-0.1-2.4-0.2 c-0.7-0.1-1.4-0.2-2-0.2c-0.6,0-1.1,0.1-1.5,0.3c-0.4-0.2-0.9-0.3-1.5-0.3c-0.6,0-1.3,0.1-2,0.2C9,3.1,8.2,3.2,7.4,3.2H7v1.6H6.4 v0.9H7v1.2H6.4v0.9H7v1.7h0.4c0.9,0,1.7-0.1,2.5-0.3C10.6,9.1,11.2,9,11.8,9c0.4,0,0.8,0.1,1,0.2l0,0h0.7l0,0 c0.3-0.1,0.6-0.2,1-0.2c0.6,0,1.2,0.1,1.9,0.2c0.8,0.1,1.7,0.3,2.5,0.3h0.4V7.8h0.6V6.9h-0.6V5.7H19.9L19.9,5.7z M9.9,4.4V5 c0,0,0,0,0,0C9.5,5.1,9.1,5.1,8.7,5.2l0-0.6c0.4,0,0.7-0.1,1.1-0.1C9.8,4.4,9.8,4.4,9.9,4.4L9.9,4.4z M10.3,4.4V5 c0.6-0.1,1.2-0.2,1.8-0.1l0-0.6C11.6,4.2,11,4.3,10.3,4.4L10.3,4.4z M9.9,7.2c0,0-0.1,0-0.1,0C9.4,7.3,9,7.3,8.6,7.4l0,0.6 c0.4,0,0.9-0.1,1.3-0.2c0,0,0,0,0,0V7.2L9.9,7.2z M10.3,7.1v0.6c0.6-0.1,1.2-0.1,1.7-0.1L12,7C11.5,7,10.9,7,10.3,7.1L10.3,7.1z M9.8,5.8v0.6c0,0,0,0,0.1,0c0.8-0.1,1.6-0.2,2.2-0.2l0-0.6C11.4,5.6,10.6,5.7,9.8,5.8L9.8,5.8z M9.3,5.9C9.1,5.9,8.9,5.9,8.6,6 l0,0.6c0.2,0,0.5-0.1,0.7-0.1V5.9L9.3,5.9z M15.8,4.3c-0.5-0.1-1-0.1-1.5-0.1l0,0.6c0.4,0,0.9,0,1.5,0.1V4.3L15.8,4.3z M17.7,4.6 c-0.4,0-0.7-0.1-1.1-0.1c-0.1,0-0.3,0-0.4-0.1V5c0.1,0,0.2,0,0.3,0c0.4,0.1,0.8,0.1,1.2,0.2L17.7,4.6L17.7,4.6z M15.6,5.7 c-0.5-0.1-0.9-0.1-1.3-0.1l0,0.6c0.4,0,0.8,0,1.3,0.1V5.7L15.6,5.7z M17.7,6c-0.4,0-0.8-0.1-1.1-0.2c-0.2,0-0.3-0.1-0.5-0.1v0.6 c0.1,0,0.3,0,0.4,0.1c0.4,0.1,0.8,0.1,1.2,0.2L17.7,6L17.7,6z M16.6,7.8C17,7.9,17.4,7.9,17.8,8l0-0.6c-0.4,0-0.8-0.1-1.2-0.2 c0,0,0,0-0.1,0V7.8L16.6,7.8z M16.1,7.1C15.5,7.1,14.9,7,14.4,7l0,0.6c0.5,0,1.1,0,1.7,0.1V7.1L16.1,7.1z"></path> <path id="ShieldOutline" d="M21.8,25.5c-0.6,0.9-1.3,1.7-2.2,2.6c-2.6,2.4-5.6,3.8-6.4,4.1 c-0.8-0.3-3.8-1.7-6.4-4.1c-0.9-0.8-1.6-1.7-2.2-2.6c-3-4.4-3.4-9.4-3.4-13.4h0l12-0.7l12,0.7C25.2,16.1,24.8,21.2,21.8,25.5 L21.8,25.5z M1.9,2c2.2-0.2,7.2-0.7,11.3-0.7c4.1,0,9.1,0.5,11.3,0.7l0.6,8.8h-12h-12L1.9,2L1.9,2z M26.4,1l-0.5-0.1 C25.8,0.9,18.7,0,13.2,0c0,0,0,0,0,0c0,0,0,0,0,0C7.7,0,0.6,0.9,0.5,0.9L0,1v9.8h0v1.4c0,4.1,0.4,9.4,3.6,14.1 c0.7,1,1.4,1.8,2.3,2.7l0,0c0,0,0,0,0,0c1.7,1.7,4,3.2,7.3,5v0c0,0,0,0,0,0c0,0,0,0,0,0v0c3.3-1.8,5.5-3.4,7.3-5c0,0,0,0,0,0v0 c0.9-0.9,1.6-1.7,2.3-2.7c3.2-4.7,3.6-10,3.6-14.1v-0.2h0V1L26.4,1z"></path></g></svg></span></a></div>

Texas Brand Bar Specifications

  • Height: 34px
  • Width: 100% wide across browser window
  • Background color: HEX #BF5700 or #333F48
  • Knockout version of Informal Signature (shield and “TEXAS”):
    • File format: SVG
    • Color: #FFFFFF
    • Display size: 112x25px
    • Top margin size: 5px between top edge of the shield and top of the page
    • Bottom margin size: 4px between bottom edge of shield and bottom of the brand bar
    • Alignment: right edge of University Brand Bar or right interior edge of page content
    • Alt text: The University of Texas at Austin
    • Link: https://www.utexas.edu

Parent College/School Link Configuration (Optional)

Subsidiary entities such as departments, centers and institutes wishing to provide a link back to their primary parent entity (i.e., the college or school with which they are affiliated) may do so on the left side of the University Brand Bar. The parent link may be visible at desktop size only and should not appear in the University Brand Bar on mobile.

  • Size: 14px
  • Font: Charis or GT Sectra
  • Color: #FFFFFF
  • Case: Title case
  • Horizontal Alignment: Left edge of University Brand Bar or left interior edge of page content (to mirror placement of Informal Signature)
  • Vertical Alignment: Center

Standard Footer

All University of Texas at Austin websites are required to include the links below in their footer.

Copyright

Websites are also required to include a copyright statement (e.g., © The University of Texas at Austin 20XX). Please ensure that the year is kept up-to-date.