CINXE.COM
Presentation | 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="/templates-examples/presentation" /> <link rel="shortlink" href="/node/36" /> <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/templates-examples/presentation" /> <meta property="og:url" content="https://identity.ucsf.edu/templates-examples/presentation" /> <meta property="twitter:title" content="Presentation | UCSF Brand Identity" /> <meta property="og:title" content="Presentation" /> <title>Presentation | 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":"OeZrSQbLv_a1s1ZPzNFIyOZZftmv7a5YOFTSQxDyY9g","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":{"\/templates-examples\/presentation":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-36 node-type-page header--teal 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=='Search'){ alert('Please enter a search'); return false; }" action="/templates-examples/presentation" 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-xlxUxs8HW7U-QKqBOBWfjec7V1DnFVIX6FSkbbmJe84" /> <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 & 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 menu-mlid-1731"><a href="/photography-video">Photography & 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 menu-mlid-1851"><a href="/photography-video/video-standards">Video Standards</a></li> </ul></li> <li class="expanded active-trail menu-mlid-1726"><a href="/templates-examples" class="active-trail">Templates & Examples</a><ul class="menu"><li class="first leaf menu-mlid-1741"><a href="/templates-examples/correspondence">Correspondence</a></li> <li class="leaf active-trail active menu-mlid-1756"><a href="/templates-examples/presentation" class="active-trail active">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 & 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="/templates-examples">Templates & Examples</a> > <span class="breadcrumb-page-title">Presentation</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>Presentation</h1> <p>Use the new UCSF PowerPoint templates to help reinforce that your work supports UCSF and is part of an institution rooted in collaboration, innovation, and scientific advancements.</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-36" class="node node-page header--teal clearfix" about="/templates-examples/presentation" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Presentation" 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"><p><a href="https://ucsf.box.com/s/fj209gdkshbimlv8g5ux32nu2lqeo6wc">Download PowerPoint templates</a> in 4x3 and 16x9 formats. UCSF Master Brand, UCSF Health, UCSF Benioff Children's Hospitals, and UCSF/ZSFG versions are available. You can also replace the UCSF logo with your department logo using the instructions in the file.</p> <p><strong>UCSF Benioff Children's Hospital Oakland</strong>: <a href="https://ucsf.box.com/s/z7xenkfffdgm1dw5ytgjby9jncckj44e">template available here</a> with no Box access required.</p> <h2>Templates</h2> <p>It is important to establish a consistent impression with our audiences. This will allow them to recognize and value the power and promise of UCSF. Our PowerPoint templates offer title slide variations that feature our <a href="/color">color palette</a>, <a href="/brand-guide/patterns">patterns</a> and <a href="/photography-video">photography</a>. Since PowerPoint presentations are often shared among users who may not have our brand fonts, our PowerPoint templates are built using Arial and Garamond, which are universal fonts found on most computers.</p> <h2>Customization Options</h2> <p>The PowerPoint templates can be used for a variety of different purposes and can be personalized for your department or unit. Refer to the <a href="https://ucsf.box.com/s/2wx3we8qav60mei9p4dlx67h0140lcpx" target="_blank">PowerPoint Usage Guide</a> for instructions on customizing the template with your logo lock-up or images, and overall presentation best practices.</p> <h4>Title Slide Examples</h4> <p>There are a variety of title slides available to accommodate your audiences and content, including photography, pattern and color-only slides. If changing the background image, be mindful of how the colors in the photograph work with the title slide color.</p> <p><img alt="title slide examples" height="414" src="/sites/g/files/tkssra266/f/wysiwyg/16x9_covs-wnd-teal.jpg" width="1500" /></p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <p><img alt="title slide example navy with scientific pattern bubbles" height="1688" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_MasterBrandPowerPoint_%20Template_16x9%20v9_Page_1_0.png" width="3000" /></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p><img alt="slide template with photo of parent child hands navy background" height="844" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_MasterBrandPowerPoint_%20Template_16x9%20no%20date.png" width="1500" /></p> </div> </div> <h4>Interior Slide Examples</h4> <p>The template has the following interior slides: 4 content slides; a chart slide; a blank slide; a quote slide; and a section header slide. All slides are available in both dark and light backgrounds. Consider the audience and environment when choosing slide versions. For instance, dark backgrounds may work well for conference presentations, but are not ideal for corporate presentations or if you plan to print the slides.</p> <p><img alt="interior slide examples" height="847" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF-Presentation-Slide-Examples.jpg" width="1500" /></p> <h4>Co-Branding</h4> <p>If developing a presentation with two or more internal partners, feature the master brand signature with the department or unit names in Arial text. Follow the internal co-branding guidelines in the <a href="https://ucsf.box.com/s/2wx3we8qav60mei9p4dlx67h0140lcpx" target="_blank">PowerPoint Usage Guide</a>. Do not use multiple UCSF logos on the same page.</p> <p>If developing a joint presentation with an external partner, follow the external co-branding guidelines in the <a href="https://ucsf.box.com/s/2wx3we8qav60mei9p4dlx67h0140lcpx" target="_blank">PowerPoint Usage Guide</a>. The UCSF logo should always sit on the left.</p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first"> <h5>CO-BRANDING: EXTERNAL PARTNERS</h5> <hr /> <p><strong><img alt="external partner cobranding example" height="844" src="/sites/g/files/tkssra266/f/wysiwyg/16x9_cov-partner-ext.jpg" width="1500" /></strong></p> </div> <div class="wysiwyg_twocols--second"> <h5>CO-BRANDING: INTERNAL PARTNERS</h5> <hr /> <p><img alt="internal partner cobranding example" height="844" src="/sites/g/files/tkssra266/f/wysiwyg/16x9_cov-partner_int.jpg" width="1500" /></p> </div> </div> <h4>Closing Slide Examples</h4> <p>Several closing slide designs are available – including a simple layout featuring the master logo, as well as slides utilizing photography from our mission areas: patient care, research, and education. These images can be replaced, but please be mindful of the layout and our <a href="/photography-and-video/photography-standards">photography style considerations</a> when choosing images. </p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <p><img alt="end slide power point doctor patient parnassus squiggly line pattern" height="720" src="/sites/g/files/tkssra266/f/wysiwyg/End%20Slide_UCSF%20PowerPoint%20Template.png" width="1280" /></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p><img alt="end slide ucsf logo navy background" height="720" src="/sites/g/files/tkssra266/f/wysiwyg/Closing%20slide%20UCSF%20logo.png" width="1280" /></p> </div> </div> <h2>Download Options</h2> <h4>Sizes</h4> <p>PowerPoint templates are available in two sizes depending on your usage needs:</p> <h5>4:3 ASPECT RATIO (STANDARD PPT SIZE)</h5> <hr /> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <div style="border:1px solid gray;"><img alt="4x3 cover navy background scientific bubble pattern" height="2250" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF%20Master%20Brand%20PowerPoint%20Template_4x3_Page_1.png" width="3000" /></div> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <div style="border:1px solid gray;"><img alt="4x3 quote" height="1500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF%20Master%20Brand%20PowerPoint%20Template_4x3%20v7_Page_2.png" width="2000" /></div> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <div style="border:1px solid gray;"><img alt="4x3 divider" height="2250" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF%20Master%20Brand%20PowerPoint%20Template_4x3%20v7_Page_3.png" width="3000" /></div> </div> </div> <h5> </h5> <h5>16:9 ASPECT RATIO (WIDESCREEN SIDE COMPATIBLE WITH HD MONITORS AND ZOOM)</h5> <hr /> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <div style="border:1px solid gray;"><img alt="16x9 cover" height="434" src="/sites/g/files/tkssra266/f/wysiwyg/16x9-Presentation-Science-Cover.jpg" width="774" /></div> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <div style="border:1px solid gray;"><img alt="16x9 quote" height="434" src="/sites/g/files/tkssra266/f/wysiwyg/16x9-Presentation-Science-Quote.jpg" width="774" /></div> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <div style="border:1px solid gray;"><img alt="16x9 divider" height="434" src="/sites/g/files/tkssra266/f/wysiwyg/16x9-Presentation-Science-Header.jpg" width="774" /></div> </div> </div> <h4>Logo Versions / Downloads</h4> <p><strong><a id="download ppt" name="download ppt"></a></strong>Download templates<strong> </strong>for:</p> <ul style="margin-left: 40px;"> <li><a href="https://ucsf.box.com/s/d4xra9jl8ciibgbp9v6cdo6m9507fm1v">Master UCSF logo</a></li> <li><a href="https://ucsf.box.com/s/g1m2hctncrc0kipl4zvlpqtljh6uipp6">Campus logo lock-up</a> (Use this version to update with your official department or division logo)</li> <li><a href="https://ucsf.box.com/s/gj1zzpynfxcfe0po773wrdtfr64r5pnl">UCSF Health logo</a></li> <li><a href="https://ucsf.box.com/s/z7xenkfffdgm1dw5ytgjby9jncckj44e">UCSF Benioff Children’s Hospitals logo</a></li> <li><a href="https://ucsf.box.com/s/o098p41d72liovp0ty4j1krz7wqhgq7e">UCSF at Zuckerberg San Francisco General</a></li> <li><a href="https://pharm.ucsf.edu/identity/present">UCSF School of Pharmacy logo</a></li> <li><a href="https://ucsf.box.com/s/d0o9gdv5icuc7868dffi0k6hi691a601">UCSF Helen Diller Family Comprehensive Cancer Center</a></li> </ul> <p>Also, download the <a href="https://ucsf.box.com/s/2wx3we8qav60mei9p4dlx67h0140lcpx"><strong>PowerPoint Usage Guide</strong></a> for details on customizing your template.</p> <h2>Additional Resources</h2> <div> <div> <p>The following resources are also available for download:</p> <ul> <li><strong><a href="https://ucsf.box.com/s/nsh6ti59lelsmdfc0lcpd0eit3r91dh5">Editorial expressions</a></strong> you can copy and paste into your PowerPoint presentation.</li> <li><strong><a href="/sites/g/files/tkssra266/f/wysiwyg/About%20UCSF%20Slides%20-%2016x9_11.06.24.pdf">About UCSF PowerPoint slides</a></strong>, which are predesigned and can be dropped into your PowerPoint presentation.</li> </ul> </div> </div> <div> <div> <div id="_com_1" uage="JavaScript"> </div> </div> </div> </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="/templates-examples/correspondence">Correspondence »</a></p> <p><strong><a href="/templates-examples/presentation">Presentation »</a></strong></p> <p><a href="/templates-examples/print-materials">Print Materials </a><a href="/node/171">»</a></p> <p><a href="/templates-examples/posters-digital-signage">Posters and Digital Signage »</a></p> <p><a href="/templates-examples/campus-signage">Campus Signage »</a></p> <p><a href="/templates-examples/merchandise">Merchandise »</a></p> <p><a href="/zoom-backgrounds">Zoom Backgrounds »</a></p> </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 & 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 & 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 & 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>© 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>