Style Guide for Brilliant Future: The Campaign for UC Irvine
Please note that Brilliant Future The Campaign for UC Irvine creative assets are reserved for use in fundraising material, soliciting donors or in alumni engagement. General (or the overarching) UC Irvine brand should still be used for every day practice.
The UC Irvine “Surge” mark represents the energy, efforts and actions of the entire UC Irvine community in our pursuit of a Brilliant Future. The interweaving colors embody the bold diversity of thoughts and individuals that are opening the world to new paths and perspectives. And the circular motion is indicative of the collaboration that drives our constant progression toward a greater tomorrow.
Primary Logo Lockup
When creating communications with the intent of soliciting donations, the “Campaign for” logo lockup should be used. This could apply to materials such as fundraiser invitations, digital media or support cases. Use of this logo will aid in introducing the campaign and providing more context for our audience.
Clear Space
Always maintain a clear zone around the logo to maximize recognition and maintain integrity. These areas should never be intruded upon by any other element. This is a measurement that is equal to the width of the “X” in the Primary Identifier.
Minimum and Maximum Size
The following size restrictions must be observed to allow legibility of type:
Co-Branding Example
When creating a marketing piece, co-brand the Brilliant Future logo along with either the UC Irvine logo or your own wordmark. The logos should not be juxtaposed or locked up. The logos should be at a distance apart from each other on the page.
Secondary Logo Surge
Logo
This logo features the entire UC Irvine Surge mark. In most instances, the Surge mark will be cropped and utilized as an accent. While the full logo may be used where appropriate, it is to be utilized primarily as a reference. When using the Surge mark with the “Brilliant Future The Campaign for UC Irvine” logo text, the following size restrictions must be observed to allow legibility of type:
Clear Space
Always maintain a clear zone around the logo to maximize recognition and maintain integrity. These areas should never be intruded upon by any other element. This is a measurement that is equal to the width of the “X” in the Primary Identifier.
Minimum and Maximum Size
Use the correct version of the logo depending on the size of your application. For applications between 1.5 and 3 inches in width, use Logo A. If the logo application exceeds 7 inches in width, use Logo B. The “UCI Brilliant Future” logo with text should not be displayed smaller than 1.5 inches in width.
Color Palette
Primary Colors
Our primary color palette consists of three colors plus black and white and should be used on all design and marketing materials, both internally and externally.
Note: PMS colors are purposefully different from their corresponding HEX values for quality purposes. Please use the PMS/CMYK values for print-quality projects and use the RGB/HEX values for any digital projects.
UCI Gold
PMS 116
CMYK 0/19/100/0
RGB 254/204/7
HEX #fecc07
UCI Blue
PMS 7685
CMYK 93/73/11/1
RGB 37/87/153
HEX #255799
Dark Blue
PMS 654
CMYK 100/84/31/17
RGB 27/61/109
HEX #1b3d6d
Secondary Colors
Colors from the secondary color palette may be used as complements to the primary palette.
Orange
PMS 715
CMYK 0/54/93/0
RGB 247/141/45
HEX #f78d2d
Light Blue
PMS 549
CMYK 60/24/21/0
RGB 106/162/184
HEX #6aa2b8
Light Gray
PMS 400
CMYK 23/21/26/0
RGB 197/190/181
HEX #c6beb5
Dark Gray
PMS 425
CMYK 65/56/53/29
RGB 85/87/89
HEX #555759
Web Accessability
When the colors from the primary, secondary or tertiary palettes are used on the web as background or foreground (text) colors, sufficient contrast between the foreground and background colors must be present. This may require additional lightening or darkening of your selected color. To check for sufficient contrast, use the WebAIM Color Contrast Checker.
Typography
Primary Headline Typeface
Hepta Slab is a free Google font and Adobe font that is the primary typeface for communications. Use this typeface primarily for headline copy. Because this is a Google font, italic is available in the italic function of your font tool.
Editorial Body-Copy Typeface
Seravek is a system font for Mac OS, but can also be purchased.
In most instances, the Surge mark will be cropped and utilized as an accent color. While this full logo may be used where appropriate, it is to be utilized primarily as a reference for what sections and elements are available for cropping.
Design Element – Wave
This supplementary element has been created to add more fl exibility for incorporating the Surge mark into photos and designs.
When incorporating into photos, we recommend interweaving the color wave with the subjects in the photo to provide a sense of depth.
When the link above is clicked, users will be redirected to the UC Irvine asset management system. Only current employees with valid UCInetIDs may request access to download brand assets. If you have been approved to use our asset management system, please log in prior to accessing links for assets. If you have not been granted access, follow the directions to request access once you log-in with your UCInetID.
