Design guidelines and tools to help web designers and developers create consistent and accessible user experiences for all.
How do I use this website?
- You can use it as a reference.
- You can use it to better understand the accessibility implications of a UI component.
- You can even use this site to contribute to the style guide and make it better.
Four Steps to Successful UT Website Design
Step One
Review the UT brand guidelines and website visual requirements.
Visual requirements and brand elements serve to unify the family of official UT websites. Digital communications require special consideration.
Step Two
Learn about accessibility requirements for digital communications.
Adhering to the system-level accessibility policy makes digital content and designs work for everyone.
Step Three
Select a template for your website.
Choose from two layout styles, each of which have several variations.
As recently as five years ago, when Responsive Web Design was first published, designing web “pages” was understood to be core to the job. Since then, a deceptively subtle transformation has occurred: we’ve abandoned pages for modular components, ditching that dusty metaphor from print days for an organizational system much more attuned to the shifty world of the screen. — Mandy Brown