Digital

Typography

Typography also helps to center UCLA’s brand identity and should be used consistently across campus. To help ensure that all of our visual communications are consistent, UCLA uses a select group of preferred typefaces for digital materials and one default typeface. 




  • Fonts

    UCLA employs one overarching typeface called Proxima Nova for all web-related materials. Proxima Nova has many characteristics and weights similar to Karbon — which is used for print materials — but is optimized for web viewing. This face should not be used in any media other than web.

     

  • Safe Default Fonts

    If there is an instance when Proxima Nova is unavailable for web materials, UCLA’s default font is Verdana. Verdana should never be used in conjunction with Proxima Nova and should be used only when licenses for Proxima Nova are not available. In order to maintain maximum visual consistency throughout the brand, do not use any other typefaces when using Verdana.

  • Karbon

    On occasion, Karbon may be used in graphic elements (e.g., overlays, ribbon treatment) for web-related materials. 

  • Karbon Thin Reveal and Karbon Bold, Open Outlined Caps

    In addition to the Karbon family, there are two versions customized for UCLA:

    • Karbon Thin Reveal: lower case alphabet only, with “sliced” letters
    • Karbon Bold, Open Outlined: caps only

    The custom fonts are meant to be used sparingly and carefully. Karbon fonts may be purchased from vllg.com or requested from the Brand Assets section of images.ucla.edu (very limited availability). Karbon Custom Display will only be supplied to those with licenses for at least two weights of Karbon.

     

     

  • Content Links

    Links within content areas should be underlined and use #8237ff with a hover state of #1e4b87.

  • Display Headlines

    Because of the university’s vast influence and countless number of messages it must deliver to a wide array of audiences, we have created a variety of options for setting headlines. Select the headline that works best for your needs.

    Karbon Thin Reveal, inspired by the light that is a distinguishing factor in UCLA’s identity, is recommended for use in large, overarching brand headlines and undergraduate materials. The letterforms “reveal” themselves, alluding to breakthrough moments of inspiration and optimism. Headlines set in this typeface should be all lowercase.

     

  • Karbon Bold, Open Outlined Caps is another option. The letterforms are outlined and open-ended to express optimism and openness, while their bold weight speaks to power and strength. This type style should be reserved for headlines or subheads with a maximum of three words.

  • Combination Copy Blocks

    Use this typography specifically for short, statistical callouts and other brief, onlineinformation communications. For the copy itself, use Proxima Nova Semibold Uppercase with plenty of kerning for the text. And, for numerals, use Karbon Bold Open Outlined. Ensure that the type is legible and the message as brief as possible.

     

  • Things to Avoid

    • Do not set headlines longer than two or three words in Karbon Bold, Open Outlined Caps.
    • Do not use all styles at the same type size when employing multiple typefaces in a headline.
    • Do not create your own modifications to the Karbon font. Only use the display faces provided.
    • Do not obstruct the subject matter of a photograph with a headline.
    • Do not place a headline over a photo where the legibility of the headline is compromised.
    • Do not vary the size of a specific weight or style within a headline treatment.
    • Do not use as body copy. Karbon should only be used within a head or ribbon treatment.