ATT011_SurvivorCCE_BrandGuidelines.pdf

Co-branding and Style Guide for the World Trade Center (WTC) Health Program

Clinical Centers of Excellence, July 2022

CONTENTS

About this Guide Approvals Permitted Co-branding Non-Permitted Co-branding The Logo Supplemental Logos Logo Use Incorrect Logo Use Colors Fonts Styles and Plain Language 508 Guidance https://contrastchecker.com/

1WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

About this Guide

The WTC Health Program is administered by the National Institute for Occupational Safety and Health (NIOSH), part of the Centers for Disease Control and Prevention (CDC) in the U.S. Department of Health and Human Services (HHS).

The Program provides medical monitoring and treatment of certified WTC-related health conditions for 9/11 responders and survivors. The Program’s brand communicates professionalism, reliability, and public service.

This document provides guidance to Clinical Centers of Excellence (CCEs) about the use of the WTC Health Program logo on co-branded materials to ensure a consistent look for all Program-related communication products and to prevent misuse, abuse, or fraud related to the WTC Health Program brand. These guidelines replace any earlier guidance on this matter.

The Program’s Communications Unit is available to produce designs, graphics, create templates, provide information, and deliver assets for all types of communication products. In doing so, our hope is to ensure further brand consistency and to increase Program interest.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov

Ch or eo gr ap h/

Ist oc k v ia

G et ty Im ag es https://www.cdc.gov/wtc/ WTCHPCommsDev@cdc.gov

2WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Approvals

All material that uses the WTC Health Program logo must be reviewed and approved by the WTC Health Program Communications Unit at NIOSH.

Clinic-related materials may reference the Program name without using the logo. All materials developed using WTC Health Program funds must be submitted for approval prior to use.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov

SD

I P ro du ct io ns /E vi a Ge tt y

Im ag es

3WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Permitted Co-branding

Member Retention and Clinic-related Materials Co-branding with both the CCE’s logo and the Program logo is allowed on member retention and clinic information materials unique to the CCE and intended for WTC Health Program members at the CCE.

If the audience for the product is members and Program funds are being used, it must identify the Program name and/or use the logo.

A WTC Health Program/NIOSH review is required every time the WTC Health Program logo is used.

The use of the WTC Health Program logo is not required.

WTC Health Program/NIOSH is responsible for the final decision regarding the usage of the WTC Health Program logo when co-branded within CCE branding and design materials.

Materials created for a CCEs cohort that are applicable to all Program members, for example a new Program policy, should be created by the WTC Health Program Communications Unit at NIOSH.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov

Social Media CCEs with social media accounts must use the account specifically for their clinic membership. The account must be co-branded with WTC Health Program Branding. It must be clear that this account is the CCE ONLY and not representing the WTC Health Program.

Outreach posts are allowed but must follow outreach material rules and not promote the clinic. It is preferred that outreach posts are shared from the official WTC Health Program on social channels.

Use of the WTCHP logo in profile pictures, cover photos, and other post images must be approved by NIOSH.

Outreach posts are allowed but must follow outreach material rules and not promote the clinic. It is preferred that outreach posts are shared from the official WTC Health Program on social channels.

Use of the WTCHP logo in profile pictures, cover photos, and other post images must be approved by NIOSH.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov ije ab

/iS to ck /v ia G et ty

Im ag es P lu s https://www.cdc.gov/wtc/

4WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Non-Permitted Co-branding

Outreach Materials Outreach Materials are used to promote the WTC Health Program and enrollment to the public as part of the requirement in the James Zadroga 9/11 Health and Compensation Act of 2010.

Co-branding with CCEs’ logo/identity on these materials is not allowed.

Individual CCEs must not promote/favor a clinic when performing outreach. The WTC Health Program Identity is the only branding permitted.

Materials that need to mention the specific CCE should not promote the CCE over other CCEs and/or the Nationwide Provider Network (NPN).

Materials produced by a third-party, such as an organization working with a CCE for an outreach event, must have written approval from the Communications Unit at NIOSH to use the WTC Health Program logo.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov

General Materials The WTC Health Program logo should not be applied to any generic or general health information materials without approval by NIOSH.

If outreach or general communication products are needed, the WTC Health Program Communications Unit at NIOSH has materials available and is available to fulfill any new design needs.

Generic or general health information materials should be tailored to the 9/11 community and/or Program membership whenever possible.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov di br ov a/

Ist oc k v ia

G et ty Im ag es

P lu s https://www.cdc.gov/wtc/

5WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

The Logo

The WTC Health Program logo is property of NIOSH and is to only be for communication products related to the WTC Health Program.

Use of the logo is subject to NIOSH approval and should never imply endorsement of a third-party not officially affiliated with the Program.

