• UCLA Health
  • myUCLAhealth
  • School of Medicine
Brand Guidelines

Brand Guidelines

Brand Guidelines
  • Fundamentals

    Who we are

    Brand Defined

    The UCLA Health brand, core mission, key message, brand pillars and personality

    Brand Protection

    Policies, permissions and approvals to use UCLA, UCLA Health logos and marks

    Brand Accessibility

    Creating an inclusive experience for everyone

    • Brand Defined
    • Brand Protection
    • Accessibility
  • Identity

    How we look and talk

    Logos & Marks

    UCLA Health Logo

    UCLA Mattel Childrens Hospital Logo

    Department Logos

    UCLA Health Brand Signature

    Co-branded Logos

    Colors

    Typography

    Graphic Elements

    Imagery

    Naming, Copy & Content

    • Logos and Marks
    • UCLA Health Logo
    • UCLA Mattel Childrens Hospital Logo
    • UCLA Health Brand Signature
    • UCLA Health Department Logos
    • Co-branded Logos
    • Colors
    • Typography
    • Graphic Elements
    • Imagery
    • Naming Copy & Content
  • Application

    How to apply brand guidelines across channels

    Web

    Social Media

    Print

    Desktop Stationery

    Video

    Video Guidelines

    Email

    Powerpoint Presentations

    Digital Screens

    Reception Area Videos

    • Web
    • Print
    • Email
    • Social Media
    • Video
    • Video Guidelines
    • Clinic Offices Digital Screens
    • Reception Area Videos
    • Powerpoint Presentations
  • Project Request Guidelines
  • Resources

    Helpful Resources

    Update Your Provider Profile

    UCLAMDChat Webinars

    UCLA Health Style Guide

    Project Request Guidelines

    • UCLA Health Style Guide
    • Updating Your Provider Profile
  • Orders

    How to Place Orders

    Business Cards & Stationery

    Physician Announcement Cards

    Giveaway Items

    • Business Cards & Stationery
    • Physician Announcement Cards
    • Giveaway Items
  • UCLA Health
  • myUCLAhealth
  • School of Medicine

Brand Guidelines

Video Guidelines

  1. Home
  2. Application
  3. Video Guidelines

Video Guidelines

Share this

Overview

Every video is an expression of the UCLA Health, UCLA David Geffen School of Medicine (DGSOM) and/or UCLA Mattel Children’s Hospital brand and as such, they should have a consistent visual style. The graphic treatments contained within this guide are intended to provide brand consistency without interfering with the message and content contained in each video. A standard graphics package is available for download for UCLA Health and DGSOM branded videos as well as UCLA Mattel Children’s Hospital and the UCLA Health/Lakers partnership.

Video bumpers

Ending video animation

Every video should end with a standard five second animated bumper that includes our original music track and “it begins with U.” There is a version for UCLA Health, a co-branded version for UCLA Health and the David Geffen School of Medicine at UCLA, and UCLA Mattel Children’s Hospital. The animated video bumper files are available for download on the identity site in both 720 and 1080 resolutions.

Ending Video
Ending Video

Ending Video
Ending Video

 

Back to top

 


 

Title graphics

Many videos will not require a title graphic. However, if your video does require a title graphic, please follow the following guidelines. Title graphics should be consistent on all videos.

The preferred font used for titles is Interstate Regular. However, Interstate Bold may also be used. The title graphics should always have a generous amount of negative space surrounding the type so that there is not a lot of visual tension. It is recommended that the “molecule” background treatments be used for all video titles.

Ending Video
Ending Video

Back to top

 


 

On-camera talent titles

Whenever on-camera talent is to be identified in a video, the graphic solution shown at the left is the only approved treatment. Whether the talent is filmed on Green Screen or on location, the same graphic treatment should always be used. A UCLA Blue panel is placed near the lower left of the frame and it should fade out approximately half way across the frame.

