Grid

The website is based on a 12 column grid, with a maximum content area of 1170px (1200px including outer gutters 15px either side). Column widths should be set as a percentage of their parent. Gutters are fixed at 30px.

1
2
3
4
5
6
7
8
9
10
11
12
Back to top

Colour

Backgrounds & borders

background-color:

Usage:

To be used as a background on the main header only.

background-color:

Usage:

Page background (outside the content area) and selected calls to action.

background-color:

Usage:

Headings and body text

background-color:

Usage:

Secondary calls to action

Back to top

Typography

Font faces

The uses as the primary font. Where this font is not supported, the fallback is .

Size, weight & spacing

By default, all headings and text should have a line-height of , zero padding, a top margin of and a bottom margin of .

  • Excellence in science for over 350 years

    (size: , weight: )
  • Heading 1

    (size: , weight: )
  • Heading 2

    (size: , weight: )
  • Heading 3

    (size: , weight: )
  • Heading 4

    (size: , weight: )
  • To be, or not to be: that is the question: whether 'tis nobler in the mind to suffer the slings and arrows of outrageous fortune, or to take arms against a sea of troubles, and by opposing end them?

    (size: , weight: )
    • A list item
    • A list item
    • A list item
    (size: , weight: )
    1. A list item
    2. A list item
    3. A list item
    (size: , weight: )

Style and weight

  • A line of text (color: , weight: )

  • A line of text (color: , weight: )

  • A line of text (color: )

Back to top

Interactive elements

Buttons

Back to top