UNITED COVID SURVIVOR STUDY LOGO GUIDE Version 2.0 3/29/21 pg 1
INTRODUCTION
3
UNITED COVID SURVIVOR STUDY LOGO
4
Minimum Size and Space Requirements
5
Black & White Applications
6
TYPOGRAPHY
7
Typography: Print
7-8
Typography: Digital
9
COLORS
10
Primary
10
Secondary
11
pg 2
INTRODUCTION Welcome to United Covid Survivor Study Logo guide. The United Covid Survivor Study (UCSS) aims to find out whether over-the-counter medications and home remedies that some people use to manage symptoms of COVID-19 help, hurt, or make no difference. This initiative needs 10,000+ volunteers, age 18 and up, who previously had COVID-19, or were recently diagnosed with COVID-19, to fill out an anonymous online survey. When individuals participate in the study and share their symptoms, as well as any medicines or remedies that they have used while sick, they can help the study gain important information about what patients can do at home to speed their recovery. The UCSS Logo was designed to be easily perceived and recognized by the general audience. It conveys the subject of the study by symbolizing four individuals united in a distinctive circle symbol. The Logo also forms the initial ‘S’ in ‘Survivor’ and the ‘S’ in ‘Study’, creating impact with a dynamic action to drive interest. The Logo is not only distinctive, but memorable. This document is intended to guide those responsible for using the Logo in various executions. It’s important to ensure that every facet of the identity, convey the same consistency and recognition for everyone who comes in contact with it. As more execution needs arise, this guide can be amended to meet future needs.
pg 3
UCSS LOGO The Logo combines two core elements “Circle Symbol” and “UNITED COVID SURVIVOR STUDY” name that is integrated into a lock-up graphic identity system. Its relative size, positioning and color treatment are governed by the rules in this guide. Two options are provided for vertical or horizontal format applications. Choose format that best suits your project. The Logo should never be altered such as changing typeface, color, taken out of context of the core elements in any way, shape or form. PLEASE NOTE: The Logo is a unique design and cannot be accurately reproduced with any typeface. It must not be hand drawn, scanned or modified in any way. It should be reproduced only from electronic originals.
FORMAT: VERTICAL
FORMAT: HORIZONTAL
LOGO COLOR
LOGO 2 COLOR
LOGO 1 COLOR BLACK
pg 4
UCSS LOGO Minimum size requirements The Logo should be at least 1.125" wide for print uses and at least 108 pixels wide for on-screen uses (web and video). Do not use the Logo below these size ranges. MINIMUM WIDTH: PRINT
MINIMUM WIDTH: DIGITAL
1.125" Do not use below 1.125" wide in print.
108 px Do not use below 108 px wide in digital.
Minimum space requirements The Logo must have a “buffer” space around it to maintain legibility and visual impact. No other graphic elements, such as typography, rules, photography, etc. should infringe upon this space. The minimum free space needed is relative to the height of the Logo: where height is (h), and the required buffer space is 0.25"h. Example: If the Logo is 0.5" high, the required buffer space of the Logo is 0.25".
MEASUREMENT SYSTEM
VISUALLY CENTERED IN MINIMUM SPACE
.25”
.25”
.25”
.25”
.5”
pg 5
UCSS LOGO Black and White applications Projects requiring only one color such as newspaper ads, low-budget printing or originals for photocopying, may be restricted to the use of black and white. In these conditions, the following treatments of the Logo are provided. Preferred options are created for the Logo to be used as black against white background for maximum contrast. It’s also acceptable to reverse the Logo to white against black. However, please remember that newsprint and photocopying do not provide a true black, so some contrast will be lost.
LOGO B&W
LOGO 1 COLOR BLACK
LOGO REVERSED
pg 6
TYPOGRAPHY Typography: Print Always use the Logo as asset art where possible. When used in context to various printed materials, employ two overarching typefaces called Gotham for the primary use and Adobe Text Pro for secondary use. Gotham is a clean and modern sans serif font that is ideal for use throughout many applications, but should be primarily used in conjuction with the Logo and for titles/headlines. Using Gotham helps to ensure that all visual communications are consistent. By incorporating the different weights and treatments, we can achieve a wide range of effects while maintaining consistency across various communication and identity materials.
GOTHAM
AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvWwXxYyZz 1234567890 Thin Thin Italic XLight XLight Italic Book Book Italic Light Light Italic Medium Medium Italic Bold Bold Italic Black Black Italic Ultra Ultra Italic
EXAMPLE: GOTHAM BOLD
TOGETHER, WE SURVIVE. pg 7
TYPOGRAPHY Typography: Print Adobe Text Pro is a clean and classic serif font that is an ideal complement to Gotham, for use in applications that require an easy-to-read format and clear legibility. Using a secondary typeface helps extend greater usage within academic communications requiring heavy project data and content. By incorporating the different weights and treatments, we can achieve a wide range of effects while maintaining consistency across various communication and identity materials.
ADOBE TEXT PRO
AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvWwXxYyZz 1234567890 Regular Italic Semibold Semibold Italic Bold Bold Italic
EXAMPLE: ADOBE TEXT PRO REGULAR
Together, we survive. pg 8
TYPOGRAPHY Typography: Digital Web Fonts For all web related applications, employ two overarching typefaces called Arboria for the primary use and Adobe Text Pro for secondary use. Arboria is the digital substitute for Gotham and should be primarily used in conjuction with the Logo and for titles/headlines. Adobe Text Pro, much like the print version, is a secondary typeface for digital use. Both typefaces are optimized for web viewing. They should not be used in any media other than web and digital publishing. Black color is best for ADA compliance.
ARBORIA
AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvWwXxYyZz 1234567890 Book Book Italic Medium Medium Italic Bold Bold Italic Black Black Italic
ADOBE TEXT PRO
AaBbCcDdEeFfGgHhIiJjKkLlMmNn OoPpQqRrSsTtUuVvWwXxYyZz 1234567890 Regular Italic Semibold Semibold Italic Bold Bold Italic pg 9
COLORS PRIMARY COLORS
Darkest Gold Pantone: 1235 C Pantone: 121 U CMYK: 0/31/98/0 RGB: 255/184/28 Hex: FFB81C
UCLA Blue Pantone: 2383 C Pantone: 3553 U CMYK: 83/40/3/6 RGB: 39/116/174 Hex: 2774AE
Darker Orange Pantone: 151 C Pantone: 151 U CMYK: 0/60/100/0 RGB: 255/130/0 Hex: FF8200
Darker Blue Pantone: 7692 C Pantone: 2186 U CMYK: 100/45/0/45 RGB: 0/85/135 Hex: 005587
Black pms: Black C pms: Black U CMYK: 0/0/0/100 RGB: 0/0/0 Hex: 000000
The Logo is based on the UCLA colors. Generous use of background white is recommended and supports the brilliance of the main colors. PRIMARY COLORS The Logo is made up of five primary colors. The two yellow colors are Darkest Gold and Darker Orange. The two blue colors are UCLA Blue and Darker Blue. Black is used for the Logo name. Be aware that even the darker colors within the yellow spectrum, when scaled down to small sizes, will not have the same impact as larger sizes. The four yellow and blue colors are a REQUIRED Logo element, although they may be used according to certain usage options. Do not use other versions of yellows and blues. Always use Black for the Logo name for maximum contrast and legibility. Blues can be used as a substitute when Black is not an option. Black is also used in the event of one color limitations and for best legibility, including digital ADA compliant mandatories for type and copy.
pg 10
COLORS SECONDARY COLORS
UCLA Gold pms: 109 C pms: 114 U CMYK: 0/9/100/0 RGB: 255/209/0 Hex: FFD100
Bright Blue Pantone: 298 C Pantone: 2985 U CMYK: 65/10/1/0 RGB: 60/180/229 Hex: 3CB4E5
SECONDARY COLORS UCLA Gold, Bright Blue and Darkest Blue are specified to complement the Primary colors while adding an additional level of contrast to the palette. Secondary colors can be used as background color, or to accentuate applications that require additional colors. Secondary colors support the UCSS brand identity in all aspects of cross-platform integration.
Darkest Blue Pantone: 302 C Pantone: 2955 U CMYK: 100/48/12/58 RGB: 0/59/92 Hex: 003B5C
pg 11
Created by: Fiat Lux Agency 10821 Ocean Drive Culver City, CA 90230 www.fiatlux.agency
pg 12