The blue panel can animate into the frame by sliding in or fading up. More involved animation uisng the molecule graphics form the background can also be used if desired. The blue panel should measure 258 pixels tall. The width can vary according to the length of the titles. The blue panel shown in the example at the left measures approximately 1200 pixels wide. The preferred font used for titles is Interstate Regular or Bold. Proxima Nova may also be used. The type should reverse out white as shown.

 

Ending Video
Ending Video

Back to top

 


 

Branded video frame

It is preferred that every frame of the video include the “U” graphic in the lower right corner, except for the bumpers, titles and whenever there is a caption identifying the on-camera talent. The “U” graphic should measure 242 pixels x 242 pixels. It should be placed approximately 105 pixels up from the bottom of the frame and 105 pixels in from the right edge of the frame as shown in the example on the left.

Branded Frame
Branded Frame

 

Back to top

 


 

Typography for title graphics

The recommended font to be used for any title graphics is Interstate Light, Regular or Bold. This is the primary font that is currently being used for UCLA Health advertising. If Interstate is not available, then the secondary recommended font is Proxima Nova. This is the font that is used for the UCLA and UCLA Health websites.

Typography

Back to top

 


 

Color palette for title graphics

The palette of colors on the Colors section of the Brand Guidelines. When using colored type it is important to make sure that type is easy to read against the background color.

Back to top

 


 

Title graphics within the video

When a title graphic is needed within the body of a video to support a point or identify a topic, the type should be placed in the upper left corner of the frame. Whether the talent is filmed on Green Screen or on location, the same graphic treatment should always be used. If the talent is filmed on location, please make sure that the background is clean and simple in the area where title graphics will be placed. It is recommended that videos requiring such graphic treatments be filmed using Green Screen.

The preferred font used for titles is Interstate Light or Regular. However, Interstate Bold may also be used for emphasis. The type should always be either white or black depending on which will read better against the background color. A title graphic should not appear on screen at the same time as the name title for the on-camera talent.

Title Graphics
Title Graphics

Back to top

 


 

Title graphics within the video: extended color palette

Custom title graphics can also appear within the body of a video to support a point or identify a topic, the type should be placed in the upper left corner of the frame. The extended color palette, which can be found on the UCLA Health Identity website, can be used to add emphasis to title graphics. The preferred font used for titles is Interstate Light or Regular. However, Interstate Bold or Black may also be used for emphasis. A title graphic should not appear on screen at the same time as the name title for the on-camera talent.

 

Title Graphics
Title Graphics

Back to top

 


 

Green screen video backgrounds

There are four approved Green Screen video background treatments that are based on the “molecule” graphic treatment and are used thoughout various applications for both UCLA as well as UCLA Health. There is also an animated version of the background that can be requested.

Green Screen
Green Screen

Green Screen
Green Screen

Green Screen
Green Screen

Green Screen
 

Back to top

 


 

Do’s and don’t’s

Do follow all of the recommendations contained in this guide. They have been carefully considered to maintain brand consistency. The other examples shown on this page represent some of the things to avoid when producing video content.

Do's and Don'ts

Back to top

 


 

Social media videos

Overview

Video has a unique ability to connect with people – even with shortening attention spans in the online world. Each social network has a different audience. Social videos need to be designed differently for each social network in order to optimize online viewership.

Be Concise: Clinical and scientific knowledge are often hard to explain, but if you are able to communicate complex ideas in simple terms and analogy, you can reach a much wider audience. It is also crucial to be concise and be mindful of video length limitations. Recommended length of video:

  • Facebook: One minute preferred, two minutes max
  • Twitter: 30 seconds max
  • Instagram: 15 seconds preferred, 60 seconds max
  • Youtube: Three to five minutes preferred, 30 minutes max.

Be Searchable: Youtube is now the second largest search engine in the world. To make sure your video is easily searchable, think about what your viewers search for. Find the best, most relevant metadata – thumbnails, title, description, and add them to each video. Adding a link or a ‘call-to-action’ whenever appropriate.

