Jump to Content

UniSA web style guide

Use this web style guide in conjunction with the University's house styleguide.

 


General editorial styles

Minimal punctuation is recommended when writing for the web, as this distracts from the information. This applies to the layout of dot points.

 

Hyperlinks

Some best practice rules apply

Technical information about hyperlinks.

 

Left hand menu

Only use level 1 (name of site), 2 and 3 headings in your left menu, or the text will become unreadable.

'&': Use instead of ‘and’ as it takes up less room and is a commonly understood symbol.

Heading length should be two lines maximum (unless unavoidable due to a name).

Order of links

top^

 

Page layout

Navigation

The left hand menu is the navigating tool - don’t use right hand page to navigate to left hand links unless they are under another menu heading.

Headings

See Inputting text and other style features for information on heading layout.

Contents list

Use at the top of the page if the information on the page will be lengthy (stops users having to scroll)

Horizontal rule

Dot points in text

‘top’ link

Have a space above and below the top link (after the last line of text and before the next heading). See Inserting a 'top' link

Bottom of page

Leave one or two spaces between the last line and the words ‘Comment: Please do not delete this statement or add any content below this line’.

top^

 

Text

'and': use instead of ‘&’, including in page titles that appear at the top of the screen

Normal paragraphs with one space between, unless using a ‘break’ (Shift/Enter).

Smalltext: use for top button and ‘footnote’ type text (it is hard to read so use minimally). See Changing text size

Alert: use for newsflashes and other important information you want to catch the user’s eye. See Changing text colour

 

Files

When linking to files (PDF, RTF etc) specify in brackets after the link what type of file it is and what size the file is. Use caps for PDF, RTF and include a download option when relevant. See an example

 

Images

General specifications

Refer to Inserting images for more details.

Caption: refer to Adding a caption style

 

 

top^