Standard page
See the components which are usually used on a page with a left-hand navigation menu. These pages usually start with a standfirst, in the style of the previous sentence, an image and then the first header and text content.
Full-width image
Page images should be cropped to 745px by 468px.
Header - h2
At least one line of body text, which looks like this, should run under every heading level. Don't stack an h3 header directly under an h2 header. Links should be descriptive and written in sentence case, a bit like this: Find out how to write link text in web content.
Header - h3
At least one line of body text, which looks like this, should run under every heading level. Don't stack an h3 header directly under an h2 header. Links should be descriptive and written in sentence case, a bit like this: Find out how to write link text in web content.
Header - h4
At least one line of body text, which looks like this, should run under every heading level. Don't stack an h3 header directly under an h2 header. Links should be descriptive and written in sentence case, a bit like this: Find out how to write link text in web content.
Header - h5
At least one line of body text, which looks like this, should run under every heading level. Don't stack an h3 header directly under an h2 header. Links should be descriptive and written in sentence case, a bit like this: Find out how to write link text in web content.
Bulleted lists
We have two styles for lists: ordered and unordered.
Before you start using them, read about:
- how bulleted lists aid website navigation
- the benefit of lists in body copy
- our house style for bulleted lists.
Unordered
- Foundation year
- Year 1
- Year 2
- Year 3.
Ordered
- Foundation year
- Year 1
- Year 2
- Year 3.
Callout box
Header
Ideally stick to one idea in a callout box. Keep your header short and concise; you can expand on it in the copy underneath.
Not all callout boxes need headers; see, for example, how callout boxes illustrate our tone of voice and how callout boxes can frame guidance.
Use callout boxes sparingly.
Quote with image
Images should be cropped to 230px by 230px.
All quotes should be no more than 140 characters. This includes spaces and quote marks.
The example below is 135 characters.
Applied Linguistics MA
Quote without image
The example below is 121 characters.
It was the scholarship that made me apply to Sussex. Without that extra funding I would have struggled to take my Masters.” Jacob Dunstan
Chancellor’s Masters Scholarship
Contact
If you have any queries, email dcm@sussex.ac.uk.