Animations

Wherever you are in UCL, there's a sense of dynamism and possibility. Our animations help you add it to your videos, events and presentations.

The following guidance covers:

Animated logos

Our animated logos can’t be edited, but are simple to add to videos or presentations. They come in four types: simple in and out bookends, a long reveal, end ident, and a living animation.

Simple in and out
Long reveal
End ident
Living logo

There’s more information about each in the table below.

Description of the type of logo animations available, their length and when to use them.
Name Animation Duration Sound Perfect for
Simple in and out Short animated logo to open and/or close a video. 7-second intro and 5-second outro (can be speeded up) Yes Shorter videos, social media content, teasers, and advertising.
Long reveal Transition from a video or image into an animated logo. 10 seconds Yes Medium or long-form videos and recordings.
End ident Cinematic transition from a video or image into an animated logo. 18 seconds Yes Videos designed to impress at events or on big screens.
Living logo Discreet ripple of movement through the pillars in our portico symbol. 15 seconds No Looping an animated logo in the background, for example on digital screens, in presentations or on stage at events.

Download our logo animations

You’ll find all the files for our in and out, long reveal, end ident and living logo animations on Imagestore.

Video resources

Colours

Each animated logo is available in two colour versions: off white and dark purple. 

The colour refers to the colour of the logo, not the background, so: 

  1. ‘Off white’ is an off-white logo on a dark purple background
  2. ‘Dark purple’ is a dark purple logo on an off-white background

 

Formats

Our animated logos come in non-editable MPEG-4 (.mp4) or QuickTime (.mov) format. 

MPEG-4 (.mp4)

The .mp4 files are useful when doing quick social edits or low-level video editing. The backgrounds are not transparent.

QuickTime (.mov)

The .mov files, on the other hand, have transparent backgrounds so can be easily added over images or video. They also tend to be large files.

Sizes

Each format comes in three sizes:

  • Portrait (2160 x 3840 px), for use on social media
  • Square (2160 x 2160 px), for use on mobiles and social media
  • Landscape (3840 x 2160 px), for use on traditional 16:9 video
Example of the animation asset dimensions available.
The three sizes of animated logos.

Back to top ↑

Advanced animation assets

Animated assets of our graphic pillars are available on request, for use as lower thirds, on-screen text containers, and more.   

Image showing a student seated in a lecture theatre whilst writing in a notebook. A single line caption is shown in the brand style in a lower thirds position.
An example of a lower thirds animation.
Image showing two students looking towards the camera whilst climbing stairs. A paragraph caption is shown featuring both headline and subheading text.
An example of a paragraph animation.

Also available on request are animated patterns and transitions. 

Example showing the three staggered horizontal stripes of graphic pillars in graduating purple from bright to pale on a dark purple background.
An example of an animated pattern.
Example of bright purple graphic pillars overlaying an image of a student in the main UCL library.
An example of an animated transition.

Formats 

All our advanced animation assets come as fully editable motion graphic files, for use in After Effects (.aep) or Adobe Premiere (.mogrt).

When editing them, please adhere to the following principles:

Back to top ↑

Want to use advanced animations?

Contact the brand team with your requirements.

UCL logo displayed on a fluttering dark purple flag at the top of a flagpole
Brand team

Key links

Videos and filming
Brand assets
Brand photography

More visual guidelines

Navigate to Logo
UCL logo - UCL in thick white sans lettering with a stylised version of the portico in mid purple all against a dark purple background

Logo

Inspired by the most recognisable feature of our Bloomsbury campus, our logo is designed for clarity and accessibility across print and digital.

Navigate to Colour
The main UCL colour palette presented as colour blocks of varying size

Colour

Our signature purple palette is one of our brand’s most powerful ingredients. It should feature prominently in all our communications – not just the logo.

Navigate to Typography
A large capital and lowercase letter 'A' in the UCL font. Shown in dark purple against a light purple background.

Typography

Our brand typeface is unmistakeably UCL: designed especially for us, and according to our founding principle of being accessible to all.

Navigate to Graphic pillars
The graphic pillars - five columns of increasing width looking from left to right

Graphic pillars

Inspired by the graduating pillars in our logo, these graphics represent progress and movement. Use them in any design, from captions and text boxes, to patterns that bring our brand to life.

Navigate to Photography
Students talking in a breakout area at UCL East Marshgate

Photography

Photography is our window onto life at UCL. Through it, our campus should feel alive, channelling our community and the energy that comes from being at the heart of one of the world's greatest cities.