User Interface Pattern Library
Pattern Library showcases building blocks for rapid website production within the University of Adelaide Web Templates.
User Interface design patterns and associated HTML code snippets has been tested to work across multiple supported browsers and enhancements are ongoing, for further information see support.
Search for UI Patterns
What is a Pattern Library?
User Interface Design patterns are recurring solutions that solve common design problems. A pattern library or front end style guide is a collection of commonly used User Interface patterns or Interface elements (UI). These elements form the basic presentation level of web content.
Examples of these are: Page Tabs, Accordions, Widgets, Buttons.
Standardisation of UI pattern library. UI patterns have been developed as a consistent library of UI designed to be reused globally in multiple instances across multiple sites.
How do I Use Pattern Library?
- Find the pattern that you like (ensure you are using Firefox or Chrome - Firefox is best)
- Then click on the [Show Source] link and double-click the code to highlight it
- Copy that, and then either paste it into the page you are editing (via the 'HTML' icon in TMS), or into the 'code' view in Dreamweaver.
UoA Pattern Library UI patterns have been built to work with the University's Content Management System (TMS) and designed primarily for use on external facing public websites. If you require access to web branding elements for other University Systems please contact us to discuss your requirements.
UI patterns has been tested and supports rendering in the following browsers:
Internet Explorer 7.0, Firefox 3.6+, Google Chrome.