CINXE.COM

Logos | 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="/brand-guide/logos" /> <link rel="shortlink" href="/node/61" /> <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/brand-guide/logos" /> <meta property="og:url" content="https://identity.ucsf.edu/brand-guide/logos" /> <meta property="twitter:title" content="Logos | UCSF Brand Identity" /> <meta property="og:title" content="Logos" /> <title>Logos | 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":"z-7rJbKWIeh54BDN1y4Tmxa0j7JmPkJPibBCaJSnmkc","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":{"\/brand-guide\/logos":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-61 node-type-page header--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="/brand-guide/logos" 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-IWw6_RNUrW66SJ2UDlUu1htDWkgb7paT4d-aquoczwE" /> <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 active-trail menu-mlid-1776"><a href="/brand-guide" class="active-trail">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 active-trail active menu-mlid-1781"><a href="/brand-guide/logos" class="active-trail active">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 menu-mlid-1731"><a href="/photography-video">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 menu-mlid-1851"><a href="/photography-video/video-standards">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="/brand-guide">Brand Guide</a> > <span class="breadcrumb-page-title">Logos</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>Logos</h1> <section id="scrollNav-1"> <p>The UCSF logo is the most visible representation of our brand. Logos are an impactful way to show affiliation with UCSF. To ensure consistent usage across the master brand enterprise and all associated entities and sub-brands, please use the UCSF logo in accordance with these standards.</p> </section> <article about="/brand-logos" id="node-9" role="article" typeof="foaf:Document"> <header> </header> </article> </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-61" class="node node-page header--navy clearfix" about="/brand-guide/logos" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Logos" 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>All materials with the official logo must be compliant with the brand standards. <strong>Do not create your own logo. </strong>All logos must be developed by UCSF's Office of Communications.</p> <p>Specific logo lock-ups and treatments are available for:</p> <ul style="margin-left: 40px;"> <li>Official UCSF schools, department, and divisions</li> <li>Programs (external programs and internal initiatives) that are part of a UCSF department</li> <li>Approved partnerships with external entities</li> </ul> <p><strong>Take this short <a href="https://ucsf.co1.qualtrics.com/jfe/form/SV_a8BvvmElAbThP1k">Logo Quiz</a> to determine which logo would apply to your group and to submit your logo request.</strong> Please note that not all groups qualify for having their own logo or treatment; instead, these groups will use the UCSF Master or department logo.</p> <p>The following page includes guidance in the following areas:</p> <ul> <li><a href="#download">Master Brand Logo Downloads</a></li> <li><a href="#usingtheUCSFlogo">Using the UCSF Logo</a></li> <li><a href="#internalpartnerships">Internal Partnerships</a></li> <li><a href="#sponsorshipscobranding">Sponsorships/Co-Branding</a></li> </ul> <p>Looking for UCSF Health logos? See downloads and guidance on the <a href="/brand-guide/ucsf-health">UCSF Health Guidelines page</a>.</p> <p> </p> <h2><a id="download" name="download"></a>Master Brand Logo Downloads</h2> <p>All groups can use the UCSF Master logos. The master brand signature is the most prominent representation of the UCSF brand. It is the preferred UCSF logo for all print and digital applications.</p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <h5>UCSF SIGNATURE LOGO</h5> <hr /> <p><a href="https://ucsf.box.com/s/z8t9h7pcejwudcwqkixy5xhmmhxickaj"><img alt="UCSF logo signature" height="146" src="/sites/g/files/tkssra266/f/wysiwyg/logo_signature_0.jpg" style="float:left" width="200" /></a></p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/z8t9h7pcejwudcwqkixy5xhmmhxickaj">Download HERE</a></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <h5>UCSF SIGNATURE LOGO WITH TAGLINE</h5> <hr /> <p><a href="https://ucsf.box.com/s/imucjqnq5o2516u375y7g0840buztrzv"><img alt="UCSF logo with tagline" height="146" src="/sites/g/files/tkssra266/f/wysiwyg/logo_tagline_0.jpg" style="float:left" width="200" /></a></p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/imucjqnq5o2516u375y7g0840buztrzv">Download HERE</a></p> </div> </div> <p> </p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <h5>UCSF LOGO</h5> <hr /> <p><a href="https://ucsf.box.com/s/1vphaguhqhusjzuu1zmhx6s7knmrctnv"><img alt="UCSF logo" height="146" src="/sites/g/files/tkssra266/f/wysiwyg/logo_0.jpg" style="float:left" width="200" /></a></p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/1vphaguhqhusjzuu1zmhx6s7knmrctnv">Download HERE</a></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <h5>UCSF LOGO EXPRESSION</h5> <hr /> <p><a href="https://ucsf.box.com/s/cdpzga0ii6ccd4h7zei4krmj1x7rrvlr"><img alt="logo expression" height="146" src="/sites/g/files/tkssra266/f/wysiwyg/logo_expression_1.jpg" style="float:left" width="200" /></a></p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/chsit48gxvg9ougo40k7y8dlzbxbjf1d">Download HERE</a></p> </div> </div> <p> </p> <p>The primary <a href="https://ucsf.box.com/s/1wv3xdnsxqd03a84pmsmd1mosdp19buc">UCSF Helen Diller Family Comprehensive Cancer Center logo</a> and the primary <a href="https://ucsf.box.com/s/mpq9e3j18oiuogmepa45kg8nf8h1pw15">UCSF Weill Institute for Neurosciences logo</a> are also available for download.</p> <p> </p> <h2><a id="usingtheUCSFlogo" name="usingtheUCSFlogo"></a>Using the UCSF Logo</h2> <h4>Overview</h4> <ul style="margin-left: 40px;"> <li>Do not alter your logo in any way <ul style="margin-left: 40px;"> <li>Logos should only be used in the colors provided</li> <li>Do not add text to the logo, or reposition “University of California San Francisco”</li> </ul> </li> <li>Always include sufficient clear space around the logo</li> <li>Abide by minimum size requirements</li> <li>Never use more than one UCSF logo at a time (including on websites, print materials, etc.)</li> </ul> <p> </p> <h4>Color</h4> <p>Logos are available in navy (preferred), black, and white – never alter the color of the logo. Choose the color that works best in context. For example, make sure there is sufficient contrast between the logo and the background. Logo Expressions, or logoboxes, are available for <a href="http://ucsf.box.com/s/qumdap1iukmknmf89docvd8ho0pon1td">download</a> in all primary colors. Use the version with white UCSF logo on most applications. The "KO" (knockout) version can be used over a photograph.</p> <h4>Clear Space</h4> <p>Always ensure there is sufficient clear space around the logo. Refer to examples below for guidance on each logo.</p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <p><img alt="ucsf logo with clear space" height="486" src="/sites/g/files/tkssra266/f/wysiwyg/clearspace.png" width="600" /></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p><img alt="Diller logo with clear space" height="450" src="/sites/g/files/tkssra266/f/wysiwyg/dillerclearspace.png" width="750" /></p> </div> </div> <h4>Sizing</h4> <p>See below for the minimum size requirements for the UCSF Master and Entity logos.</p> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <p><img alt="ucsf logo minimum size" height="677" src="/sites/g/files/tkssra266/f/wysiwyg/minsize.png" width="777" /></p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <p><img alt="weill logo minimum size" height="480" src="/sites/g/files/tkssra266/f/wysiwyg/weillminsize2_0.png" width="750" /></p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <p><img alt="diller logo min size" height="480" src="/sites/g/files/tkssra266/f/wysiwyg/dillerminsize2.png" width="750" /></p> </div> </div> <p> </p> <h2><a id="internalpartnerships" name="internalpartnerships"></a>Internal Partnerships</h2> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first"> <p>Represent a partnership among multiple UCSF groups by using a Master or department logo, and the partner names in Helvetica Neue Light type.</p> <p><img alt="example of internal partner treatment" height="844" src="/sites/g/files/tkssra266/f/wysiwyg/internalpartners.png" width="750" /></p> </div> <div class="wysiwyg_twocols--second"> <p>Never use mutliple UCSF logos together. If representing multiple UCSF groups, use one logo and list partner names in type.</p> <p><img alt="example of noncompliant internal partner treatment" height="844" src="/sites/g/files/tkssra266/f/wysiwyg/internalpartnerDont.png" width="750" /></p> </div> </div> <h2><a id="sponsorshipscobranding" name="sponsorshipscobranding"></a>Sponsorships/Co-Branding</h2> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <h4>UCSF as Primary Partner</h4> <div style="border: 1px solid gray; padding:15px;"><img alt="primary partner logo treatment" height="1146" src="/sites/g/files/tkssra266/f/wysiwyg/partner_lead.png" width="1604" /></div> </div> <div class="wysiwyg_twocols--second bg--transparent"> <h4>UCSF as Equal Partner</h4> <div style="border: 1px solid gray; padding:15px;"><img alt="ucsf as equal partner logo treatment" height="1146" src="/sites/g/files/tkssra266/f/wysiwyg/partner_equal.png" width="1604" /></div> <p> </p> </div> </div> <h4>UCSF as Supporting Partner</h4> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <div style="border: 1px solid gray; padding:15px;"><strong><img alt="ucsf as supporting partner logo treatment" height="677" src="/sites/g/files/tkssra266/f/wysiwyg/partner_supporting.png" width="1604" /></strong></div> </div> <div class="wysiwyg_twocols--second bg--transparent"> <div style="border: 1px solid gray;padding:15px;"><strong><img alt="ucsf as supporting partner logo treatment 2" height="677" src="/sites/g/files/tkssra266/f/wysiwyg/partner_supporting2.png" width="1604" /></strong></div> </div> </div> <p> </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="/brand-guide/brand-story">Brand Story »</a></p> <p><strong><a href="/brand-guide/logos">Logos »</a></strong></p> <p><a href="/brand-guide/color">Color »</a></p> <p><a href="/brand-guide/fonts">Fonts/Typography »</a></p> <p><a href="/brand-guide/editorial-expression">Editorial Expression »</a></p> <p><a href="/brand-guide/visual-framework">Visual Framework »</a></p> <p><a href="/brand-guide/patterns">Patterns »</a></p> <p><a href="/brand-guide/iconography">Iconography »</a></p> <p><a href="/brand-guide/using-ucsf-name">Using the UCSF Name »</a></p> <p><a href="/brand-guide/ucsf-health">UCSF Health Guidelines »</a></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-56" class="block block-block"> <h3>Brand Identity Compliance</h3> <div class="content"> <p>As a UCSF employee, you must comply with policies and standards related to the UCSF brand identity, as described in <a href="https://policies.ucsf.edu/policy/250-13">250-13: Use of University Name, Seal, Logo and Brand Identity</a>. These standards include:</p> <p> </p> <ul> <li>Using the <a href="/brand-guide">UCSF visual identity</a></li> <li>Complying with <a href="/brand-guide/logos">UCSF logo</a> principles</li> <li>Utilizing <a href="/photography-and-video/photography-standards">photography</a> appropriately</li> <li>Adhering to <a href="/print-digital/websites">website </a>and <a href="/print-digital/social-media">social media</a> best practices</li> </ul> <p> </p> <p>For more information, complete UCSF Brand Training through <a href="https://training.ucsf.edu/">UC Learning Center</a> (MyAccess Learning &amp; Management System) or email <a href="/cdn-cgi/l/email-protection#e9808d8c879d809d90a99c8a9a8fc78c8d9c" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;"><span class="__cf_email__" data-cfemail="adc4c9c8c3d9c4d9d4edd8cedecb83c8c9d8">[email&#160;protected]</span></a> with questions.</p> </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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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