Be Shareable: When considering ideas, think about “why would viewers share this video?” Do they find the information useful? Are you moving them emotionally? Consider the expertise, passion, and value you can bring to the public. If you can hook your audience in the first 30 seconds of video, they are more likely to stick around and engage.

Instagram video specifications

Design Recommendations

  • Aspect Ratio: 1:1
  • Video: H.264 video compression, high profile preferred, square pixels, fixed frame rate, progressive scan
  • Format: .mp4 container ideally with leading mov atom, no edit lists
  • Audio: Stereo AAC audio compression, 128kbps + preferred
  • Caption: Text only, 125 characters recommended

Technical Requirements

  • Caption length text: 2,200 characters Max
  • Video aspect ratio: 1.9:1 to 1:1
  • Minimum resolution: 600 x 315 pixels (1.9:1 landscape) / 600 x 600 pixels (square)
  • Minimum length: 3 seconds
  • Maximum length: 60 seconds
  • File type: Full list of supported file formats
  • Supported video codecs: H.264, VP8
  • Supported audio codecs: AAC, Vorbis
  • Maximum size: 4GB
  • Frame rate: 30fps max
  • Bitrate: No limit to bitrate file if you’re using two pass encoding, as long as your file doesn’t exceed 1 GB. Otherwise, 8 megabits per second for 1080p and 4 megabits per second for 720p.
  • Thumbnail image ratio: Should match the aspect ratio of your video. Your image should include minimal text. See how the amount of text in your ad image will impact the reach of your ad.

Facebook video specifications

Design Recommendations

Use these guidelines to design an ad that looks good everywhere it appears on Facebook. The recommended video and thumbnail image guidelines ensures your ad always looks high quality. Your image should include minimal text. The recommended text length is how many characters of ad copy could be displayed on smaller screens.

  • Aspect Ratio: 16:9 or 1:1
  • Video: H.264 video compression, high profile preferred, square pixels, fixed frame rate, progressive scan
  • Format: .mp4 container ideally with leading mov atom, no edit lists
  • Audio: Stereo AAC audio compression, 128kbps + preferred

Technical Requirements

  • Recommended video aspect ratio: 1:1 / 1.33:1 / 4:3 / SDTV, 1.375:1 / film, 1.77:1 / 16:9 / HDTV, 1.85:1 / Film, 2:39:1 or 2:40:1 / Widescreen / 9:16, no pillar boxing or letter boxing
  • Minimum resolution: 600 x 315 pixels (1.9:1 landscape) / 600 x 600 pixels (square)
  • Maximum length: 120minutes
  • File type: Full list of supported file formats
  • Supported video codecs: H.264, VP8
  • Supported audio codecs: AAC, Vorbis
  • Maximum file size: 4GB
  • Frame rate: 30fps max
  • Bitrate: No limit to bitrate file if you’re using two pass encoding, as long as your file doesn’t exceed 1 GB. Otherwise, 8 megabits per second for 1080p and 4 megabits per second for 720p.

Back to top

 


Facebook Twitter Instagram Youtube LinkedIn
UCLA Health hospitals ranked best hospitals by U.S. News & World Report
  • UCLA Health
  • Find a Doctor
  • School of Medicine
  • School of Nursing
  • UCLA Campus
  • Directory
  • Newsroom
  • Subscribe
  • Patient Stories
  • Giving
  • Careers
  • Volunteer
  • International Services
  • Privacy Practices
  • Nondiscrimination
  • Billing
  • Health Plans
  • Emergency
  • Report Broken Links
  • Terms of Use
  • 1-800-UCLA-MD1
  • Maps & Directions
  • Contact Us
  • Your Feedback
  • Report Misconduct
  • Get Social
  • Sitemap

Sign in to myUCLAhealth