CINXE.COM

<!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/ucsf-health" /> <link rel="shortlink" href="/node/96" /> <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/ucsf-health" /> <meta property="og:url" content="https://identity.ucsf.edu/brand-guide/ucsf-health" /> <meta property="twitter:title" content="UCSF Health | UCSF Brand Identity" /> <meta property="og:title" content="UCSF Health" /> <title>UCSF Health | 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[/*> </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[/*> </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[//><!]]> </script> <script type="text/javascript"> <![CDATA[//><!]]> </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[//><!]]> </script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-96 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=='Search'){ alert('Please enter a search'); return false; }" action="/brand-guide/ucsf-health" 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-WyQ9MNuCy7gE2veQ0PlGwsac_uD_tvmnTa-OzUK32ec" /> <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 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 active-trail active menu-mlid-1816"><a href="/brand-guide/ucsf-health" class="active-trail active">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 menu-mlid-1726"><a href="/templates-examples">Templates & 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 & 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">UCSF Health Guidelines</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>UCSF Health</h1> <p>UCSF Health is at the forefront of health care innovation. We are united by a common pursuit to deliver the highest quality care and to respond to changes taking place in the health care industry.</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-96" class="node node-page header--navy clearfix" about="/brand-guide/ucsf-health" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="UCSF Health" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> <div class="content"> <div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><h1>Sharing the UCSF Health Story</h1> <p><strong>Welcome to the UCSF Health Brand Portal.</strong> UCSF Health brand standards were developed to help us share our story with a singular voice. The following guidelines and tools, when applied consistently, will help build awareness of UCSF Health and support for our vision.</p> <h2>What is UCSF Health?</h2> <p>UCSF Health is the name of our health system and the umbrella brand for the clinical enterprise. It consists of UCSF Helen Diller Medical Center at Parnassus Heights, UCSF Medical Center at Mount Zion, and UCSF Medical Center at Mission Bay; UCSF Benioff Children’s Hospitals in Oakland and San Francisco; UCSF Saint Francis and St. Mary's Hospitals in San Francisco; patient care components of UCSF Helen Diller Family Comprehensive Cancer Center and UCSF Weill Institute for Neurosciences including Langley Porter Psychiatric Hospital and Clinics; UCSF Benioff Children’s Physicians; and the UCSF Faculty Practice.</p> <ul> <li><strong>UCSF Medical Center</strong> is ranked among the top hospitals in the nation and includes adult inpatient and outpatient clinical care provided at our three medical center locations: UCSF Helen Diller Medical Center at Parnassus Heights, and UCSF Medical Centers at Mission Bay and Mount Zion.</li> <li><strong>UCSF Benioff Children's Hospitals</strong> provide world-class pediatric care at our hospitals in Oakland and San Francisco, as well as specialty clinics throughout the region.</li> </ul> <h2>UCSF Family of Logos</h2> <p>The family of UCSF logos is organized into five core categories: master brand, clinical brand umbrella, clinical sub-brand, entities, and campus. When applied consistently, this system of logos reinforces each group's affliation with the master brand and helps amplify awareness and understanding of UCSF.</p> <p><img alt="Family of UCSF Logos" height="898" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF%20Family%20of%20Logos_22.png" width="1372" /></p> <h2>Clinical Logos</h2> <p>UCSF Health unifies UCSF’s diverse clinical enterprise. Clinical logos were created to support communication of patient-facing entities. See below for details on how to best represent UCSF Health and UCSF Benioff Children's Hospitals in your communications.</p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <h5>UCSF HEALTH</h5> <hr /> <p style="text-align:center"><img alt="UCSF Health logo" height="317" src="/sites/g/files/tkssra266/f/wysiwyg/vs3_bl_a_ucsf_health%402x.png" width="600" /></p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/7vjsj5ube8re3o63ot43vn6orlalxx5b" target="_blank">Download logos</a></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <h5>UCSF BENIOFF CHILDREN’S HOSPITALS</h5> <hr /> <p><img alt="UCSF Benioff Children's Hospitals logo" height="577" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF-Benioff-Childrens-Hospitals-logo.jpg" width="1088" /></p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/jszoduyd407kqdt666sj1kq11x14s0cl" target="_blank">Download logos</a></p> </div> </div> <p> </p> <div class="wysiwyg_twocols layout"> <div class="wysiwyg_twocols--first bg--interactive-purple"> <h4>UCSF Benioff Children's Hospitals</h4> <p>Details on the UCSF Benioff Children's Hospitals brand, compliant logo use, and example collateral.</p> <p><a class="btn--small btn--more--white" href="/brand-guide/ucsf-health/ucsf-benioff-childrens-hospitals">Learn more</a></p> </div> </div> <h2>General UCSF Health Brand</h2> <p><strong>Download the <a href="https://ucsf.box.com/s/hssj3ucjm2xf1ex5u443wfpyeq4lugi6">UCSF Health Visual Brand Guidelines</a> for all information pertaining to UCSF Health brand.</strong></p> <p>The UCSF Medical Center logo and combined “UCSF Medical Center | UCSF Benioff Children’s Hospitals” logo have been retired and should now be replaced with UCSF Health logos in all communications. </p> <p>For ideas and templates to create materials, see the <a href="/templates-examples">Templates and Examples</a> section. For information on UCSF Health and UCSF Benioff Children's Hospitals letterhead and business cards, see the <a href="/templates-examples/correspondence">Correspondence</a> section. </p> <h3>Logos</h3> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <h5>Color Logos - Preferred</h5> <h5><img alt="UCSF Health full color logos" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor.jpg" width="800" /></h5> </div> <div class="wysiwyg_twocols--second bg--transparent"> <h5>Reversed Color Logos - Preferred</h5> <h5><img alt="UCSF reversed color logos" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_navy.jpg" width="800" /></h5> </div> </div> <h5> </h5> <p><img alt="UCSF Health logo color palette" height="151" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF%20Health%20Swatches_22_1604x151.jpg" width="1604" /></p> <p> </p> <h5>One-Color Versions</h5> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <p><img alt="UCSF Health logos in navy" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_onecolor_navy.jpg" width="800" />Use the navy logo when only one color is available for print applications, or de-emphasis of the logo is needed after leading with the full-color or two-color reversed version. White is the preferred background color.</p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <p><img alt="UCSF Health logos in black" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_onecolor_black.jpg" width="800" />Use the black logo when only black is available for print applications, or de-emphasis of the logo is needed after leading with the full-color or two-color reversed version. White is the preferred background color.</p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <p><img alt="UCSF Health logo in white" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_onecolor_white_1.jpg" width="800" />Use the reversed white logo when de-emphasis of the logo is needed after leading with the full-color or two-color reversed version. Ensure adequate contrast between logos and backgrounds, including images.</p> <p> </p> </div> </div> <h5> </h5> <h5>Logo Clear Space and Minimum Size</h5> <p> </p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <h5><img alt="logo clear space" height="400" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_clearspace.jpg" width="800" /></h5> <p>Providing the right amount of clear space around the logo makes it easier to distinguish, and reinforces the importance of the UCSF Health identity. The required amount of clear space to ensure maximum visibility and legibility of the logo is determined by the height of “UCSF.” This same clear space requirement applies to the UCSF Health logo with tagline.</p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <h5><img alt="logo minimum sizing" height="400" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_minimum.jpg" width="800" /></h5> <p>The minimum size of the logo is set for maximum visibility and impact. The logo may scale up significantly larger, but never use the lock-up smaller than the minimum size. The UCSF Health logo should not exceed 30 percent of the total width of a layout, with the exception of extreme vertical layouts.</p> </div> </div> <h5> </h5> <h3>Representing Sub-Brands and Entities</h3> <p>When representing UCSF Health as an umbrella, there may be a need to emphasize the clinical sub-brand and/or entities. Set each name in Helvetica Neue Light type rather than featuring multiple UCSF logos. Note that this treatment is only for clinical/patient care areas.</p> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <p><img alt="UCSF Health logo with subbrands" height="216" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_subbrands_1_0.jpg" width="385" /></p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <p><img alt="UCSF Health logo with subbrands" height="253" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_subbrands_3_0.jpg" width="450" /></p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <p> </p> </div> </div> <h5> </h5> <h3>Retiring the UCSF Medical Center Logo</h3> <p>The UCSF Medical Center logo has been retired and should now be replaced with UCSF Health. UCSF Medical Center was a category/umbrella brand for our adult clinical services that did not exclusively pertain to cancer or neurosciences. It will now be represented by the UCSF Health logo.</p> <p>UCSF Medical Center will refer to specific buildings on the UCSF Health campuses only, and will no longer have a logo associated with it. The UCSF Medical Center name will be referred to in text only.</p> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <p><img alt="UCSF Health logo - Parnassus location" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_Parnassus.jpg" width="800" />This campus includes:</p> <ul> <li>UCSF Helen Diller Medical Center at Parnassus Heights (505 Parnassus Avenue) ∙ The Ambulatory Care Center at 400 Parnassus</li> <li>Any other clinical (patient care) buildings at Parnassus</li> </ul> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <p><img alt="UCSF Health logo - Mission Bay location" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_MissionBay.jpg" width="800" />This campus includes:</p> <ul> <li>UCSF Medical Center at Mission Bay</li> <li>UCSF Betty Irene Moore Women’s Hospital and UCSF Bakar Cancer Hospital (1855 4th Street)</li> <li>UCSF Ron Conway Family Gateway Medical Building (1825 4th Street)</li> <li>UCSF Benioff Children’s Hospitals San Francisco (1975 4th Street)</li> <li>UCSF Orthopaedic Institute at 1500 Owens St.</li> <li>Any other clinical (patient care) buildings at Mission Bay</li> </ul> <ul> </ul> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <p><img alt="UCSF Health logo - Mount Zion location" height="500" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_logo_fullcolor_MtZion.jpg" width="800" />This campus includes:</p> <ul> <li>UCSF Medical Center at Mount Zion (1600 Divisadero Street)</li> <li>UCSF Helen Diller Family Comprehensive Cancer Center at 1600 Divisadero</li> <li>UCSF Women’s Health Center at 2356 Sutter Street</li> <li>Any other clinical (non-campus) buildings at Mount Zion</li> </ul> </div> </div> <h5> </h5> <h5> </h5> <h3>Collateral Examples</h3> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--transparent"> <p style="text-align:center"><img alt="ucsf health brochure" height="515" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_brochure_PhysicianDirectory_0.jpg" width="412" /></p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--transparent"> <p style="text-align:center"><img alt="UCSF Health brochure 2" height="413" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFBCH_brochure_WattisSchool.jpg" width="267" /></p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--transparent"> <p><img alt="UCSF Health Women's Health brochure" height="413" src="/sites/g/files/tkssra266/f/wysiwyg/UCSFHealth_brochure_CancerCare.jpg" width="267" /></p> </div> </div> <p> </p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--transparent"> <p><img alt="UCSF Health collateral examples" height="830" src="/sites/g/files/tkssra266/f/wysiwyg/7.19.17_Stationary_UCSFHealth.png" width="750" /></p> </div> <div class="wysiwyg_twocols--second bg--transparent"> <p><img alt="UCSF Health collateral examples" height="830" src="/sites/g/files/tkssra266/f/wysiwyg/7.19.17_Stationary_UCSFBCH.png" width="750" /></p> </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><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><strong><a href="/brand-guide/ucsf-health">UCSF Health Guidelines »</a></strong></p> </div></div></div> </div> </div> <div id="block-fieldblock-node-page-default-field-blockref-sidebar" class="block block-fieldblock sidebar-widgets"> <div class="content"> <div class="field field-name-field-blockref-sidebar field-type-blockreference field-label-hidden"><div class="field-items"><div class="field-item even"><div id="block-block-31" class="block block-block"> <h3>UCSF Health Brand Standards Guides</h3> <div class="content"> <p><strong>UCSF Health & UCSF Benioff Children's Hospitals visual brand guidelines</strong> provide a full set of tools, standards, and best practices for implementing the brand consistently across a range of touchpoints.</p> <p> </p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/hssj3ucjm2xf1ex5u443wfpyeq4lugi6" target="_blank">Download PDF</a></p> <p> </p> <p><b>Quick Brand Guides </b></p> <p>Download our one-page visual communications "quick guide" to help you apply the brand. </p> <p> </p> <p><a class="btn--small btn--white--underline" href="https://ucsf.box.com/s/61uvfmvieabepz81b9j2ybisnuokzman">DOWNLOAD GUIDES</a></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 & 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[//><!]]> </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>