CINXE.COM

Video Standards | UCSF Brand Identity

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="/photography-video/video-standards" /> <link rel="shortlink" href="/node/131" /> <link rel="shortcut icon" href="https://identity.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta property="og:image" content="https://identity.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="og:image:width" content="940" /> <meta property="twitter:image" content="https://identity.ucsf.edu/profiles/ucsf_b1gfoot/themes/ucsf_b1gfoot_theme/img/img-metatag.jpg" /> <meta property="twitter:card" content="summary" /> <meta property="og:site_name" content="UCSF Brand Identity" /> <meta property="twitter:url" content="https://identity.ucsf.edu/photography-video/video-standards" /> <meta property="og:url" content="https://identity.ucsf.edu/photography-video/video-standards" /> <meta property="twitter:title" content="Video Standards | UCSF Brand Identity" /> <meta property="og:title" content="Video Standards" /> <title>Video Standards | UCSF Brand Identity</title> <link type="text/css" rel="stylesheet" href="https://identity.ucsf.edu/sites/g/files/tkssra266/f/css/css_kShW4RPmRstZ3SpIC-ZvVGNFVAi0WEMuCnI0ZkYIaFw.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://identity.ucsf.edu/sites/g/files/tkssra266/f/css/css_EJL_7lrjsH8BZ6q38g9TN9dgvY5IouUd4PiJZQyBEFI.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://identity.ucsf.edu/sites/g/files/tkssra266/f/css/css_rV3Wod_e6ST6El0CA65NgFrvcFHnCpm1z0SGwM9reQg.css" media="all" /> <style type="text/css" media="all"> <!--/*--><![CDATA[/*><!--*/ .cke_toolgroup > .cke_button__quote{display:none}.cke_toolgroup > .cke_button__twocolumn{display:none}.cke_toolgroup > .cke_button__threecolumn{display:none}.cke_toolgroup > .cke_button__featuredcontent{display:none}.cke_toolgroup > .cke_button__collapseitem{display:none} /*]]>*/--> </style> <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/css/hopscotch.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://identity.ucsf.edu/sites/g/files/tkssra266/f/css/css_-5KGL3kpG9BJtjhjan_sSs2LNKUh8DXr0FbFKbHMQxM.css" media="all" /> <link type="text/css" rel="stylesheet" href="https://identity.ucsf.edu/sites/g/files/tkssra266/f/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" /> <style type="text/css" media="all"> <!--/*--><![CDATA[/*><!--*/ .color-swatch{color:#052049;}.color-i6-gray{background-color:#f2f3f4;}.color-j5-gray{background-color:#e1e3e5;}.color-k3-gray{background-color:#d1d3d3;}.color-j3-gray{background-color:#b4b9bf;}.color-j2-gray{background-color:#878d96;}.color-i3-gray{background-color:#506380;color:#fff;}.color-ff-white{background-color:#fff;}.color-00-black{background-color:#000;color:#fff;}.color-a1-navy{background-color:#052049;color:#fff;}.color-a2-blue{background-color:#0f388a;color:#fff;}.color-b3-blue{background-color:#178ccb;}.color-b5-blue{background-color:#b8e6fa;}.color-b6-blue{background-color:#e2f4fc;}.color-a6-blue{background-color:#e6eef6;}.color-c1-teal{background-color:#0e5258;color:#fff;}.color-c2-teal{background-color:#14828c;color:#fff;}.color-c3-teal{background-color:#16a0ac;}.color-c4-teal{background-color:#60d0da;}.color-c5-teal{background-color:#b4e2e8;}.color-d1-green{background-color:#00483a;color:#fff;}.color-d2-green{background-color:#007242;color:#fff;}.color-d3-green{background-color:#32a03e;}.color-e3-green{background-color:#84c234;}.color-e4-green{background-color:#b4dc55;}.color-f1-purple{background-color:#2e2872;color:#fff;}.color-f2-purple{background-color:#443e8c;color:#fff;}.color-f3-purple{background-color:#6c62d0;color:#fff;}.color-f4-purple{background-color:#8a8ce3;}.color-f5-purple{background-color:#c0c0ea;}.color-g1-violet{background-color:#461850;color:#fff;}.color-g2-violet{background-color:#6c247c;color:#fff;}.color-g3-violet{background-color:#a238ba;color:#fff;}.color-g4-violet{background-color:#c45ed8;}.color-g5-violet{background-color:#eaccf0;}.color-h1-magenta{background-color:#561038;color:#fff;}.color-h2-magenta{background-color:#821a56;color:#fff;}.color-h3-magenta{background-color:#c42882;color:#fff;}.color-h4-magenta{background-color:#e266ae;}.color-h5-magenta{background-color:#f2c2de;}.color-a3-blue-cta{background-color:#006be9;color:#fff;}.color-l3-yellow{background-color:#feb80a;}.color-m3-orange{background-color:#fa6e1e;}.color-n3-red{background-color:#e61048;color:#fff;}.bg--interactive-dark-grey{background:#821a56;}.bg--interactive-blue{background:#0f388a;}.bg--interactive-light-navy{background:#506380;}.bg--interactive-light-navy a,.bg--interactive-light-navy a:visited,.bg--interactive-light-navy a:link{color:#fff;}.bg--interactive-teal{background:#14828c;}.bg--interactive-teal a,.bg--interactive-teal a:visited,.bg--interactive-teal a:link{color:#fff;}.bg--interactive-purple{background:#443e8c;}.bg--interactive-purple a,.bg--interactive-purple a:visited,.bg--interactive-purple a:link{color:#fff;}.bg--light-grey{background:#f2f3f4;}body.sidebar #main .sidebar{border-color:#b4b9bf;}body.sidebar #main .sidebar .field-name-field-paragraph-sidebar > .field-items > .field-item::after,body.sidebar #main .sidebar .field-name-field-blockref-sidebar > .field-items > .field-item::after,body.sidebar #main .sidebar .field-name-field-pg-blockref-blockref > .field-items > .field-item::after,body.sidebar #main .sidebar .region-sidebar > .block::after{background:#b4b9bf;}body.header--purple .region-content-top{background:#443e8c;}body.header--dark-grey .region-content-top{background:#821a56;}body.header--teal .region-content-top{background:#14828c;}body.header--blue .region-content-top{background:#0f388a;}table tr:nth-child(2n){background:#f2f3f4;}.front .welcome-block{margin-bottom:75px;}.front .welcome-block .image-banner img{object-fit:cover;display:none;max-height:200px;}.front .welcome-block .welcome-content{padding:20px 30px;background:#14828c;font-family:"Granjon",Garamond,serif;color:#fff;font-size:22px;line-height:1.3;}.front .welcome-block .welcome-content::after{background:#506380;}.front .welcome-block .welcome-content h1{font-family:"Granjon",Garamond,serif;}.front .welcome-block .contact-info{background-color:#f2f3f4;padding:20px 30px;}.front .welcome-block .contact-info h5{text-transform:uppercase;border-bottom:1px solid #fff;margin-bottom:15px;font-size:14px;line-height:27px;letter-spacing:1px;}.front.slider-secondary .region-content-top{height:auto;max-width:100%;background-color:transparent;}.front .wysiwyg_twocols{font-size:16px;line-height:25px;}.front .wysiwyg_twocols p{margin-bottom:0;}.front .wysiwyg_twocols a{text-decoration:none;font-weight:bold;font-size:16px;line-height:35px;}.front .wysiwyg_twocols h5{border-bottom:1px solid #fff;margin-bottom:15px;font-size:16px;line-height:27px;letter-spacing:1px;}.front .wysiwyg_threecols a{width:100%;text-align:left;}.front .wysiwyg_threecols > div{padding:25px 15px;}.front .wysiwyg_featured_content .wysiwyg_featured_content--image_area p{display:block;line-height:0;}.front .wysiwyg_featured_content .wysiwyg_featured_content--image_area img{border-bottom:none;max-height:170px;object-fit:cover;}.front .wysiwyg_featured_content .wysiwyg_featured_content--body{background:#f2f3f4;padding:15px 25px;}.front .wysiwyg_featured_content .wysiwyg_featured_content--body h3{margin-bottom:30px;}.front .wysiwyg_featured_content .wysiwyg_featured_content--body p{font-size:18px;line-height:36px;font-weight:300;}@media (min-width:990px){.front .welcome-block{position:relative;height:575px;max-width:1320px;margin:0 auto 75px;padding-left:50px;padding-right:50px;}.front .welcome-block .image-banner{max-height:450px;position:absolute;left:0;right:0;}.front .welcome-block .image-banner img{max-height:450px;margin:auto;}.front .welcome-block .welcome-content{position:absolute;left:45px;bottom:40px;height:440px;width:465px;padding:30px 60px 30px 35px;}.front .welcome-block .welcome-content h1{font-size:56px;margin-bottom:0;}.front .welcome-block .welcome-content p{font-size:24px;line-height:40px;}.front .welcome-block .welcome-content:after{content:'';width:40px;height:40px;position:absolute;bottom:-40px;right:-40px;opacity:0.32;background-color:#51647f;}.front .welcome-block .contact-info{position:absolute;right:40px;bottom:0;height:180px;width:372px;font-size:16px;line-height:25px;padding:15px 43px 22px 20px;}.front .welcome-block .contact-info:after{content:'';width:28px;height:28px;position:absolute;bottom:-28px;left:-28px;background-color:#052049;}.front .wysiwyg_featured_content{display:flex;}.front .wysiwyg_featured_content .wysiwyg_featured_content--image_area{width:60%;display:inline-block;}.front .wysiwyg_featured_content .wysiwyg_featured_content--image_area img{border-bottom:40px solid #052049;max-height:100%;height:100%;}.front .wysiwyg_featured_content .wysiwyg_featured_content--body{width:40%;display:inline-block;border-left:40px solid #14828c;padding:60px 40px;}}.special-header.slider-secondary .region-content-top{height:auto;max-width:100%;}.special-header .top-wrapper{color:#fff;padding:30px 15px;margin-bottom:30px;}.special-header .top-wrapper:after{content:"";display:table;clear:both;}.special-header .top-wrapper .sidebar-banner{display:none;}.special-header .top-wrapper .sidebar-banner a{color:#fff;border-bottom:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;}.special-header .top-wrapper .sidebar-banner a:hover,.special-header .top-wrapper .sidebar-banner a.active,.special-header .top-wrapper .sidebar-banner a.active-trail{font-weight:bold;}.special-header .top-wrapper .sidebar-banner a:before{display:none;}.special-header .top-wrapper .field-name-field-hero-header-content{font-family:"Granjon",Garamond,serif;}.special-header .top-wrapper .field-name-field-hero-header-content h1{font-family:"Granjon",Garamond,serif;}.special-header .top-wrapper .field-name-field-hero-header-content p{font-size:20px;}.special-header .sidebar-banner{display:block;}@media (min-width:769px){#header .block-menu-block .menu-block-wrapper > ul li:hover,#header .block-menu-block .menu-block-wrapper > ul li.active-trail,#header .block-menu-block .menu-block-wrapper > ul li.active{border-color:#14828c !important;}.special-header .top-wrapper{max-width:1320px;margin:0 auto 30px !important;clear:both;overflow:auto;padding-left:50px;padding-right:50px;}.special-header .top-wrapper .field-name-field-hero-header-content{width:63.6%;clear:right;float:right;}.special-header .top-wrapper .field-name-field-hero-header-content h1{font-size:56px;}.special-header .top-wrapper .field-name-field-hero-header-content p{font-size:24px;}.special-header .top-wrapper .sidebar-banner{width:27.21%;clear:left;float:left;display:block;}.special-header .top-wrapper .sidebar-banner a{padding:14px 0;}.special-header .main-menu-level-3{display:block;}.special-header .sidebar-banner{display:none;}.sidebar--right.special-header .field-name-field-hero-header-content{clear:left;float:left;}.sidebar--right.special-header .top-wrapper .sidebar_top{clear:right;float:right;}.front .wysiwyg_twocols > div{padding:25px 30px 25px 25px;}.front .wysiwyg_twocols > div.wysiwyg_twocols--first{padding:25px 80px 25px 25px;}}.empty-sidebar-with-navigation{display:block;}@media (min-width:769px){.empty-sidebar-with-navigation{display:none;}}a,a:visited,a:link{color:#006be9;}a.btn--white--underline:link,a.btn--white--underline:visited{color:#006be9;border:1px solid #006be9;}a.btn--more--white,a.btn--more--white:visited,a.btn--more--white:link,a.btn--more--reverse,a.btn--more--reverse:visited,a.btn--more--reverse:link,a.btn--blue,a.btn--blue:visited,a.btn--blue:link{color:#fff;}body.sidebar--left.page-node-206 #content,body.sidebar--left.page-node-66 #content{width:100%;}.feature-text{font-size:140%;}.color-row{display:flex;flex-flow:row wrap;width:100%;}.color-row .color-swatch{padding:24px;width:33.33%;display:inline-block;font-size:16px;}.color-row .color-swatch h2,.color-row .color-swatch h3,.color-row .color-swatch h4,.color-row .color-swatch h5{font-size:16px;font-weight:500;font-family:"HelveticaNeueLTW04-55Roman","Helvetica Neue",Helvetica,Arial,sans-serif;padding-bottom:0;margin-bottom:4px;}.color-row .color-swatch ul{margin:0;padding:0;list-style:none;}.color-row .color-swatch ul li{padding:0;margin-bottom:4px;}.color-row .color-swatch ul li::before{display:none;}@media (min-width:850px){.color-row .color-swatch{width:16.66%;}}.color-row .color-swatch-end{margin-left:auto;}.color-row .color-swatch-full{width:100%;min-width:100%;}.color-row.color-row-space{margin-bottom:40px;}@media (max-width:849px){.color-row-mobile{display:block;}.color-row-desktop{display:none;}}@media (min-width:850px){.color-row-mobile{display:none;}.color-row-desktop{display:block;}}#footer{margin-top:80px;} /*]]>*/--> </style> <link type="text/css" rel="stylesheet" href="https://identity.ucsf.edu/sites/g/files/tkssra266/f/css/css_StcZZY5AYSkYDUkI_3QyJhnZmk-OFdJWVY2A4NU11NA.css" media="all" /> <script type="text/javascript" src="https://identity.ucsf.edu/sites/g/files/tkssra266/f/js/js_Pt6OpwTd6jcHLRIjrE-eSPLWMxWDkcyYrPTIrXDSON0.js"></script> <script type="text/javascript" src="https://identity.ucsf.edu/sites/g/files/tkssra266/f/js/js_onbE0n0cQY6KTDQtHO_E27UBymFC-RuqypZZ6Zxez-o.js"></script> <script type="text/javascript" src="https://identity.ucsf.edu/sites/g/files/tkssra266/f/js/js_MItSgdSkwVZBTl5MsdgLy94Mp-HJ6pvBHirm2wMSuzA.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/hopscotch/0.2.5/js/hopscotch.min.js"></script> <script type="text/javascript" src="https://identity.ucsf.edu/sites/g/files/tkssra266/f/js/js_Md_O18EkEkENyifmdSaTOM057n9-b6JB039etuiVtGE.js"></script> <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=UA-174314-5"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "UA-174314-5", {"groups":"default","anonymize_ip":true});gtag("config", "G-TXFK4TTB57", {"groups":"default","anonymize_ip":true}); //--><!]]> </script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var sliderSecondary ='slider-secondary-no-image';var sliderPrimary ='slider-no-image'; //--><!]]> </script> <script type="text/javascript" src="https://identity.ucsf.edu/sites/g/files/tkssra266/f/js/js_3KU2G0XuUwThidq7lpTBQghUO1g1ty4dEdv-co66Xqw.js"></script> <script type="text/javascript" src="https://identity.ucsf.edu/sites/g/files/tkssra266/f/js/js__pev76oqunwyHrozBOUwthVLhzUZgLLfKlmOonOmdkg.js"></script> <script type="text/javascript"> <!--//--><![CDATA[//><!-- jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","setHasJsCookie":0,"ajaxPageState":{"theme":"ucsf_b1gfoot_theme","theme_token":"SsKnMKBOUpVbdNlqzszn2K4z9XzuUtTbW1qiKe-fmA0","js":{"0":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/jquery_update\/replace\/jquery\/1.12\/jquery.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/jquery_update\/js\/jquery_browser.js":1,"misc\/form-single-submit.js":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_admin_menu\/js\/ucsf_b1gfoot_admin_menu.js":1,"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/hopscotch\/0.2.5\/js\/hopscotch.min.js":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/y3ti_help\/js\/y3ti_help.js":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/google_analytics\/googleanalytics.js":1,"https:\/\/www.googletagmanager.com\/gtag\/js?id=UA-174314-5":1,"1":1,"2":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_sitewizard\/js\/ucsf_b1gfoot_sitewizard.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/slick\/slick.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/icheck.min.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/build\/main.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/responsive-nav\/responsive-nav.min.js":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/script.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/views\/css\/views.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/ckeditor\/css\/ckeditor.css":1,"profiles\/ucsf_b1gfoot\/modules\/contrib\/ctools\/css\/ctools.css":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_admin_menu\/css\/ucsf_b1gfoot_admin_menu.css":1,"profiles\/ucsf_b1gfoot\/modules\/b1gfoot\/ucsf_b1gfoot_sitewizard\/css\/ucsf_b1gfoot_sitewizard.css":1,"1":1,"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/hopscotch\/0.2.5\/css\/hopscotch.min.css":1,"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.4.0\/css\/font-awesome.min.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/js\/vendor\/slick\/slick.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/screen.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/print.css":1,"0":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/colors\/primary\/primary-teal.css":1,"profiles\/ucsf_b1gfoot\/themes\/ucsf_b1gfoot_theme\/css\/colors\/secondary\/secondary-grey.css":1}},"googleanalytics":{"account":["UA-174314-5","G-TXFK4TTB57"],"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"urlIsAjaxTrusted":{"\/photography-video\/video-standards":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-131 node-type-page header--light--navy ucsf-b1gfoot font--header--helveticaneue nav--lock profile--grid sidebar sidebar--left sidebar-color--white" > <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div id="page-wrapper"> <div id="page"> <div class="ucsf-top-header row-full-width no-logo"> <div class="inside"> <ul class="menu"> <li class="first"><a href="https://www.ucsf.edu">University of California San Francisco</a></li> <li><a href="https://www.ucsfhealth.org/">UCSF Health</a></li> <li><a href="https://www.ucsf.edu/search" title="">Search UCSF</a></li> <li><a href="https://www.ucsf.edu/about">About UCSF</a></li> </ul> </div> </div> <div id="header" class="row-full-width"> <div class="inside clearfix"> <h1 id="site-name"> <a href="/" title="Home" rel="home"> UCSF Brand Identity </a> </h1> <div class="region region-header"> <div id="block-search-form" class="block block-search"> <div class="content"> <form onsubmit="if(this.search_block_form.value==&#039;Search&#039;){ alert(&#039;Please enter a search&#039;); return false; }" action="/photography-video/video-standards" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline"> <h2 class="element-invisible">Search form</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <label class="element-invisible" for="edit-search-block-form--2">Search... </label> <input title="Enter the terms you wish to search for." placeholder="Search..." class="text-input fa fa-search form-text" aria-hidden="" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="40" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-bm81vkjUh-v6CqCeHH5NZm8k1gd4lNBM_s4kYGfWsHM" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> <div id="block-ucsf-b1gfoot-tweaks-header-socialmedia" class="block block-ucsf-b1gfoot-tweaks"> <div class="content"> <div class="nav-social"></div> </div> </div> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-1776"><a href="/brand-guide">Brand Guide</a><ul class="menu"><li class="first leaf menu-mlid-1811"><a href="/brand-guide/brand-story">Brand Story</a></li> <li class="leaf menu-mlid-1781"><a href="/brand-guide/logos">Logos</a></li> <li class="leaf menu-mlid-1786"><a href="/brand-guide/color">Color</a></li> <li class="leaf menu-mlid-1791"><a href="/brand-guide/fonts">Font/Typography</a></li> <li class="leaf menu-mlid-1796"><a href="/brand-guide/editorial-expression">Editorial Expression</a></li> <li class="leaf menu-mlid-1801"><a href="/brand-guide/visual-framework">Visual Framework</a></li> <li class="leaf menu-mlid-16836"><a href="/brand-guide/patterns" title="Patterns">Patterns</a></li> <li class="leaf menu-mlid-16831"><a href="/brand-guide/iconography">Iconography</a></li> <li class="leaf menu-mlid-1806"><a href="/brand-guide/using-ucsf-name">Using the UCSF Name</a></li> <li class="last leaf has-children menu-mlid-1816"><a href="/brand-guide/ucsf-health">UCSF Health Guidelines</a></li> </ul></li> <li class="expanded menu-mlid-2226"><a href="/print-digital">Print &amp; Digital</a><ul class="menu"><li class="first leaf menu-mlid-1826"><a href="/print-digital/print-guidelines">Print Guidelines</a></li> <li class="leaf menu-mlid-1861"><a href="/print-digital/digital-guidelines">Digital Guidelines</a></li> <li class="leaf menu-mlid-1841"><a href="/print-digital/websites">Websites</a></li> <li class="last leaf menu-mlid-1866"><a href="/print-digital/social-media">Social Media</a></li> </ul></li> <li class="expanded active-trail menu-mlid-1731"><a href="/photography-video" class="active-trail">Photography &amp; Video</a><ul class="menu"><li class="first leaf menu-mlid-1846"><a href="/photography-and-video/photography-standards">Photography Standards</a></li> <li class="leaf menu-mlid-1876"><a href="/photography-video/brand-photography-library">Brand Photography Library</a></li> <li class="last leaf active-trail active menu-mlid-1851"><a href="/photography-video/video-standards" class="active-trail active">Video Standards</a></li> </ul></li> <li class="expanded menu-mlid-1726"><a href="/templates-examples">Templates &amp; Examples</a><ul class="menu"><li class="first leaf menu-mlid-1741"><a href="/templates-examples/correspondence">Correspondence</a></li> <li class="leaf menu-mlid-1756"><a href="/templates-examples/presentation">Presentation</a></li> <li class="leaf menu-mlid-2231"><a href="/templates-examples/print-materials">Print Materials</a></li> <li class="leaf menu-mlid-2236"><a href="/templates-examples/posters-digital-signage">Posters &amp; Digital Signage</a></li> <li class="leaf menu-mlid-1766"><a href="/templates-examples/campus-signage">Campus Signage</a></li> <li class="leaf menu-mlid-1771"><a href="/templates-examples/merchandise">Merchandise</a></li> <li class="last leaf menu-mlid-13056"><a href="/zoom-backgrounds">Zoom Backgrounds</a></li> </ul></li> <li class="last leaf menu-mlid-1736"><a href="/faq-contact">FAQ</a></li> </ul></div> </div> </div> </div> </div> </div> <div id="breadcrumb" class="row-full-width"><div class="inside"><h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="/">Home</a> > <a href="/photography-video">Photography &amp; Video</a> > <span class="breadcrumb-page-title">Video Standards</span></div></div></div> <div class="content-top"> <div class="region region-content-top"> <div id="block-fieldblock-node-page-default-field-hero-header-content" class="block block-fieldblock"> <div class="content"> <div class="field field-name-field-hero-header-content field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><h1>Video Standards</h1> <p>Videos are an important medium for telling the UCSF story. Like all communications and materials, videos produced by any individual or group at UCSF should be of the highest quality to properly represent the organization and its identity.</p> </div></div></div> </div> </div> </div> </div> <div id="main-wrapper"> <div id="main" class="clearfix"> <div id="content" class="column"> <div class="inside"> <a id="main-content"></a> <div class="tabs"></div> <div class="region region-content"> <div id="block-system-main" class="block block-system"> <div class="content"> <div id="node-131" class="node node-page header--light--navy clearfix" about="/photography-video/video-standards" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Video Standards" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content"> <div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><h1><img alt="video still of mother and daughter" height="565" src="/sites/g/files/tkssra266/f/wysiwyg/Mother_daughter_0.jpg" width="1000" /></h1> <h2><span style="font-family: &quot;Helvetica Neue Light&quot;, HelveticaNeue-light, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 34px; font-weight: 200; letter-spacing: 0.5px;">Best Practices</span></h2> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <p><strong>1. Make a Creative Brief and Storyboard</strong></p> <p>Always start with a <a href="https://ucsf.box.com/s/tm01ib81x803244vqpad8xxt8ofqm26m">UCSF Video Creative Brief template</a>. </p> <p>Once completed, spend some time storyboarding, or mapping out the ideal visuals for each scene. </p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p><strong>2. Get Interview Transcripts</strong></p> <p>Make the video editing process more efficient by making full transcripts of the video interviews, so you can see the full context. Highlight themes or specific sentences in the interview transcripts that you think will be successful in the video. </p> </div> </div> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <p><strong>3. Do Quality Testing</strong></p> <p>Always check video quality before distributing it online to the public. Try showing it to someone who wasn’t involved in the video production who can offer a fresh perspective. </p> <p>Is the text on the screen readable? Are the interviewees easy to hear? Does it look good when uploaded to YouTube? Does it look good on a mobile device? </p> <p>Once a video is posted on YouTube, the number of views, user ratings, user comments and other community data cannot be transferred to a revised version.</p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p><strong>4. Ensure Copyright</strong></p> <p>Videos must be free of any copyrighted material unless legal permission is granted and documented. </p> <p>Videos must have “right to use” (RTU). Make sure UCSF holds all rights to the video, including talent, music and pictures. </p> <p>Keep in mind that some material being used in an educational setting may not be copyright-free in a marketing setting. (See "Permissions" in the <a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5" target="_blank">Video Guidelines</a><a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5"> PDF</a>.) </p> </div> </div> <h5><img alt="Video still of Wendell Lim" height="367" src="/sites/g/files/tkssra266/f/wysiwyg/Screen%20Shot%202018-02-16%20at%205.04.54%20PM.png" width="1000" /></h5> <h5> </h5> <h5>All videos should:</h5> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <ul> <li>Be visually interesting</li> <li>Have clear, understandable audio</li> <li>Tell a complete and compelling story as concisely as possible (in general, storytelling web videos should be no longer than 3 minutes)</li> </ul> </div> <div class="wysiwyg_twocols--second bg--transparent"> <ul> <li>Follow the university brand standards and visual identity guidelines</li> <li>Close with the appropriate UCSF logos</li> <li>Be consistent in style, tone and message</li> <li>Meet ADA digital accessibility standards</li> </ul> </div> </div> <h2>Technical Standards </h2> <p><img alt="video still of research in lab" height="562" src="/sites/g/files/tkssra266/f/wysiwyg/Screen%20Shot%202018-02-16%20at%205.12.40%20PM%201%20copy.png" width="1000" /></p> <h5>Aspect Ratio </h5> <p>Recommended aspect ratio = 16:9</p> <h5>Video Format</h5> <p>Preferred file types to upload to YouTube: Quicktime (.mov) and MPEG (.mp4)</p> <h5>Resolution</h5> <p>High Definition (HD) video at either 1920x1080 or 1280x720</p> <h2>Visual Style</h2> <p><img alt="video still of pipets" height="363" src="/sites/g/files/tkssra266/f/wysiwyg/Screen%20Shot%202018-02-16%20at%205.14.05%20PM.png" width="1000" /></p> <h5>UCSF videos should:</h5> <ul> <li>Capture genuine expressions to convey authenticity, intimacy and relatability</li> <li>Minimize “talking head” shots; instead, use engaging B-roll that compliments the content</li> <li>Use natural light and shallow depth of field to keep the focus on the subject and prevent backgrounds from being distracting</li> </ul> <h2>Digital Accessibility</h2> <p><img alt="Video still of Derek Harmon, showing closed captioning" height="563" src="/sites/g/files/tkssra266/f/wysiwyg/Screen%20Shot%202018-02-14%20at%203.10.43%20PM.png" width="1000" /></p> <p>As a public institution, UCSF is legally required to make all our digital resources accessible.</p> <p><strong>Closed captioning</strong>, also known as subtitling, is an on-screen/ visual transcription of the audio portion of the video. Many video platforms, such as YouTube, offer automatic captioning, but this can often have errors, especially when the audio quality is low. It’s important to check and edit automatic captioning, or have your video transcribed by a professional service.</p> <p><strong>Readability</strong> is important. To ensure people can easily read words you put on the screen, keep these factors in mind:</p> <ul> <li><strong>Sizing</strong> – Many people consume video on mobile devices, so always test your videos on a smartphone.</li> <li><strong>Contrast</strong> – Make sure there’s proper contrast between the text and its background. Use our Interactive Color Palette, and don’t overlay text on busy backgrounds.</li> </ul> <h2>Lower Thirds</h2> <p><img alt="Video still of Tess Veuthey, showing a lower third" height="563" src="/sites/g/files/tkssra266/f/wysiwyg/Tess-Veuthey-lower-third_0.jpg" width="1000" /></p> <p>A lower third is a graphic overlay that is used to introduce and identify a subject featured in a video. It includes the individual’s name and title in a title-safe area of the screen.​ </p> <p>For full specifications on placement and design, refer to the <a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5" target="_blank">Video Guidelines</a><a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5"> PDF</a>. </p> <h2>Closing Slides</h2> <p>For guidance on end credits and the final frame options, refer to the <a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5" target="_blank">Video Guidelines</a><a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5"> PDF</a>. </p> <p><img alt="Closing slide" height="563" src="/sites/g/files/tkssra266/f/wysiwyg/Closing_credits.jpg" width="1000" /></p> <p><img alt="closing slide with logo box" height="563" src="/sites/g/files/tkssra266/f/wysiwyg/Closing_credits1.jpg" width="1000" /></p> <h2>Permissions</h2> <p>Anyone featured in a UCSF video, including interviewees and other individuals clearly visible, must complete a written <a href="https://ucsf.box.com/s/40ttuny1oxm6ou0owtelbiraeahq7h8f" target="_blank">consent form</a> permitting the University to use their image and/or voice in recordings.</p> <p>For full guidance on consents, copyright information, fair use and music licensing, refer to the <a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5" target="_blank">Video Guidelines</a><a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5"> PDF</a>. </p> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> <div class="sidebar"> <div class="section"> <div class="region region-sidebar"> <div id="block-fieldblock-node-page-default-field-textarea-hero-sidebar" class="block block-fieldblock sidebar-banner"> <div class="content"> <div class="field field-name-field-textarea-hero-sidebar field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><p><a href="/print-digital/print-guidelines">P</a><a href="/photography-and-video/photography-standards">hotography Standards</a><a href="/print-digital/digital-guidelines"> »</a></p> <p><a href="/photography-video/brand-photography-library">Brand Photography Library »</a></p> <p><strong><a href="/photography-video/video-standards">Video Standards »</a></strong></p> </div></div></div> </div> </div> <div id="block-fieldblock-node-page-default-field-blockref-sidebar" class="block block-fieldblock sidebar-widgets"> <div class="content"> <div class="field field-name-field-blockref-sidebar field-type-blockreference field-label-hidden"><div class="field-items"><div class="field-item even"><div id="block-block-66" class="block block-block"> <h3>Video Guidelines and Templates</h3> <div class="content"> <p>For full guidance on videos, download a PDF of the <a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5">UCSF Video Guidelines</a>.</p> <p> </p> <p>Also available for download:</p> <ul> <li><a href="https://ucsf.box.com/s/mywlbe8qc8j5zc278wyrgzu0e3ncbq20">Lower third and closing slide templates</a></li> <li><a href="https://ucsf.box.com/s/40ttuny1oxm6ou0owtelbiraeahq7h8f">Video Consent forms </a></li> <li><a href="https://ucsf.box.com/s/tm01ib81x803244vqpad8xxt8ofqm26m">Video Creative Brief template </a></li> </ul> </div> </div></div></div></div> </div> </div> </div> </div> </div> </div> </div></div> <div id="footer"> <div class="section"> <div class="region region-footer"> <div id="block-block-41" class="block block-block"> <div class="content"> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <h5><a href="/brand-guide" style="color: #ffffff;">BRAND GUIDE</a></h5> <hr color="white" /> <p><a href="/brand-guide/logos" style="color: #ffffff;">Brand Story</a><br /> <a href="/brand-guide/logos" style="color: #ffffff;">Logos</a><br /> <a href="/brand-guide/color" style="color: #ffffff;">Colors</a><br /> <a href="/brand-guide/fonts" style="color: #ffffff;">Fonts/Typography</a><br /> <a href="/brand-guide/editorial-expression" style="color: #ffffff;">Editorial Expression</a><br /> <a href="/brand-guide/visual-framework" style="color: #ffffff;">Visual Framework</a><br /> <a href="/brand-guide/using-ucsf-name" style="color: #ffffff;">Using the UCSF Name</a><br /> <a href="/brand-guide/ucsf-health" style="color: #ffffff;">UCSF Health Guidelines</a></p> <p> </p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <h5><a href="/print-digital" style="color: #ffffff;">PRINT &amp; DIGITAL</a></h5> <hr color="white" /> <p><a href="/print-digital/digital-guidelines" style="color: #ffffff;">Print Guidelines</a><br /> <a href="/print-digital/digital-guidelines" style="color: #ffffff;">Digital Guidelines</a><br /> <a href="/print-digital/digital-colors" style="color: #ffffff;">Digital Colors</a><br /> <a href="/print-digital/websites" style="color: #ffffff;">Websites</a><br /> <a href="/print-digital/social-media" style="color: #ffffff;">Social Media</a></p> <p> </p> <h5><a href="/photography-video" style="color: #ffffff;">PHOTOGRAPHY &amp; VIDEO</a></h5> <hr color="white" /> <p><a href="/photography-and-video/photography-standards" style="color: #ffffff;">Photography Standards</a><br /> <a href="/photography-video/brand-photography-library" style="color: #ffffff;">Brand Photography Library</a><br /> <a href="/photography-video/video-standards" style="color: #ffffff;">Video Standards</a></p> <p> </p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <h5><a href="/templates-examples" style="color: #ffffff;">TEMPLATES &amp; EXAMPLES</a></h5> <hr color="white" /> <p><a href="/templates-examples/correspondence" style="color: #ffffff;">Correspondence</a><br /> <a href="/templates-examples/presentation" style="color: #ffffff;">Presentation</a><br /> <a href="/templates-examples/print-materials" style="color: #ffffff;">Print Materials</a><br /> <a href="/templates-examples/posters-digital-signage" style="color: #ffffff;">Posters and Digital Signage</a><br /> <a href="/templates-examples/campus-signage" style="color: #ffffff;">Campus Signage</a><br /> <a href="/templates-examples/merchandise" style="color: #ffffff;">Merchandise</a></p> </div> </div> </div> </div> </div> <div class="footer-bottom"> <nav aria-label="Footer Navigation" class="footer--navigation"> <ul> <li><a href="https://www.ucsf.edu/accessibility-resources">Accessibility</a></li> <li><a href="https://www.ucsf.edu/website-privacy-policy">Privacy Policy</a></li> <li><a href="https://websites.ucsf.edu/website-terms-use">Terms of Use </a></li> <li><a href="https://websites.ucsf.edu/azlist">A-Z Website List</a></li> </ul> </nav> <div class="footer--copyright"> <p>&copy; 2024 The Regents of the University of California</p> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> <!--//--><![CDATA[//><!-- (function($) { Drupal.behaviors.identity = { attach: function(context, settings) { if ($('.welcome-block .image-banner img').length) { $imageList = $('.welcome-block .image-banner img'); var num = Math.floor(Math.random() * ($imageList.length)); $imageList[num].style.display = 'block'; } $('a[name]').each(function() { $(this).html('<span class="header-text"></span>') }) if ($('body').hasClass('header--blue') || $('body').hasClass('header--navy') || $('body').hasClass('header--teal') || $('body').hasClass('header--purple') || $('body').hasClass('header--light--navy') || $('body').hasClass('header--dark-grey')) { $('body').addClass('special-header') $('<div class="top-wrapper"></div>').prependTo('.region-content-top') $('.sidebar-banner').clone().prependTo('.top-wrapper') $('#block-fieldblock-node-page-default-field-hero-header-content').prependTo('.top-wrapper') if ($('#sidebar .sidebar:has(".sidebar-widgets")').length == 0 && $('#sidebar .sidebar:has(".sidebar-banner")').length > 0) { $('#sidebar .sidebar').addClass('empty-sidebar-with-navigation') } } } } })(jQuery) //--><!]]> </script> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_8343.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10