United COVID Survivor Study Logo Guide

Page 1

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


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.