The logo must only be used in connection with products, services, and documents that are consistent with the WTC Health Program’s identity. Its usage must always conform to the guidelines contained in this manual.

The WTC Health Program reserves the right to review and monitor logo use at any time.

The WTC Health Program has discontinued use of the “Monitoring and Treatment” tagline on the logo.

4-Color Logo The 4-color logo is the primary logo and may only be placed over white or very light backgrounds.

This ensures that the color contrast between the logo and the background adheres to 508 accessibility requirements.

Blue Logo

If unable to achieve the proper contrast, please use the blue logo. To ensure proper color contrast for accessibility, don’t place it over dark colors.

It may be used over white/ light backgrounds and muted patterns and images, Electronic files of the logo in all of its acceptable formats are available: WTCHPCommsDev@cdc.gov

6WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Supplemental Logos

The Logo Mark The logo mark is the flag without type.

It should be used only after the Program name has been identified previously in the material.

Horizontal Logos Horizontal logos may be used instead of the original logo to assist with better formatting.

The White and Black Logos The white logo may be placed over flat color or an image. There must be strong contrast between the logo and background for legibility.

The black logo is provided for black and white printing only. Please limit the use of the black logo to this purpose.

White Logo

Logo Marks

Horizontal Logos

Black Logo

Electronic files of the logo in all of its acceptable formats are available: WTCHPCommsDev@cdc.gov

7WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Logo Use

Visual Weight CCE logos should not be represented with greater visual weight than the Program logo. If the text of the logo is too small, you may use the horizontal logo.

The blue and white logos are available to use if they are a better fit for the design.

Clear Space There should be a clear space surrounding the Program logo that is proportional to the width of one stripe of the flag at a minimum.

Clear space should be observed when placing the logo near the edge of the page.

The logo may be placed on top of a photo with clear space. Photos should not distract from or compete with the logo.

Size The WTC Health Program logo should never be reduced to a size of less than 5/8 inch in diameter in width.

Samples of Co-branding Logos

Sample of Clear Space Graphic elements that interfere with the clear recognition of the logo, including type, photographs or illustrations, should not be placed within this area or behind the logo.

CLEAR SPACE

CLEAR SPACE

CLEAR SPACECL

EA

R

SP

AC

E

8WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Incorrect Logo Use

DO NOT change the color of the logo. DO NOT stretch, skew, rotate, render in 3D, or otherwise alter the logos.

DO NOT add effects to the logos, such as bevel and emboss, drop shadow, etc.

DO NOT use the logo with the “Monitoring and Treatment” tagline.

DO NOT enclose logos in a shape or combine it with other design elements or effects.

DO NOT place logos on top of pattern or images unless they provide enough contrast to distinguish from the background, and can pass 508 accessibility. Use the blue or white logo if needed.

DO NOT modify the size or position relationship of any element within the logos or replace the font.

WTC Health Program

9WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Colors

The WTC Health Program’s color palette is simple, clean, and modern. It makes generous use of white space, and uses cool, neutral and muted tones. These colors may be used with co-branded materials, but are not required.

The accent colors were updated in 2021. The intent is to align the Program with healthcare.

The accent colors may not be used to produce the WTC Health Program’s logo.

The accent colors may be used as tints, which is sometimes necessary for contrast purposes.

Perform test prints when using tints.

The brand red and the yellow accent color should be used sparingly. They are helpful to highlight important information, but can be overwhelming.

Due to the color variation in printing, the table below has been provided, which accounts for the variety of print/digital options.

Logo Colors

2021 Accent Colors

Brand Blue 1 Brand Red Brand Blue 2 Accent 1 Accent 2 Accent 3 Accent 4 Accent 5

Hex# 1B6BAD AB2328 91ABD2 068D9D 53599A 80DED9 F7C78E 66717E

RGB 27, 107, 173 171, 35, 40 145, 171, 210 0, 142, 158 83, 90, 155 139, 210, 209 247, 199, 142 102, 113, 126

Process Coated 84, 44, 2, 0 0, 100, 87, 22 49, 20, 0, 0 94, 4, 24, 12 84, 77, 0, 0 35, 0, 2, 0 0, 13, 35, 0 47, 39, 31, 14

Process Uncoated 99, 45, 0, 1 0, 100, 100, 28 48, 25, 0, 0 100, 0, 20, 11 87, 68, 0, 0 42, 0, 5, 0 0, 18, 47, 0 47, 36, 29, 26

Pantone Spot Coated 2383C 7621C 2121C 2230C 2116C 304C 148C 4278C

Pantone Spot Uncoated 3005U 2350U 2121U 3541U 2746U 304U 155U 417U

10WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Fonts

