Main rules for video design?
The main principles of UiO's design profile should be applied to all video formats:
- All elements such as titles and content markers should be right-aligned.
- Subtitles can be centered, on white background.
- Use UiO's end screen with the seal.
- Use UiO's colour palette.
- Use UiO's typography.
Design principles
Here we summarise other design principles that also should be followed in video production at UiO.
Colours
The University of Oslo's colour palette consists of a set of colours. For videos, a customised colour system with primary and secondary colours is used.?
- The main colours for videos are black, white, and red (HEX: #DD0000)?
- You can use the entire colour palette in videos. Choose a colour that matches the theme of the video and harmonises with the visuals.?
- If you choose a primary colour, the corresponding secondary colour should be used as a supporting colour, for example, in text boxes. For instance, "light green" can be combined with "green tone", and "light blue" with "blue tone".
Fonts
Fonts used in videos should follow the typography outlined in the design manual. The main rules are:?
- Swiss 721
- Arial
Regular is used for titles, introductions, and body text, while bold is used for subtitles.?Italic is used to emphasise sentences or words.
Subtitles
All videos containing speech must have subtitles. Subtitles should be centered and span two lines. The text should always be black with a white background. The opacity should be one hundred percent.
- Font: Helvetica – regular
- Font size: 50 pixels
It is important that the text is placed within a set grid so that it displays correctly in different viewing modes and on various devices.
Titles
Titles should always be left-aligned and preferably placed at the top left, below the content marker if used. This prevents conflicts with subtitles. First and last names should be in bold. The opacity should be one hundred percent.
- Font: Helvetica – Regular
- Font size: 50 pixels
For narrow formats and long names, job titles and workplaces can be split into two lines using "at". Example: "Professor at the Faculty of Mathematics and Natural Sciences".?
Text box
If you need to highlight content in your video with text, you can use a text box. The text box should always be left-aligned. It can be placed at the top left corner, below the content marker if used, or at the bottom left, depending on the film's layout. The opacity should be 100%.
The font size should be adjusted according to the content and text volume but should always have a minimum size of 50 pixels.
Content label
Content labels can be used in video content to help users quickly understand the subject. The marking should be focused on a clear theme, category, or concept. Examples include?"Studiestart", "Universitetsplassen", "Karriereuka" or "Rektorvalg".?
The content label should always be placed in the top left corner. The opacity should be 100%.?
Animation
Animation can be used for elements. The principles for all formats are:?
- Subtitles appear without animation.?
- Text boxes and content markers appear with a fade-in animation.?
- Titles appear with a slide-in animation.?
- All elements disappear without animation.
Campaigns
"Campaigns" refer to marketing activities running for a short period across multiple channels with a unified message and goal. These may include student recruitment or promoting major events. Campaign activities can have a distinct expression developed within the design manual's framework.?
For recruitment campaigns, a dedicated template has been developed to ensure a uniform profile for the target group. This is regularly updated. The template is available in Adobe Express and Premiere.?
End screens for video
All units must use the same end screen, displaying the university’s logo and seal.
Download end screen for video (.zip, 110 MB)
A coloured end screen can also be used. If so, the background colour should follow the chosen primary colour from the palette. The logo should always be in white or black.
Download coloured end screens for video (.zip, 269 MB)
Examples
Social media
Thumbnails/cover images
Elements
Videos for web, etc.
Premade templates for Premiere and Express
Adobe Premiere
The files include fonts, font sizes, placement, and animations according to the design manual. The project files contain text boxes, titling, subtitles, and content markers in all available colors.?
Download project files with video elements for Adobe Premiere?(388 MB)
Adobe Express
The UiO brand includes colors, logos, and templates for different types of content. Use of the brand templates requires a premium license in Express, which you get by having a subscription to, for example, Premiere or Photoshop?
University of Oslo Brand Adobe Express