UEA logos should only be placed top left or top right on websites, top left being the standard and preferred route. Top right is only allowed only where it is impossible to use the logo top left.
See guidance on overall logo usage.
When using UEA colours on websites, 70%, 50% and 30% tints are allowed – however only where there is a need to show two colours for separation.
A tint of a UEA brand colour can never be used as the lead colour or main accent colour on a page.
Tints should ONLY be used where there is a need to show two versions of the same brand colour to enable a design to work effectively.
Good use of tints on UEA sites creates separation within blocks of colour to facilitate UI.
Only one brand colour should be used on screen at once.
On UEA sites colour is used to highlight sections or to draw the eye to points of interest.
Do – pick one accent colour and use as shown on page 68.
Don’t – use multiple accent colours on screen at once.
If you’re creating longer scrolling pages with larger blocks of content, e.g. parallax landing pages. It is permissible to use more than one brand colour – but only if these are separated by blocks of white, black or grey, and scroll so that only one brand colour appears on screen at once.
When creating anything for online, typography should be considered for clarity and legibility.
In most cases we use Brandon Text Black for headlines and titles and Brandon Text Regular for supporting information.
In cases where it might not be suitable to use either of these two weights then the Bold or Medium weights may be used.
Arial Regular is always used for body copy for legibility and accessibility.
Supergraphics, if you have them, can be used in image positions on sites with striking results.
Do not crop supergraphics into thumbnails, ensure they are appropriately reworked and scaled by the designer who created them.
If these guidelines are followed correctly, there should be no need to change site designs to accommodate UG and PG styles. This can be achieved by using artwork in image locations and ensuring appropriate style and tone within copy writing.