Bernino Sans Condensed Bold (Adobe Collection) Bernino is from the same family used in the logo. It may be used as titles, headings and display type. Arial Narrow Bold is a nice substitute for Bernino.

https://fonts.adobe.com/fonts/ jaf-bernini#fonts-section

Public Sans (free) Public Sans was developed by the United States Web Design System for federal publications. The WTC Health Program has adopted this font for body copy and some headings. Arial Regular is a nice substitute for Public Sans.

https://public-sans.digital.gov/

Source Serif (free) Source Serif is the alternate font for body copy or when display type is needed. Georgia is a nice substitute for Source Serif.

https://fonts.google.com/specimen/ Source+Serif+Pro

The WTC Health Program fonts may be used when co-branding. Bernino is available with the purchase of Adobe products, the rest are free for download, alternatives are listed.

Bernino Sans Condensed Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % & ?

Public Sans Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % & ?

Source Serif Regular A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % & ?

Arial Narrow Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % & ?

Arial Regular A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % & ?

Georgia Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % & ?

https://www.cdc.gov/wtc/ https://fonts.adobe.com/fonts/jaf-bernini#fonts-section https://fonts.adobe.com/fonts/jaf-bernini#fonts-section https://public-sans.digital.gov/ https://fonts.google.com/specimen/Source+Serif+Pro https://fonts.google.com/specimen/Source+Serif+Pro

11WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

Styles and Plain Language

Styles Examples of the Program’s layout styles are shown on this page as reference.

Whenever possible, print a version to check the type size. For digital products, preview the text on a mobile device or tablet to ensure legibility.

Plain Language Federal agencies are required to use plain language and clear communication.

The WTC Health Program expects this of their O&E contractors as well.

Some guidelines include the following:

▪ Don’t exceed 75 characters in a line, including spaces and punctuation.

▪ Don’t fully justify main body text. Keep it left-aligned, ragged right.

▪ Don’t use all-caps for full sentences.

All-caps may be used in headings and titles if they are very short.

▪ Don’t make any type blue, unless it is a link.

▪ Do make links underlined or bold.

More information about plain language:

https://www.plainlanguage.gov/ resources/articles/at-a-glance/

Bernino Sans Condensed Bold

Arial Narrow Bold

Arial Bold

Public Sans or Arial Regular should be the main font used for body text and may be used for headings.

Source Serif or Georgia may be used for display text, or alternate body copy text. It may also be used for alternate lower-level headings.

This is the Title (H1) This is the Title (H1) This is the Title (H1)

This is a Heading (H2) Don’t left justify the main body text. It should be left aligned, ragged right. It helps improve readability. This paragraph is properly aligned.

▪ This is an unordered list (UL). ULs use bullets as their primary marker.

▪ This is an unordered list (UL). ULs use bullets as their primary marker.

1. This is an ordered list (OL). OLs have numbers instead of bullets that indicate a specific order.

2. This is an ordered list (OL). OLs have numbers instead of bullets that indicate a specific order.

This is a Heading (H3) Don’t left justify the main body text. It should be left aligned, ragged right. It helps improve readability. This paragraph is properly aligned.

https://www.cdc.gov/wtc/ https://www.plainlanguage.gov/resources/articles/at-a-glance/ https://www.plainlanguage.gov/resources/articles/at-a-glance/

12WTC Health Program Co-Branding & Style Guide for Clinical Centers of Excellence, July 2022

508 Guidance

Contrast In accordance with Section 508 and WCAG 2.0 accessibility standards, text and images of text must have a proper contrast ratio, which refers to the brightness between the two colors, with their background. This ensures that people with visual disabilities can clearly read all text.

For text that is below 14 pt bold or 18 pt regular the contrast ratio needs to be at least 4.5 to 1.

For text that is larger the contrast ratio needs to be 3 to 1.

To verify that the contrast between text and background colors are within the correct ratios, visit: https://contrastchecker.com/

Alternative Text Images must have alternative text, sometimes referred to as alt-text, that describe the information or function they represent. Those who use assistive technology, such as screen readers, will be able to have the image conveyed in words, rather than by sight.

The WTC Health Program Communications Unit at NIOSH is available to perform 508 accessibility checks. These are part of the quality assurance process during review.

For review, approvals, and design services, please contact: WTCHPCommsDev@cdc.gov

Ed w in Ta n/ E+ v ia

G et ty Im ag es https://www.cdc.gov/wtc/ https://contrastchecker.com/

For questions, approvals, and design services please contact the WTC Health Program Communications

Unit at WTCHPCommsDev@cdc.gov.

Emily Hurwitz Communications Unit Chief nff3@cdc.gov

(202) 245-0619 nff3@cdc.gov https://www.cdc.gov/wtc/