Buttons
Buttons are a great call to action for things like forms or downloads. They shouldn't be used excessively, only for things you REALLY need to promote or stand out on the page.
The darker blue button and the grey button are preferred and should be the standard button used. Red buttons are used for online forms but can also be used as 'call to action' buttons for registrations etc. You should not have different coloured buttons all over your site.
Standard Buttons
Blue Button
Grey Button
Black Button
Red Button
Gold Button
Light-Blue Button
Faint-Blue Button
Examples of Standard Buttons Use
Apply
Apply Now
Download
Register
Submit
Subscribe
Big Buttons
Please note the below button colours can be used for different text, you don't have to use the light blue for the 'register for more info' button, it is just an example. You can use a red button if you wish, or a darker blue. You just need to change the class so it is 'button-blue' or 'button-red' if you want that colour.
Register
for more info
Apply Now
for 2012
Download
student guide
Order
business cards
Order
printed stationery
Search
the photo library
Buttons with Images
Buttons with images (especially big buttons with images) should be used MINIMALLY. In most cases, your button will stand out without you having to use an additional graphic to explain what it is. The button image size is 40x40 and should be a .png file so to keep its transparency. Please ensure you advise us of any icons you wish to use as we would prefer a global set is used where possible - these things come up on a case by case basis though sometimes.
Standard Button with Image
Content Zone Button (one line of text)
Content Zone Button (two lines of text)
Register your attendance
for a pre-application briefing
Big Button with Image (two lines of text)
Register your attendance
for a pre-application briefing
Example of button image use:
Register your attendance
for a pre-application briefing
Widget Buttons
These are used when you want to ensure the button sitting in the widget zone is the exact width of the widget zone and in line with the profile widget pattern when the button is in a stand-alone use sitting OUTSIDE of a profile widget. If you have a button you want to use within a profile widget's content zone for whatever reason, please ensure you use the standard button pattern.
Standard Buttons (Widget Zone)
Blue Button
Grey Button
Black Button
Red Button
Gold Button
Light-Blue Button
Faint-Blue Button
