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 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.

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.

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.

Developers are encouraged to test their pages using WAVE and JAWS to ensure that they are accessible. Developers should request automated scans of their websites or request a consultation and review by Web accessibility specialists in Information Technology Services (ITS).

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.