CINXE.COM

Brand Story | 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/brand-story" /> <link rel="shortlink" href="/node/91" /> <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/brand-story" /> <meta property="og:url" content="https://identity.ucsf.edu/brand-guide/brand-story" /> <meta property="twitter:title" content="Brand Story | UCSF Brand Identity" /> <meta property="og:title" content="Brand Story" /> <title>Brand Story | 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":"Xrcw_dmXR61mZreIvYc44kdvMCM7jiBg6k2UtWGX21c","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\/brand-story":true}}); //--><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-91 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/brand-story" 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-WVXm3TMwzCf3bN42NYQ_t6NVFUXQNRzlKiWJVmhhiLM" /> <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 active-trail active menu-mlid-1811"><a href="/brand-guide/brand-story" class="active-trail active">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 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">Brand Story</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>Brand Story</h1> <p>Each of us – as employees, faculty, health care providers, staff, and students – share a responsibility for telling the UCSF story every day. Our brand strategy, also known as our brand positioning, is the foundation for telling that story – it is what drives us, what differentiates us from others, and why we feel proud to be a part of UCSF. If individually we tell a consistent story about who UCSF is and what we stand for, we'll increase the impact of UCSF as a whole.</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-91" class="node node-page header--navy clearfix" about="/brand-guide/brand-story" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Brand Story" 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"><h2>UCSF Brand Strategy/Positioning</h2> <p><span style="font-size:24px;"><em>Through our singular focus, we are leading revolutions in health.</em></span></p> <p>The UCSF positioning statement is the foundation of everything we say and do. It is the cohesive message that defines who we are, and demonstrates how we want to be perceived by our audiences.</p> <p>Talking about the institution as a whole and making the connection specific to each audience strengthens our ability to have an impact. A positioning statement helps us tell a strong, authentic story.  It helps us distinguish ourselves from our competitors, and helps tell our audiences what they can expect from UCSF.</p> <h2>Brand Attributes</h2> <p>The foundation of the UCSF brand positioning is our differentiators, our driving forces and our core principles. The attributes in these categories help us to establish emotional connections with our audiences. These attributes are consistent, enduring and predictable.</p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--interactive-blue"> <h3>Differentiators</h3> <p>While many regard us as a leader in health, they often recognize us for only part of what we do. Few appreciate what sets us apart as a whole. The following differentiators are common to each of our endeavors, and are our larger story.</p> <p><em>Leadership</em></p> <p><em>Focus</em></p> <p><em>Collaboration</em></p> <p><em>Engagement</em></p> <p><em>San Francisco</em></p> </div> <div class="wysiwyg_twocols--second bg--interactive-teal"> <h3>Driving Forces</h3> <p>Driving forces are the unique reasons why we do what we do. Our communications will be stronger and more distinctive when these forces shape the tone and personality of what we want to say.</p> <p><em>Innovation</em></p> <p><em>Intensity</em></p> <p><em>Urgency</em></p> <p><em>Public Mission</em></p> </div> </div> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--interactive-purple"> <h3>Core Principles</h3> <p>All that we say and do should communicate these four core principles. This will yield more cohesive communications that leverage our differentiators and harness our driving forces to create a compelling and sustainable UCSF story.</p> <p><em>Boldness</em></p> <p><em>Impact</em></p> <p><em>Humanity</em></p> <p><em>Inclusiveness</em></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p> </p> </div> </div> <h2>Positioning Narrative</h2> <p>UC San Francisco is driven by the idea that when the best research, the best education and the best patient care converge, great breakthroughs are achieved. We pursue this integrated excellence with singular focus, fueled by collaboration among our top-ranked professional and graduate schools, medical center, research programs and support teams.</p> <p>We work passionately to advance knowledge, yielding scientific breakthroughs that benefit life and health worldwide. We innovate health education across disciplines to develop collaborative and creative leaders. We improve the lives of patients and populations by creating and implementing urgently needed new practices, policies, therapies and cures.</p> <p>We are committed to serving our diverse communities. From the heart of the dynamic bay area, we create new models for partnering with leading innovators in academia, science, technology and industry in pursuit of our public mission.</p> <p>Working as one, UCSF integrates excellence with a singular focus to deliver the best possible outcomes for you and those you care about.</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><strong><a href="/brand-guide/brand-story">Brand Story »</a></strong></p> <p><a href="/brand-guide/logos">Logos »</a></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-26" class="block block-block"> <h3>Download the Guides</h3> <div class="content"> <p>The <strong><a href="https://ucsf.box.com/s/t1e7w15dopyxaqw2b8vrsl4jgeit501c">UCSF Brand Positioning Guide</a></strong> provides the foundation for written communications from UCSF.</p> <p> </p> <p>The <a href="https://ucsf.box.com/s/ffcsze39m3k7gt93igln6iwdhnb9i41r"><strong>UCSF Editorial Style Guide</strong></a> is available to guide writing for UCSF publications or websites. It outlines commonly-used terms, punctuation, and editorial style to improve clarity and readability across communications at UCSF.</p> </div> </div></div><div class="field-item odd"><div id="block-block-71" class="block block-block"> <h3>Fact Sheet</h3> <div class="content"> <p>The <strong><a href="/sites/g/files/tkssra266/f/wysiwyg/UCSF_FactSheet_10.16.23_online.pdf">UCSF Fact Sheet</a></strong> provides a quick overview of our organization. </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 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