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.

Students enjoying a lecture

 

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:

Unordered

  • Foundation year
  • Year 1
  • Year 2
  • Year 3.
 

Ordered

  1. Foundation year
  2. Year 1
  3. Year 2
  4. 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.

Daniel Manning
“What stands out about my MA is the learning environment in which different languages and experiences are brought into the discussion.” Daniel Manning
Applied Linguistics MA

 

 

Quote without image

The example below is 121 characters.

It was the scholarship that made me apply to 小蓝视频. Without that extra funding I would have struggled to take my Masters.” Jacob Dunstan
Chancellor’s Masters Scholarship
 

Highlight with right aligned image

 

Contact

If you have any queries, email dcm@sussex.ac.uk.

 

You might also be interested in: