Brand marks on the web

Brand marks on the web Using the brand marks Typography on the web Example sites

While the general guidelines in other sections apply, there are some important exceptions regarding placement and artwork for web use. On websites, only the Oxford blue quadrangle or rectangle brand marks should be used - use of the logo (the crest only) on websites is not endorsed.

Colour

The RGB values for Oxford blue are R=0 G=33 B=71. Whenever any element of a web page is intended to be coloured Oxford blue then these values, or the equivalent hex value #002147, must be used (see The brand colours).

Source files for brand marks on the web

A set of approved files is provided specifically for screen use. These are provided in GIF format, a standard file format for web graphics. A range of sizes is provided for the quadrangle and rectangle in both positive and reversal versions. (The reversal version has a thin white keyline around the edge, but is otherwise identical to the positive version. Remember, if you view the reversal version on a white background it will appear almost identical to the positive version). Do not generate your own versions of the brand marks as the set provided has been optimised for visual quality and file size. In all cases the colour in the files is set to the correct screen values for Oxford blue.

There are four sizes of the quadrangle and six of the rectangle - this is because the logo element within the rectangle is relatively larger than in the quadrangle.

Do not resize or distort the GIF files either by code or imaging applications as this always results in quality reduction.

If it is absolutely essential to use a brand mark at an alternative size, then use the vector graphics supplied elsewhere in this toolkit, but adhere to the minimal and maximum sizes below.

Quadrangle brand mark, size 1, positive.  Rectangle brand mark, size 1, positive.

Please note: the smallest versions of both brand mark types, numbers 4 and 6 of the quadrangle and rectangle respectively, should only be used on sites, or versions of sites, anticipated to be viewed on small screens, i.e. where the page design and the space allocated for University branding is small. The smallest sizes should not be used on site designs or on sites that are expected to be viewed on standard monitor sizes and resolutions.

Individual files can be downloaded below, alternatively a zip file of all brand marks is available.

The quadrangle
Description Dimensions in pixels
Quadrangle, positive version, size 1
115 x 115 px
Quadrangle, reversal version, size 1 115 x 115 px
Quadrangle, positive version, size 2 105 x 105 px
Quadrangle, reversal version, size 2
105 x 105 px
Quadrangle, positive version, size 3
96 x 96 px
Quadrangle, reversal version, size 3
96 x 96 px
Quadrangle, positive version, size 4
(Restricted use, see above)
87 x 87 px
Quadrangle, reversal version, size 4
(Restricted use, see above)
87 x 87 px
The rectangle
Rectangle, positive version, size 1 251 x 78 px
Rectangle, reversal version, size 1 251 x 78 px
Rectangle, positive version, size 2 226 x 71 px
Rectangle, reversal version, size 2 226 x 71 px
Rectangle, positive version, size 3 197 x 61 px
Rectangle, reversal version, size 3
197 x 61 px
Rectangle, positive version, size 4
177 x 55 px
Rectangle, reversal version, size 4 177 x 55 px
Rectangle, positive version, size 5 156 x 50 px
Rectangle, reversal version, size5 156 x 50 px
Rectangle, positive version, size 6
(Restricted use, see above)
141 x 46 px
Rectangle, reversal version, size 6
(Restricted use, see above)
141 x 46 px
Icons
Favicon.ico (for address bar only) 16 x 16 px
Apple-touch-icon.png 158 x 158 px