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="/home" /> <link rel="shortlink" href="/node/136" /> <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/home" /> <meta property="og:url" content="https://identity.ucsf.edu/home" /> <meta property="twitter:title" content="Home | UCSF Brand Identity" /> <meta property="og:title" content="Home" /> <title>Home | 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 front not-logged-in page-node page-node- page-node-136 node-type-page ucsf-b1gfoot font--header--helveticaneue nav--lock profile--grid no-sidebar no-sidebar--left" > <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="/" 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-tqavjvpD6S9_gVdD5inqzyKDEmC21cPaeRoDWLu7VUo" /> <input type="hidden" name="form_id" value="search_block_form" /> </div> </div></form> </div> </div> <div id="block-ucsf-b1gfoot-tweaks-header-socialmedia" class="block block-ucsf-b1gfoot-tweaks"> <div class="content"> <div class="nav-social"></div> </div> </div> <div id="block-menu-block-1" class="block block-menu-block"> <div class="content"> <div class="menu-block-wrapper menu-block-1 menu-name-main-menu parent-mlid-0 menu-level-1"> <ul class="menu"><li class="first expanded menu-mlid-1776"><a href="/brand-guide">Brand Guide</a><ul class="menu"><li class="first leaf menu-mlid-1811"><a href="/brand-guide/brand-story">Brand Story</a></li> <li class="leaf menu-mlid-1781"><a href="/brand-guide/logos">Logos</a></li> <li class="leaf menu-mlid-1786"><a href="/brand-guide/color">Color</a></li> <li class="leaf menu-mlid-1791"><a href="/brand-guide/fonts">Font/Typography</a></li> <li class="leaf menu-mlid-1796"><a href="/brand-guide/editorial-expression">Editorial Expression</a></li> <li class="leaf menu-mlid-1801"><a href="/brand-guide/visual-framework">Visual Framework</a></li> <li class="leaf menu-mlid-16836"><a href="/brand-guide/patterns" title="Patterns">Patterns</a></li> <li class="leaf menu-mlid-16831"><a href="/brand-guide/iconography">Iconography</a></li> <li class="leaf menu-mlid-1806"><a href="/brand-guide/using-ucsf-name">Using the UCSF Name</a></li> <li class="last leaf has-children menu-mlid-1816"><a href="/brand-guide/ucsf-health">UCSF Health Guidelines</a></li> </ul></li> <li class="expanded menu-mlid-2226"><a href="/print-digital">Print & Digital</a><ul class="menu"><li class="first leaf menu-mlid-1826"><a href="/print-digital/print-guidelines">Print Guidelines</a></li> <li class="leaf menu-mlid-1861"><a href="/print-digital/digital-guidelines">Digital Guidelines</a></li> <li class="leaf menu-mlid-1841"><a href="/print-digital/websites">Websites</a></li> <li class="last leaf menu-mlid-1866"><a href="/print-digital/social-media">Social Media</a></li> </ul></li> <li class="expanded menu-mlid-1731"><a href="/photography-video">Photography & Video</a><ul class="menu"><li class="first leaf menu-mlid-1846"><a href="/photography-and-video/photography-standards">Photography Standards</a></li> <li class="leaf menu-mlid-1876"><a href="/photography-video/brand-photography-library">Brand Photography Library</a></li> <li class="last leaf menu-mlid-1851"><a href="/photography-video/video-standards">Video Standards</a></li> </ul></li> <li class="expanded 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 class="content-top"> <div class="region region-content-top"> <div id="block-block-21" class="block block-block welcome-block"> <div class="content"> <div class="image-banner"><img alt="mission bay sunrise" height="529" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_20170828_Sunrise%20MBay_006-V2.jpg" width="1500" /></div> <div class="image-banner"><img alt="hands holding a brain" height="529" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_20161105_BASF_207a-V2.jpg" width="1500" /></div> <div class="image-banner"><img alt="woman looking into microscope" height="528" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_20170726_Cell%20Camp%202_182-V2.jpg" width="1500" /></div> <div class="image-banner"><img alt="little girls playing in hospital" height="528" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_150701_HallWagon_0674-V2.jpg" width="1500" /></div> <div class="image-banner"><img alt="researchers" height="530" src="/sites/g/files/tkssra266/f/wysiwyg/UCSF_20160811_SEPMichal_065a-V2.jpg" width="1500" /></div> <div class="image-banner"><img alt="science image of a mouse intestine" height="514" src="/sites/g/files/tkssra266/f/wysiwyg/mouse-intestinal-organoids-V2.jpg" width="1500" /></div> <div class="image-banner"><img alt="aerial image of parnassus" height="529" src="/sites/g/files/tkssra266/f/wysiwyg/parnassus-aerial-view-V2.jpg" width="1500" /></div> <div class="welcome-content"> <h1>Welcome.</h1> <p>Our brand is the culmination of every impression that helps us – as part of the UCSF community – engage with supporters, patients, advocates, and students. It represents the pride and passion that we have in the work we do, and how we distinguish ourselves as UCSF. </p> </div> <div class="contact-info"> <h5>Contact Info</h5> <p>Check out the <a href="/templates-examples">Templates and Examples</a> section for inspiration. If you can’t find what you’re looking for or need help – email us at <a href="/cdn-cgi/l/email-protection#462f222328322f323f063325352068232233"><span class="__cf_email__" data-cfemail="ff969b9a918b968b86bf8a9c8c99d19a9b8a">[email protected]</span></a>.</p> </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-136" class="node node-page clearfix" about="/home" typeof="sioc:Item foaf:Document"> <span property="dc:title" content="Home" 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"><div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--interactive-blue"> <h3>Logos</h3> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/logos" target="_blank">Which Logo Do I Use?</a></p> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/logos">Download Master Logo</a></p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--interactive-purple"> <h3>UCSF Health</h3> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/ucsf-health">AM I PART OF UCSF HEALTH?</a></p> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/ucsf-health">DOWNLOAD CLINICAL LOGOS</a></p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--interactive-light-navy"> <h3>Web & Digital</h3> <p><a class="btn--small btn--more--white btn--full-width" href="/print-digital/websites">CREATE A WEBSITE</a></p> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/color">COLOR USAGE</a></p> </div> </div> <div class="wysiwyg_threecols layout--33-33-33"> <div class="wysiwyg_threecols--first bg--undefined bg--interactive-teal"> <h3>The Basics</h3> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/fonts">TYPOGRAPHY & FONTS</a></p> <p><a class="btn--small btn--more--white btn--full-width" href="/brand-guide/color">COLORS</a></p> </div> <div class="wysiwyg_threecols--second bg--undefined bg--interactive-dark-blue"> <h3>Templates</h3> <p><a class="btn--small btn--more--white btn--full-width" href="/templates-examples/presentation">powerpoint</a></p> <p><a class="btn--small btn--more--white btn--full-width" href="/templates-examples/posters-digital-signage">posters</a></p> </div> <div class="wysiwyg_threecols--third bg--undefined bg--interactive-dark-grey"> <h3>Photography</h3> <p><a class="btn--small btn--more--white btn--full-width" href="/photography-video/brand-photography-library">download photos</a></p> <p><a class="btn--small btn--more--white btn--full-width" href="/photography-and-video/photography-standards">choosing the right PHOTO</a></p> </div> </div> <p> </p> <div class="wysiwyg_twocols layout--50-50"> <div class="wysiwyg_twocols--first bg--light-grey"> <p>Building on our brand strategy, we developed a visual system to express our identity and visually strengthen the UCSF story. Consistent use of the visual system helps define and enhance the UCSF brand experience. Consistency is critical to the success of the UCSF brand.</p> <p><a href="/brand-guide">General Brand Guidelines</a></p> <p><a href="/print-digital/print-guidelines">Print Guidelines</a></p> <p><a href="/print-digital/digital-guidelines">Web & Digital Guidelines</a></p> </div> <div class="wysiwyg_twocols--second bg--light-grey"> <h4>PDF Guidelines</h4> <p><a href="https://ucsf.box.com/s/n2lb6gfiqr0fbh9qdn16b9td887ti1i5">UCSF Brand Guide</a></p> <p><a href="https://ucsf.box.com/s/hodrypdgcihwe4zitl6e0fj7xzp1ijgd">Supplemental Guidelines for Programs/Initiatives and Partnerships</a></p> <p><a href="https://ucsf.box.com/s/ffcsze39m3k7gt93igln6iwdhnb9i41r">Editorial Style Guide</a></p> <p><a href="https://ucsf.box.com/s/hssj3ucjm2xf1ex5u443wfpyeq4lugi6">UCSF Health Visual Brand Guidelines</a></p> <p><a href="https://ucsf.box.com/s/l83df9t3g89lnwdg8k4qqff8tdtb0hj5">UCSF Video Guidelines</a></p> </div> </div> <p> </p> <div class="wysiwyg_featured_content"> <div class="wysiwyg_featured_content--image_area"> <div class="responsive-video align--center size--full"><iframe data-align="center" data-original-input="https://youtu.be/pG0syeeDLeg" data-size="full" data-video-image="http://img.youtube.com/vi/pG0syeeDLeg/0.jpg" src="https://www.youtube.com/embed/pG0syeeDLeg?autohide=1&controls=1&showinfo=0" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 476px;"></iframe></div> <p> </p> </div> <div class="wysiwyg_featured_content--body"> <h3>Brand Identity Resources and Training</h3> <p>Take a look here at our brief introductory video on the importance of our Brand, the various items available on this site, plus other available support to assist you with your communications, marketing, design and fundraising work.</p> </div> </div> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="column"> </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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><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>