0% found this document useful (0 votes)
389 views

Fda Vi Style Guide Oct2016 Reduced Size-508

The document provides guidelines for the new visual identity system of the FDA. It overviews the new logo designs including the primary monogram and wordmark logos and rules for logo usage. It also outlines typography, color palette, imagery, graphic elements and clear spaces. The guide includes examples of proper application of the identity across various communication materials and contact information for support. The goal is to create a consistent, recognizable format to improve effectiveness of FDA communication.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
389 views

Fda Vi Style Guide Oct2016 Reduced Size-508

The document provides guidelines for the new visual identity system of the FDA. It overviews the new logo designs including the primary monogram and wordmark logos and rules for logo usage. It also outlines typography, color palette, imagery, graphic elements and clear spaces. The guide includes examples of proper application of the identity across various communication materials and contact information for support. The goal is to create a consistent, recognizable format to improve effectiveness of FDA communication.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 80

FDA Visual Identity Guidelines

September 27, 2016


Introduction:

FDA, ITS VISUAL IDENTITY,


AND THIS STYLE GUIDE
The world in which the U.S. Food and Drug Administration Therefore, the agency embarked on a comprehensive
(FDA) operates today is one of growing complexity, new examination of FDA’s communication materials, including an
challenges, and increased risks. Thanks to revolutionary analysis of the FDA’s mission and key audiences, in order to
advances in science, medicine, and technology, we have establish a more unified communications program using
enormous opportunities that we can leverage to meet many consistent and more cost-effective pathways for creating and
of these challenges and ultimately benefit the public health. disseminating information in a recognizable format. This has
resulted in what you see here today: a standard and uniform
As a public health and regulatory agency that makes its Visual Identity system.
decisions based on the best available science, while
maintaining its far-reaching mission to protect and promote This new Visual Identity program will improve the
the public health, FDA is uniquely prepared and positioned to effectiveness of the FDA’s communication by making it much
anticipate and successfully meet these challenges. easier to identify the FDA, an internationally recognized,
trusted, and credible agency, as the source of the information
Intrinsically tied to this is the agency’s crucial ability to being communicated.
provide the public with clear, concise and accurate
information on a wide range of important scientific, medical, The modern and accessible design will be used to inspire how
regulatory, and public health matters. we look, how we speak, and what we say to the people we
impact most. And with “U.S. Food & Drug Administration” as
In doing so, the agency has traditionally used multiple the cornerstone, and unifier, of the agency’s identity, the
communication channels to reach a wide range of system will allow for increased understanding of the FDA, its
stakeholders. Unfortunately, there has not been a uniform broad public health mission, and the essential role it plays in
look and feel across the FDA’s communication materials, protecting – and enhancing the lives of – consumers across
which can create confusion about the source of the the United States and around the world.
information and also reduce the effectiveness of the
communication.

FDA Visual Identity Guidelines


THE NEW FDA DESIGN

The FDA is responsible for ensuring the safety, effectiveness, The periodic table of elements is fundamental to the FDA
and quality of products that account for about 20 cents of scientists who drive the agency’s mission through their
every dollar spent by Americans each year. People indispensable work, the same work that helps improve the
everywhere, in all walks of life, depend on these products lives of Americans every day. The Visual Identity's grid design
from the time they awake until the moment they go to bed.
fr system allows for the adding and stacking of information,
These products are everywhere. They are essential elements such as office and center names in the logo lockups. The
of everyday life. This means that the FDA’s real-world design helps unify the offices and centers which are each a
influence is pervasive, an essential element in the modern key element that make up the logical and orderly structure
world. Simply put, the FDA is just like an element of the of the entire agency.
periodic table.
For more than a century, the FDA has based its public
And it’s the periodic table of the elements that inspires, that health protection work on sound science. It is only fitting
gives life to, FDA’s visual identity. The periodic table of that the FDA’s visual identity takes its inspiration from the
elements is a universally recognized, orderly arrangement of periodic table of the elements. Drawing on FDA’s tradition,
elements, the building blocks of the universe. The periodic this identity will only strengthen the agency’s
table is reflected in the boxes of the FDA’s grid system design, communications, making FDA even more trusted and
keeping everything organized and clear. effective.

FDA Visual Identity Guidelines


ADDITIONAL LONG-TERM

BENEFITS OF THE DESIGN

Over time, implementation of the grid-inspired design will also create internal

efficiencies throughout the agency, reducing costs by eliminating redundant design


expenses.

• Previously, with no uniform visual identity, and without

a style guide, every new communication vehicle FDA

created had to be designed from scratch.

• That was not only expensive, but resulted in a muddle

of designs and logos across the agency.

• With the style guide in place, establishing the format,

design, logo, colors and typeface for FDA

communication, the cost of producing new materials is

expected to be significantly reduced.

FDA Visual Identity Guidelines


CONTENTS

1.0 Brand Style 5.0 Imagery 8.0 Example Applications


1.1 Section Introduction 5.1 Section Introduction 8.1 Section Introduction
1.2 Brand Architecture 5.2 Correct Usage 8.2 Stamp
1.3 FDA logo Monogram 5.3 Incorrect Usage 8.3 Signage
1.4 FDA logo Wordmark 8.4 Awards
1.5 FDA logo Monogram and Wordmark lock-up 8.5 Wearables
1.6 FDA logo Monogram and Wordmark 6.0 Graphic Elements 8.6 Items
1.7 FDA logo Hierarchy Clear Space 6.1 Section Introduction 8.7 Handbook
1.8 FDA logo Minimum Size 6.2 Logo Clear Space 8.8 Street Poster
1.9 FDA logo Logo Backgrounds
1.10 FDA logo Incorrect Usage - Primary Logo
1.11 FDA logo Incorrect Usage - Secondary Logo 7.0 Communications 9.0 Contact Information
1.12 Lock-ups Office/Center 7.1 Section Introduction
1.13 Lock-ups Office/Center Lock-up 7.2 Letterhead
1.14 Lock-ups Co-Branding/Partnership Lock-up 7.3 Fact Sheet
1.15 Lock-ups Office/Center Color 7.4 News Release Publication
1.16 Lock-ups Horizontal HHS Lock-up 7.5 Publication Templates
1.17 Lock-ups Vertical HHS Lock-up 7.6 PowerPoint Presentations
1.18 Lock-ups HHS & Office/Center Lock-up 7.7 Television and Live Feed/Streaming
1.19 Logo Overview 7.7.1 Videos
7.8 Envelope
7.9 Email Signature
2.0 Co-Branding and Partnerships 7.10 Business Card
2.1 Section Introduction 7.11 Stationery Products
2.2 Logos 7.12 Awards/Certificates
2.3 FDA Monogram with HHS Logo 7.13 Signage
7.14 Exhibits Style
7.15 E-Newsletter
3.0 Typography 7.16 Website
3.1 Section Introduction 7.17 Web Banner Ads
3.2 Type Primary Typeface 7.18 Mobile User Interface (UI)
3.3 Type Secondary Typeface 7.19 Social Media
3.4 Type Primary - Principles & Best Practices 7.20 Twitter
3.5 Type Incorrect Usage

4.0 Color Palette


4.1 Section Introduction
4.2 Color Palette Specifications
4.3 Color Palette Percentages
4.4 Color Palette Gradient

FDA Visual Identity Guidelines


How to use this guide

The FDA Visual Identity Guidelines


provides the tools and guidance for
properly applying the new brand of the
agency across external and internal
communications.

This guide takes users through each


step of the process of implementing
Section Title Page Title
the new identity and offers
examples of correct brand
application.

Sections 1-5 provide detailed


instructions for using the brand
components. Detailed instructions
and rules for each
page.
Sections 6-8 provide both examples
and best practices of the new visual
identity through a series of
applications.

The final section of the guide


provides contact information that
directs users to the appropriate
contacts that can help answer any
Visual representation of the rules
questions specific to the use of the
explained in the blue box.
Visual Identity Guidelines.

Advice & best practices


when using this guide.

FDA Visual Identity Guidelines

FDA Visual Identity Guidelines


1. BRAND STYLE

1.1 Section Introduction


1.2 Brand Architecture
1.3 FDA logo
Monogram
1.4 FDA logo
Wordmark
1.5 FDA logo
Monogram & Wordmark lock-up
1.6 FDA logo
Monogram & Wordmark Hierarchy
1.7 FDA logo
Clear Space
1.8 FDA logo
Minimum Size
1.9 FDA logo
Logo Backgrounds
1.10 FDA logo
Incorrect Usage - Primary Logo
1.11 FDA logo
Incorrect Usage - Secondary Logo
1.12 Lock-ups
Office/Center
1.13 Lock-ups
Office/Center Lock-up
1.14 Lock-ups
Co-Branding/Partnership Lock-up
1.15 Lock-ups
Office/Center Color
1.16 Lock-ups
Horizontal HHS Lock-up
1.17 Lock-ups
Vertical HHS Lock-up
1.18 Lock-ups
HHS & Office/Center Lock-up
1.19 Logo Overview

1.0 FDA Visual Identity Guidelines


INTRODUCTION
The Brand Style section covers proper use of the logo and
logo lockup applications. There are several types of logos
and the type of logo that will be used will depend on the
type of material that is being produced. This section
provides guidance on how to use the logo in all scenarios.

The logo designs cannot be altered.

1.1 FDA Visual Identity Guidelines


Brand Architecture

The FDA consists of thirteen (13)


Centers and Offices.

OFFICE OF THE COMMISSIONER

OFFICE OF FOODS AND VETERINARY MEDICINE

CENTER FOR FOOD SAFETY AND APPLIED NUTRITION

CENTER FOR VETERINARY MEDICINE

OFFICE OF GLOBAL REGULATORY OPERATIONS AND POLICY

OFFICE OF MEDICAL PRODUCTS AND TOBACCO

CENTER FOR BIOLOGICS EVALUATION AND RESEARCH

CENTER FOR DEVICES AND RADIOLOGICAL HEALTH

CENTER FOR DRUG EVALUATION AND RESEARCH

CENTER FOR TOBACCO PRODUCTS

OFFICE OF OPERATIONS

OFFICE OF POLICY, PLANNING, LEGISLATION, AND ANALYSIS

OFFICE OF REGULATORY AFFAIRS

1.2 FDA Visual Identity Guidelines


FDA Logo Monogram

The box system allows for easy


adding and stacking of additional 5/6 Modular Grid System
information for office/center names
(logo lockups), and emphasis can be
adjusted based on box size and
treatment of the type.
5

All tools are controlled by a 6/5


modular grid. This makes a
relationship between the blue box
and acronym common in all tools. It
is set to maximize the effect of the
logo. A grid transforms according to
various media, and it derives a
monogram that will be the most
suitable size for the media.

½ ½

1.3 FDA Visual Identity Guidelines


FDA Logo Wordmark

The FDA’s custom-made wordmark


should always be used in uppercase. Horizontal
Its primary color is the FDA Blue,
although color weights vary
according to background color.

1.4 FDA Visual Identity Guidelines


FDA Logo Monogram and Wordmark Lock-up - The Primary Logo

The Monogram and Wordmark


lock-up follow a set relationship, Horizontal
shown here. This lock-up
composition should not be altered in
any way. The FDA wordmark is the
only content that may be shown to the
right of the FDA monogram. When
6
creating layouts, the space directly
below the FDA Monogram must be
clear of all text, artwork, and 5
photography. Please use approved
artwork.

Full Color Black & White

1.5 FDA Visual Identity Guidelines


FDA Logo Monogram and Wordmark Hierarchy

When using the FDA wordmark or


monogram, the preferred order of Primary Logo
usage is as follows:

Primary Agency Identifier:


Monogram with wordmark
centered to the right.

Secondary Agency Identifier:


Monogram by itself.

Use cases for the monogram would


be social media/mobile where space
is limited and for co-branding and
partnership logo placement.

Secondary Logo

1.6 FDA Visual Identity Guidelines


FDA Logo Clear Space

The minimum clear space around the


logo and wordmark is equal to the cap Horizontal
height. The clear space should be x = cap height of wordmark
present on all sides of the logo, and
should be completely free of other
type and graphics.

Monogram
x = cap height of FDA Acronym

Getting It Right
Clear space should be maximized
whenever possible.

1.7 FDA Visual Identity Guidelines


FDA Logo Minimum Size

The FDA logo is set for maximum


visibility and impact. The logo may be Horizontal
scaled up as large as desired. The x = 0.125’/ 3.175 mm
logo lock-up should never be smaller (Logo at actual size.)
than the minimum horizontal and
monogram size illustrated here.

1.8 FDA Visual Identity Guidelines


FDA Logo Logo Backgrounds

The three standard color logos are the


preferred look for all applications. White Logo
Black background
Background color dictates which logo
to employ.

FDA Acronym will always live in


either FDA Blue or FDA White.

Black backgrounds
Use FDA White Logo
FDA Blue Logo
White backgrounds
FDA Black Logo
Use the FDA Blue Logo
White background
Use FDA Black Logo

Image background
Use FDA White Logo

White Logo
Image Background

1.9 FDA Visual Identity Guidelines


FDA Logo Primary Logo Incorrect Use

Consistent presentation is an
important part of making the logo
1 2 3
immediately recognizable wherever it
appears.

The FDA logo should never be altered


or shown in unauthorized colors. The
following are examples of improper
logo usage and pitfalls to avoid.
These rules apply to all versions of
the logo.

4 5 6

7 8 9

Official Blog of the

Getting it Right
1 Never change the colors within the logo
2 Never rotate logo elements
3 Never distort the size or proportion of
the logo elements
4 Never add a drop shadow to the logo
5 Never extrude the logo 10 11 12
6 Never distort the logo
7 Never add type elements to the logo in
violation of clear space rules Open-source APIs for drug,
8 Never change the opacity of the logo device, and food data.
9 Never frame the logo within a shape
10 Never place the logo at an angle
11 Never use part of the FDA logo in copy
12 Never change the position of logo elements

1.10 FDA Visual Identity Guidelines


FDA Logo Secondary Logo Incorrect Use

Consistent presentation is an
important part of making the
1 2 3
secondary logos immediately
recognizable wherever they appear.

The secondary FDA logos should


never be altered or shown in
unauthorized colors. The following
are examples of improper logo usage
and pitfalls to avoid. These rules
apply to all versions of the secondary
logo (monogram).
4 5 6

7 8 9

Getting it Right
1 Never change the color of the background block
2 Never rotate logo elements
3 Never reposition the accronym inside the block
4 Never add a drop shadow to the logo
5 Never extrude the logo
6 Never distort the logo
7 Never change the opacity of the logo
8 Never change the color of the FDA acronym
(It is either in FDA White or FDA Blue)
9 Never remove the acronym from the box
10 Never outline the box, making the center
transparent

1.11 FDA Visual Identity Guidelines


FDA Lock-up Office/Center

Follow the sizes and positions


Single Level Lock-up
illustrated in this section when
x = 1/6 height of the monogram
presenting the FDA full logo in
conjunction with internal offices and
centers.

The relationship between the FDA


logo and the Office and Center names
should always be constant, with the
FDA primary logo the primary mark.

Minimum sizes are dictated by the


font size of the Office/Center. Never
go smaller than 7pt.

No more than 2 tiers are allowed (as OFFICE/CENTER NAME 2


seen in the tertiary level lock-up
diagram).

Tertiary Level Lock-up


x = 1/6 height of the monogram

Office/Center names is flush


left within the second box

OFFICE/CENTER NAME
4
SECOND TIER OFFICE/CENTER OR DIVISION NAME

1.12 FDA Visual Identity Guidelines


FDA Lock-up Offices/Centers

The following is a representative list


of current FDA offices and centers to
date.

Each wordmark is created from the


Din FF font and strictly adheres to all
guidelines and rules set out in this
document.

The number of tiers per office/center One Tier Office Lock-up


name is limited to two.

A 1pt line will enclose the “Food and


Drug Administration” wordmark and
OFFICE OF FOODS & VETERINARY MEDICINE CENTER FOR FOOD SAFETY & APPLIED NUTRITION
a 3pt line will enclose the
Office/Center name(s).

OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY CENTER FOR VETERINARY MEDICINE

OFFICE OF MEDICAL PRODUCTS & TOBACCO CENTER FOR BIOLOGICS EVALUATION & RESEARCH

OFFICE OF OPERATIONS CENTER FOR DEVICES & RADIOLOGICAL HEALTH

OFFICE OF POLICY, PLANNING, LEGISLATION and ANALYSIS CENTER FOR DRUG EVALUATION & RESEARCH

OFFICE OF REGULATORY AFFAIRS CENTER FOR TOBACCO PRODUCTS

1.13 FDA Visual Identity Guidelines NATIONAL CENTER FOR TOXICOLOGICAL RESEARCH
FDA Lock-up Office/Center Color

The Office/Center box can be filled or


Fill
outlined in with the FDA blue or Dark
Blue depending on the layout and color
of the background.

The relationship between the FDA


Outline
logo and the Office and Center names
should always be constant, with the
FDA logo the primary mark.

OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY

OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY

1.14 FDA Visual Identity Guidelines


FDA Lock-up Horizontal HHS Lock-up
Primary Lockup

Follow the sizes and positions


FDA monogram only
illustrated in this section when
x = 1/6 height of the monogram
presenting the FDA monogram in
conjunction with the HHS logo.

The relationship between the HHS


and FDA logos should always be the
same: HHS to the left of FDA in the
horizontal configuration, and above
the FDA in the vertical presentation.

2 2 2

Getting It Right
HHS logo should always be larger than White Lockup Full Color Lockup Black & White Lockup
the FDA monogram, as shown.

1.15 FDA Visual Identity Guidelines


FDA Lock-up Vertical HHS Lock-up
Secondary Lockup

Follow the sizes and positions


FDA Monogram only with HHS Logo
illustrated in this section when
x = 1/6 height of the monogram
presenting the FDA monogram in n = height of the letters in the HHS logo
conjunction with the HHS logo.
n n
The relationship between the HHS
and FDA logos should always be the
same: HHS to the left of FDA in the
horizontal configuration, and above
the FDA in the vertical presentation.

This secondary logo lockup should


only be used if the primary will not fit
in the space required.

Full Color Black & White White

1.16 FDA Visual Identity Guidelines


FDA Lock-up HHS and Office/Center Lock-up

Follow the sizes and positions


FDA monogram only
illustrated in this section when
x = 1/6 height of the monogram
presenting the FDA Office/Center
lock-up in conjunction with the HHS
logo.

The relationship between the HHS


and FDA logos should always be the
same: HHS to the left of FDA in the
horizontal configuration, and above
the FDA in the vertical presentation.

2 2 2

OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY 2

1.17 FDA Visual Identity Guidelines


FDA Lock-up Co-Branding/Partnerships Lockup

The name of the co-brand or


partnership will be placed in the
second box under the FDA Wordmark
as shown here.

MEDWATCH

OPEN FDA

1.18 FDA Visual Identity Guidelines


FDA Logo Overview

FDA Logo FDA Monogram


Primary Mark Secondary Mark

Use Use
This is the FDA logo lock-up and is the preferred Use when making simple, declarative,
application. Use this primary FDA logo when brand-forward statements.
prominent visual brand communication is desired.

Example: Handbook, Brochure Example: Social Media (Pinterest)

FDA Joint Information PUBLICATION TITLE

Center Handbook

U.S. Food & Drug Administration


Office of Crisis Management
http://inside.fda.gov:9003/downloads/PolicyProcedures/SOPsbyProgram/EmergencyResponse/UCM381278.pdf

November 2013
FDA.GOV

1.19 FDA Visual Identity Guidelines


2. CO-BRANDING & PARTNERSHIPS

2.1 Section Introduction


2.2 Logos
2.3 FDA Monogram with HHS logo
2.4 Co-Branding Mockup

2.0 FDA Visual Identity Guidelines


INTRODUCTION
The FDA works with outside agencies and partners to produce
and release communications materials. This section covers the
best practices for using the logo and HHS logo lockup within
instances that require the logos to live next to partner logos.

2.1 FDA Visual Identity Guidelines


FDA Co-Branding and Partnerships Logos

When creating a grouping for an FDA


publication, the FDA Monogram must
be the first logo to appear — farthest
left in a horizontal configuration.

The FDA Monogram and other logos


must be of the same height and width
so that they all carry the same visual
weight.

Brochure Example

The Parenteral Drug Association presents the...

2015 PDA/FDA
Joint Regulatory Conference
The Premier Forum Integrating Science, Technology & Regulation
September 28-30, 2015 | Washington, DC
Renaissance Washington, DC Downtown Hotel
Exhibition: September 28-29
2015 PDA Manufacturing Science Workshop: September 30-October 1
Courses: October 1-2
Register
before
July 19, 2015
and save up
to $550!

Conference Theme: Mission Possible: Patient-Focused


Manufacturing, Quality and Regulatory Solutions

pda.org/pdafda2015
#PDAFDA
This preliminary agenda is current as of May 12, 2015

TAPE RECORDINGS ARE PROHIBITED AT ALL PDA EVENTS

2.2 FDA Visual Identity Guidelines


FDA Co-Branding and Partnerships FDA Monogram with HHS logo

When locking up the FDA Monogram


with the HHS logo, refer to page 1.17
for size relationships. This is the only
instance the HHS logo will sit
horizontally with the FDA Monogram.

2.3 FDA Visual Identity Guidelines


3. TYPOGRAPHY

3.1 Section Introduction


3.2 Type Primary Typeface
3.3 Type Secondary Typeface
3.4 Type Primary - Principles & Best Practices
3.5 Type Incorrect Usage

3.0 FDA Visual Identity Guidelines


INTRODUCTION
The FDA has carefully selected typography options for the
entire agency to use across all external and internal

materials. A primary and secondary font style have been

selected.

The primary font style is used for headlines, subheads, and


when the material includes plenty of open space. The
secondary font style will be used as body copy only.

If these options are not available on your computer, please

refer to the backup font options that have been selected for
both the primary and secondary fonts.

No other font options are permitted to be used within


communications materials. This is to ensure that the brand is
consistent.

3.1 FDA Visual Identity Guidelines


FDA Typography Primary Typeface

DIN FF
The Din FF typeface is the primary
Regular
Use in all body copy larger ABCDEFGHIJKLMNOPQRSTUVWXYZ
than 6pt.
typeface. If it is unavailable, then
Helvetica or Arial may be used.
abcdefghijklmnopqrstuvwxyz
The Din FF family typeface has
1234567890 &$%#!@
several line weights. The following is
a list of the approved line weights for
use with the FDA brand and their
proper usage rules and guidelines.
Bold
Headlines and sub-headlines ABCDEFGHIJKLMNOPQRSTUVWXYZ
should be 14 points and larger.

Note: this font weight should

never be used for body copy.


abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@
Black
Headlines larger than 25 pt. ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@
Bold Italic
Use in all body copy larger ABCDEFGHIJKLMNOPQRSTUVWXYZ
than 6 pt.
abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@

Getting It Right
This font should be used with no
changes to its look, shape or appearance.
For example, no outlines or drop
shadows should be applied to the font.

3.2 FDA Visual Identity Guidelines


FDA Typography Secondary Body Copy Typeface

GEORGIA
This typeface is only to be used
for lettering used in the body of a
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
document.
abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@
Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@
Bold Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 &$%#!@

Getting It Right
This font appears without any changes
to its look, shape or appearance. For
instance, it should not be altered by
adding outlines or drop shadows.

3.3 FDA Visual Identity Guidelines


FDA Typography Primary Typeface
Principles and Best Practices

Din FF
Type Weights Kerning Leading Type Color

Din FF comes in 4 weights, All characters must be optically Leading varies depending on font Type color is dictated by
which can be used to provide visual adjusted, especially at large point size and form factor. Leading background color.
emphasis in text and headlines sizes (i.e. Billboard headlines) should never be so tight that
when required. ascenders and descenders touch. On Black Background
Large Headlines, 12pt and over
Suggested Leading Sizes FDA White
Large Headlines, 12pt and over Subheads, 9pt and below
Suggested Weights Use appropriate leading FDA Blue
Large Headlines, 12pt and over Subheads, 9pt and below FDA Light Gray
Din FF Bold / Helvetica Bold Leading size: +2pt

On White Background
Subheads, 9pt and below
Din FF Regular / Helvetica Regular Large Headlines, 12pt and over
FDA Blue
Subheads, 9pt and below
FDA Blue
FDA Black
FDA Dark Blue

Best Practices

Uppercase, Bold

FDA Joint Information Lowercase, Regular

Center Handbook
Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lowercase, Regular
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud ex.

3.4 FDA Visual Identity Guidelines


FDA Typography Incorrect Usage for body copy

It is recommended that all body copy


be flush left, unjustified.

Morbi non volutpat libero. Morbi Morbi non volutpat libero. Morbi Morbi non volutpat libero. Morbi
vestibulum ultrices ullamcorper. vestibulum ultrices ullamcorper. vestibulum ultrices ullamcorper.
Nullam orci ligula, mollis at massa id, Nullam orci ligula, mollis at massa id, Nullam orci ligula, mollis at massa id,
feugiat vulputate ante. morbi feugiat vulputate ante. Morbi arcu feugiat vulputate ante. Morbi arcu
arcu purus, mattis a massa eget, purus, mattis a massa eget, tincidunt purus, mattis a massa eget, tincidunt
tincidunt aliquam massa. Sed pharetra aliquam massa. Sed pharetra suscipit aliquam massa. Sed pharetra suscipit
suscipit condimentum. Quisque luctus condimentum. Quisque luctus eget condimentum. Quisque luctus eget
eget purus vitae fermentum. Curabitur purus vitae fermentum. Curabitur id purus vitae fermentum. Curabitur id
id odio mollis, eleifend dolor auctor, odio mollis, eleifend dolor auctor, odio mollis, eleifend dolor auctor,
placerat metus. Donec id tellus lectus. placerat metus. Donec id tellus. placerat metus.

Do not insert the FDA logo into body text. Do not set text flush right. Do not center text.

Morbi non volutpat libero. Morbi Morbi non volutpat libero. Morbi Morbi non volutpat libero. Morbi
vestibulum ultrices ullamcorper. vestibulum ultrices ullamcorper. vestibulum ultrices ullamcorper.
Nullam orci ligula, mollis at massa id, Nullam orci ligula, mollis at massa id, Nullam orci ligula, mollis at massa id,
feugiat vulputate ante. Morbi arcu feugiat vulputate ante. Morbi arcu feugiat vulputate ante. Morbi arcu
purus, mattis a massa eget, tincidunt purus, MATTIS A MASSA EGET,
aliquam massa. Sed pharetra suscipit purus, mattis a massa eget, tincidunt tincidunt aliquam massa. Sed pharetra
condimentum. Quisque luctus eget aliquam massa. Sed pharetra suscipit suscipit condimentum. Quisque luctus
purus vitae fermentum. Curabitur id condimentum. Quisque luctus eget purus vitae fermentum. Curabitur
odio mollis, eleifend dolor auctor, eget purus vitae fermentum. Curabitur id odio mollis, eleifend dolor auctor,
placerat metus. Donec id tellus lectus. id odio mollis, eleifend dolor auctor, placerat metus. DONEC id tellus lectus.
placerat metus. Donec id tellus lectus.

Don’t justify text, it can create visual gaps Don’t use more than one font size Don’t use more than one font style,
within the paragraph. within body text. weight or color in a sentence.

3.5 FDA Visual Identity Guidelines


4. COLOR PALETTE

4.1 Section Introduction


4.2 Color Palette Specifications
4.3 Color Palette Ratios
4.4 Color Palette Gradient

4.0 FDA Visual Identity Guidelines


INTRODUCTION
The Color Palette section provides the seven colors that will
be used across all materials. These colors establish the look
and feel of the visual identity. These are the only colors that
can be used.

4.1 FDA Visual Identity Guidelines


FDA Color Palette Specifications

The family of FDA colors has been


clearly specified to ensure accurate Color Palette Equivalents CMYK RGB Hex

representation across all media.


FDA Blue 95 / 41 / 6 / 0 0 / 124 / 186 #007CBA

FDA Blue is the dominant color of the


brand, followed by FDA Dark Blue
and White.

For printing use CMYK, or consult


your printing specialist for the FDA Dark Blue 100 / 94 / 24 / 23 34 / 44 / 103 #222C67
equivalent spot color.
FDA
Primary
For digital applications, use RGB and Colors
Hex.

Printed colors should always match FDA White N/A N/A #FFF
the color swatch.

FDA Black 66 / 64 / 67 / 67 46 / 41 / 37 #2E2925

Gray 0 / 1 / 0 / 43 160 / 160 / 163 #A0A0A3

Gold 2 / 22 / 100 / 8 229 / 182 / 17 #E5B611

Red 9 / 100 / 79 / 2 214 / 0 / 54 #D60036

4.2 FDA Visual Identity Guidelines


FDA Color Palette Percentages

This diagram illustrates the ratio of


usage of FDA colors across the
spectrum. Refer to this guide when
selecting color choices for new pieces of
communication or collateral.

FDA Blue is the dominant color of the


brand. FDA Dark Blue may be also used
as the dominant color followed by FDA
DOMINANT COLOR
FDA Blue
White.

60
60% - Dominant Color

%
a: FDA Blue

30% - Secondary Color


a: FDA Dark Blue

8% - Accent Colors
a: Cool Gray
b: Dark Gray
c: FDA Black

Note: If a offset color is needed, the


Red and Gold colors are available.
These are to be used rarely and with
caution.

2% - Tertiary Colors
a: Red

30
b: Gold

% SECONDARY COLOR
FDA Dark Blue
White

8% ACCENT Gray / Black

2% TERTIARY Red / Gold

4.3 FDA Visual Identity Guidelines


FDA Color Palette Gradient

This FDA blue blend comprises the


FDA Blue and White colors.

FDA Blue 50% White


Pantone 746 C #FFF
100% 100%
No Angle No Angle

4.4 FDA Visual Identity Guidelines


5. IMAGERY

5.1 Section Introduction


5.2 Photography
5.3 Incorrect Usage

5.0 FDA Visual Identity Guidelines


INTRODUCTION
Images are a key element to the entire visual identity of the
FDA. They impact the message as much as the data and
content within the actual document. Therefore, it is very
important to select the right types of images that will be able
to clearly express the new brand.

This section provides guidance on the types of images to use


in FDA communications materials, as well as the types of
images to avoid using.

5.1 FDA Visual Identity Guidelines


FDA Imagery Photography

This slide demonstrates how to


achieve the human element through
photos. The same effect/type of
photography should be used when
selecting images to include in
materials.

Energize images with dynamic


cropping.

Avoid stagnant shots of buildings and


machinery. Instead, depict these
items in a manner that conveys what
makes them innovative and exciting.

Avoid overlapping the edges of the


images.

5.2 FDA Visual Identity Guidelines


FDA Imagery Incorrect Usage

Examples shown here demonstrate how


to not photograph or choose an
image.
Use caution when using line art and
3D renderings. Refer to page 5.2 for
correct usage.
In order from left to right, top to
bottom:
- Avoid bad subject lighting
- Avoid blurry images
- Avoid monochromatic images
- Avoid magnifying too close
- Avoid stagnant shots of lab
equipment and machinery
- Avoid cutting subjects out of their
original setting
- Avoid clip art

5.3 FDA Visual Identity Guidelines


6. GRAPHIC ELEMENTS

6.1 Section Introduction


6.2 Logo Clear Space

6.0 FDA Visual Identity Guidelines


INTRODUCTION
The FDA logo will live in different spaces within the
communications materials. As the first section of the Visual
Identity guidelines describes, there will always be a certain
amount of clear space that has to live around the actual logo.
Nothing else can be placed within this designated area. This
section explains the use of graphic elements and how they
can coincide with the logo.

6.1 FDA Visual Identity Guidelines


FDA Graphic Elements Logo - Top Clear (Protected) Space

When creating communication


materials with the FDA logo and its
lock-ups, the space above the bottom
of the FDA Monogram must remain
clear of any text or graphics.

Refer to section 1.0 for sizing and


clear space for the FDA logo.

Content

www.fda.gov

6.2 FDA Visual Identity Guidelines


7. COMMUNICATIONS

7.1 Section Introduction


7.2 Letterhead
7.3 Fact Sheet
7.4 News Release
7.5 Publication Templates
7.6 Powerpoint
7.7 Video Title
7.8 Envelope
7.9 Email Signature
7.10 Business Card
7.11 Stationery Products
7.12 Awards/Certificates
7.13 Signage
7.14 Exhibits Style
7.15 E-Newsletter
7.16 Website
7.17 Web Banner Ads
7.18 Mobile UI
7.19 Social Media
7.20 Twitter Handle

7.0 FDA Visual Identity Guidelines


INTRODUCTION
Now that we’ve addressed the correct usage of all of the
brand components – from the FDA logo to the typography –
the visual identity of the FDA is established. The instructions
in the previous sections are meant to be used when
developing all of the communications materials that the
agency produces.

This next section takes the established brand components


and provides examples of several commonly used templates
that correctly apply the brand identity.

It is important to remember that the Offices and Centers will


have access to templates shown in this section. Therefore, as
long as the materials that are being developed follow the
guidelines and standards outlined in section 1-6 of the Visual
Identity Guidelines, or by using the pre-made templates, the
communications materials produced will be considered valid.

7.1 FDA Visual Identity Guidelines


FDA Communications
Letterhead

Email correspondence has made


receiving information on a piece of Letterhead Elements
letterhead feel more special than
ever. Following the specified design, FDA Logo

paper stock, fonts and formatting The logo prints in FDA Blue as a

ensures that letterhead foil stamp on white paper stock.

correspondence makes the right


impact. Agency Information

Sentinel Medium,

Flush left, rag right.

Text prints in FDA Dark Gray.

For FDA operations not located at


the White Oak address, the physical Background

address at the bottom left may be White of paper stock, no varnish

changed to identify the actual


location's mailing address. Size

8.5” wide x 11” high (standard)

OFFICE OF THE COMMISSIONER

U.S. Food & Drug Administration


10903 New Hampshire Avenue
Silver Spring, MD 20993
www.fda.gov
U.S. Food & Drug Administration
10903 New Hampshire Avenue
Silver Spring, MD 20993
www.fda.gov

Sample shown not actual size. Sample shown


with Office/Center Lockup

7.2 FDA Visual Identity Guidelines


FDA Communications Fact Sheet

CENTER FOR TOBACCO CONTROL

FACT SHEET
PROTECTING PUBLIC HEALTH
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt explicabo. Nemo enim ipsam
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed
quia consequuntur magni dolores eos qui ratione voluptatem
sequi nesciunt. Neque porro quisquam est, qui dolorem
ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia
non numquam eius modi tempora incidunt ut labore et dolore
magnam aliquam quaerat voluptatem. Ut enim ad minima
veniam, quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam nihil molestiae consequatur, vel illum qui dolorem
eum fugiat quo voluptas nulla pariatur.
BACKGROUND:
Sed ut perspiciatis unde omnis iste natus error sit voluptatem Nemo enim ipsam voluptatem quia voluptas sit aspernatur
accusantium doloremque laudantium, totam rem aperiam, aut odit aut fugit, sed quia consequuntur magni dolores eos
eaque ipsa quae ab illo inventore veritatis et quasi architecto qui ratione voluptatem sequi nesciunt.
beatae vitae dicta sunt explicabo. Nemo enim ipsam
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed Nemo enim ipsam voluptatem quia voluptas sit aspernatur
quia consequuntur magni dolores eos qui ratione voluptatem aut odit aut fugit, sed quia consequuntur magni dolores eos
sequi nesciunt. qui ratione voluptatem sequi nesciunt. Neque porro
quisquam est, qui dolorem ipsum quia dolor sit amet,
Nemo enim ipsam voluptatem quia voluptas sit aspernatur consectetur, adipisci velit, sed quia non numquam eius modi
aut odit aut fugit, sed quia consequuntur magni dolores eos tempora incidunt ut labore et dolore magnam aliquam
qui ratione voluptatem sequi nesciunt. Neque porro quaerat voluptatem. Ut enim ad minima veniam, quis
quisquam est, qui dolorem ipsum quia dolor sit amet, nostrum exercitationem ullam corporis suscipit laboriosam,
consectetur, adipisci velit, sed quia non numquam eius modi nisi ut aliquid ex ea commodi consequatur? Quis autem vel
tempora incidunt ut labore et dolore magnam aliquam eum iure reprehenderit qui in ea voluptate velit esse quam
quaerat voluptatem. Ut enim ad minima veniam, quis nihil molestiae consequatur, vel illum qui dolorem eum fugiat
nostrum exercitationem ullam corporis suscipit laboriosam, quo voluptas nulla pariatur.
nisi ut aliquid ex ea commodi consequatur? Quis autem vel
eum iure reprehenderit qui in ea voluptate velit esse quam Neque porro quisquam est, qui dolorem ipsum quia dolor sit
nihil molestiae consequatur, vel illum qui dolorem eum fugiat amet, consectetur, adipisci velit, sed quia non numquam eius
quo voluptas nulla pariatur. modi tempora incidunt ut labore et dolore magnam aliquam
quaerat voluptatem.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velit, sed quia non numquam eius Ut enim ad minima veniam, quis nostrum exercitationem
modi tempora incidunt ut labore et dolore magnam aliquam ullam corporis suscipit laboriosam, nisi ut aliquid ex ea
quaerat voluptatem. commodi consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate velit esse quam nihil
Ut enim ad minima veniam, quis nostrum exercitationem molestiae consequatur, vel illum qui dolorem eum fugiat quo
ullam corporis suscipit laboriosam, nisi ut aliquid ex ea voluptas nulla pariatur
commodi consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate velit esse quam nihil
molestiae consequatur, vel illum qui dolorem eum fugiat quo September 2, 2015
voluptas nulla pariatur

FDA Fact Sheet Template (using no-color 1-tier lock-up

FDA Fact Sheet Template (using color 1-tier lock-up

7.3 FDA Visual Identity Guidelines


FDA Communications News Release

Logo Area

Contact Information

Article Headline

Body

WWW.FDA.GOV
7.4 FDA Visual Identity Guidelines
FDA Communications Publication Templates

The format and layout of newsletters


and publications should be designed
as part of the overall communication
goal of the item with both the subject
matter and audience in mind. There
are no layout specifications for the FOOD
inside pages of a multipage SAFETY
publication. The only specification is
the placement of the brand elements
per this guide.

FDA.GOV

FDA.GOV

Example of a lettersize cover design


Example of a lettersize layout

FOOD SAFETY
RESEARCH 2015

FDA.GOV
FDA.GOV

Example of a trifold brochure cover design


Example of a trifold brochure layout

FDA.GOV

Example of a custom-size layout

Example of a custom-size layout

7.5 FDA Visual Identity Guidelines


FDA Communications PowerPoint Presentations

Designed with the ease of printing in


mind, PowerPoint presentations are Cover Page (with graphic ) optional Title Page Section Divider Page Quote Text Page
set on a white background. They
should be short, image-heavy and
text-light.

LOREM IPSUM DOLOR SIT 2


could prevent thousands of heart
AMET, CONSECTETUR LOREM IPSUM DOLOR SIT
attacks and deaths each year.
ADIPISCING ELIT SED AMET, CONSECTETUR

LOREM IPSUM DOLOR SIT


Quote
http://www.fda.gov/Food/IngredientsPackagingLabeling/FoodAdditivesIngredients/ucm449162.htm

FDA.GOV 3 FDA.GOV 4

Two Column Text Page Three Column Text Page Image with Text Page Product Image Page

LOREM IPSUM DOLOR LOREM IPSUM DOLOR LOREM IPSUM DOLOR LOREM IPSUM DOLOR
- Quisque volutpat ante ut - Quisque volutpat ante ut - Quisque volutpat ante ut - Quisque volutpat ante ut - Quisque volutpat ante ut Lorem ipsum dolor sit amet, consectetur
- Quisque volutpat ante ut - Quisque volutpat ante ut
- Magna ornare malesuada. - Magna ornare malesuada. - Magna ornare malesuada. - Magna ornare malesuada. - Magna ornare malesuada. adipiscing elit, sed do eiusmod tempor
- Magna ornare malesuada. - Magna ornare malesuada.
- Nam aliquet libero vel - Nam aliquet libero vel - Nam aliquet libero vel - Nam aliquet libero vel - Nam aliquet libero vel incididunt ut labore et dolore magna aliqua.
- Nam aliquet libero vel - Nam aliquet libero vel
- Lacus interdum mollis. - Lacus interdum mollis. - Lacus interdum mollis. - Lacus interdum mollis. - Lacus interdum mollis. Ut enim ad minim veniam, quis nostrud
- Lacus interdum mollis. - Lacus interdum mollis.
- Aliquam scelerisque tortor - Aliquam scelerisque tortor - Aliquam scelerisque tortor - Aliquam scelerisque tortor - Aliquam scelerisque tortor exercitation ullamco laboris nisi ut aliquip ex
- Aliquam scelerisque tortor - Aliquam scelerisque tortor
- Quis arcu cursus, quis - Quis arcu cursus, quis - Quis arcu cursus, quis - Quis arcu cursus, quis - Quis arcu cursus, quis ea commodo consequat.
- Quis arcu cursus, quis - Quis arcu cursus, quis
- Pharetra sapien dapibus. - Pharetra sapien dapibus. - Pharetra sapien dapibus. - Pharetra sapien dapibus. - Pharetra sapien dapibus.
- Sed ut tortor id lorem - Sed ut tortor id lorem - Sed ut tortor id lorem - Sed ut tortor id lorem - Sed ut tortor id lorem Lorem ipsum dolor sit amet, consectetur
- Ornare tincidunt. - Ornare tincidunt. - Ornare tincidunt. - Ornare tincidunt. - Ornare tincidunt. adipiscing elit, sed do eiusmod tempor
- Curabitur eu lorem vitae - Curabitur eu lorem vitae - Curabitur eu lorem vitae - Curabitur eu lorem vitae - Curabitur eu lorem vitae incididunt ut labore et dolore.
- Eiam malesuada pulvinar - Eiam malesuada pulvinar - Eiam malesuada pulvinar - Eiam malesuada pulvinar - Eiam malesuada pulvinar
- Quis arcu cursus, quis - Quis arcu cursus, quis - Quis arcu cursus, quis - Quis arcu cursus, quis - Quis arcu cursus, quis
- Pharetra sapien dapibus. - Pharetra sapien dapibus. - Pharetra sapien dapibus. - Pharetra sapien dapibus. - Pharetra sapien dapibus.
- Sed ut tortor id lorem - Sed ut tortor id lorem - Sed ut tortor id lorem - Sed ut tortor id lorem - Sed ut tortor id lorem

FDA.GOV 5 6 7

Large Statement Page Last Page

Interior Page Template/ FDA Monogram Placement

LOREM IPSUM DOLOR SIT AMET,


CONSECTUR ADLING ELIT, SED DO
EIUSMOD TEMPOR INCIDIDUNT UT
LABORE ET DOLORE.

Content
FDA.GOV 9

Getting It Right
When you do have to include longer pieces
of text, use bullets whenever possible.

7.6 FDA Visual Identity Guidelines


FDA Communications Television and Live Feed/Streaming

Each FDA-branded video includes a


standard identifier and closing slide,
consisting of the FDA Monogram on blue
background, as shown below.
Logo Position
The logo will be at bottom center-
aligned across the screen as
shown below.

Closing screen

7.7 FDA Visual Identity Guidelines


FDA Communications Videos

FDA-branded video shall comply with all Logo Position


Visual Identity guidelines for logos, color, The primary or monogram logo will be placed at top right of the
sizing, fonts, and other guideance found opening screen as shown in the sample below .
in this Style Guide.

7.7.1 FDA Visual Identity Guidelines


FDA Communications Envelope

The business envelope is used for


both internal and external
correspondence. For larger
envelopes, the same layout
principles apply.

FDA operations not located at the


White Oak address, like on Visual
Identity letterhead, may change the
mailing address to reflect actual
location.

U.S. Food & Drug Administration


10903 New Hampshire Avenue
Silver Spring, MD 20993
www.fda.gov

Sample shown not actual size.

7.8 FDA Visual Identity Guidelines


FDA Communications Email Signature

Standardized email signatures that


list all pertinent contact
Email Signature Elements
information per the example.
Customize individual contact details
Signature Block Example:
Type:
only. 9/12 pt.Arial
Upper and lower case
Your Name Aligned flush left/rag right

Your title

Your Center
Your Office
U.S. Food and Drug Administration
Tel: xxx-xxx-xxxx
[Your email name]@fda.hhs.gov

7.9 FDA Visual Identity Guidelines


FDA Communications Business Cards

Business Card Elements


To ensure specifications are exactly
as follows, business cards may be
ordered for a fee through the
Government Printing Office "Ability
One" GSA contract, or through the
HHS "Professional Services Center
(PSC)."

There are four contact lines for input- Note: ORA Investigator and Special Agent Badged Employees Only
T-telephone; C-cell; F-fax, (or for a
second contact number); and E-email Front
address. Note: The "F" line may also Standard card
be left blank if desired. with HHS Lockup

Attention Public Health Service


Commissioned Corp Officers:
Please use the ORA Investigator and
Special Agent order form. In the
comments section, ask for PHS
emblem to be placed on the right
side of the business cards (where the
ORA badges are placed in this Front
Investigator
example). Back
Standard Card

FDA Logo
Front: FDA Blue, and FDA White logo.
Back: FDA Monogram in FDA Blue

Front Special Agent

7.10 FDA Visual Identity Guidelines


FDA Communications Stationery Products

Folder Alternate Folder

First, Last Name


OFFICIAL TITLE
OFFICE/CENTER

Name Badge

John J. Doe
Invitation, Note Card and
Thank You Card

Table Tent

7.11 FDA Visual Identity Guidelines


FDA Communications Awards/Certificates

One signature certificate

Two signature certificate

7.12 FDA Visual Identity Guidelines


FDA Communications Signage

Entry to the WO campus


Washington, DC Outdoor Signage

Street Signage

BUILDING
32 32
>

7.13 FDA Visual Identity Guidelines


FDA Communications Exhibits Style

As with all publications, the FDA


identifying elements must be used Banner Treatment Logo Area (align right)
according to specifications.

www.fda.gov

Consider the space 2’ from the lower edge


as an allowance for table space. The main
subject matter of the exhibit should be
placed higher than this allowance.

www.fda.gov

7.14 FDA Visual Identity Guidelines


FDA Communications E-Newsletter
Absolute care and consideration
should be taken when creating
E-Newsletters/emails that will
arrive directly in a consumer’s inbox.
Ensure that the design and writing
meet the highest standards —
informative and interesting — to
Header Module Large Image, action items, and Label Module
avoid any possibility of being viewed
as spam. PRODUCT SHORTAGES & DISCONTINUATIONS
This bi-weekly newsletter provided by the Office of Health and Constituent Affairs at the Food and Drug
Administration (FDA) is intended to inform you of FDA-related information on a variety of topics, including new
product approvals, significant labeling changes, safety warnings, notices of upcoming public meetings, proposed
regulatory guidances and opportunity to comment, and other information of interest to patients and patient
advocates. Subscribe or update your subscriber preferences.
IMAGE

Office of Health & Constituent Affairs


PATIENT NETWORK NEWS
VOLUME 5 | NUMBER 17 | AUGUST 19, 2015
REPORT A PROBLEM SAFETY INFORMATION STAY INFORMED

Remember to always Include all


FDA laboratory analysis confirmed that Achieving Zero contains sibutramine. Sibutramine is a controlled
required legal and disclaimer copy. substance that was removed from the market in October 2010 for safety reasons. The product poses a threat to
consumers because sibutramine is known to substantially increase blood pressure and/or pulse rate in some
patients and may present a significant risk for patients with a history of coronary artery disease, congestive
heart failure, arrhythmias, or stroke. This product may also interact, in life-threatening ways, with other
medications a consumer may be taking. More information

2 Rows with Label Module


Nulla tincidunt nibh eget egestas condimentum.

PRODUCT SAFETY Nullam eu dui posuere, finibus diam in, cursus ligula.
Phasellus nec nisl pulvinar, vestibulum turpis vel, tincidunt velit.
Maecenas viverra mauris sit amet enim laoreet, ut venenatis ligula tristique.

Achieving Zero Contains Hidden Drug Ingredient


The Food and Drug Administration (FDA) is advising consumers not Achieving Zero Contains Hidden Drug Ingredient
to purchase or use Achieving Zero, a product promoted and sold for The Food and Drug Administration (FDA) is advising consumers not to purchase or use Achieving Zero, a
weight loss on various websites such as www.amazon.com. product promoted and sold for weight loss on various websites such as www.amazon.com.

FDA laboratory analysis confirmed that Achieving Zero contains


IMAGE sibutramine. Sibutramine is a controlled substance that was removed
from the market in October 2010 for safety reasons. The product
poses a threat to consumers because sibutramine is known to
substantially increase blood pressure and/or pulse rate in some
patients and may present a significant risk for patients with a history
of coronary artery disease, congestive heart failure, arrhythmias, or
stroke. This product may also interact, in life-threatening ways, with Co-Brand Label and double column Module
other medications a consumer may be taking. More information

MEDWATCH YOUR FDA GATEWAY FOR CLINICALLY IMPORTANT SAFETY INFORMATION AND
REPORTING SERIOUS PROBLEMS WITH HUMAN MEDICAL PRODUCTS.
FDA's Role in Ensuring American Patients Have Access to Safe and Effective Medical Device
Technology

Over the past five years, the Food and Drug Administration's device program has shown a pattern of markedly
improved performance. Today it is performing strongly across a wide range of performance measures. At the
same time, FDA has implemented a range of initiatives to promote access to safe and effective medical devices
for American patients.

These improvements include those to 510(k) and premarket approval (PMA) review times along with a
IMAGE IMAGE
reduction in Investigational Device Exemption (IDE) review times of almost a full year-which means many
devices investigated in the United States now reach the market a full year sooner than they did at the beginning
of this decade. Performance in FDA's review of novel, moderate risk devices has also improved markedly,
demonstrating the success of FDA's efforts to expand use of its de novo review pathway. More information

HEADER 2 HEADER 2
Over the past five years, the Food and Drug Administration's device program has shown a pattern of markedly
improved performance. Today it is performing strongly across a wide range of performance measures. At the
same time, FDA has implemented a range of initiatives to promote access to safe and effective medical devices
for American patients. MedWatch Safety Alert: OxyTOTE Portable MedWatch Safety Alert: OxyTOTE Portable
Oxygen Unit by Western/Scott Fetzer Company: Oxygen Unit by Western/Scott Fetzer Company:
Class I Recall - May Ignite and Burst Class I Recall - May Ignite and Burst
The company received reports that when the The company received reports that when the
OxyTote is mishandled or dropped, the oxygen OxyTote is mishandled or dropped, the oxygen
cylinder may ignite causing an internal flash fire cylinder may ignite causing an internal flash fire
and the canister to burst. See FDA Recall notice and the canister to burst. See FDA Recall notice
for a list of affected Lot and Model numbers. The for a list of affected Lot and Model numbers. The
Footer Module firm has received a total of 2 reports of incidents
in which the device has malfunctioned, including
firm has received a total of 2 reports of incidents
in which the device has malfunctioned, including
1 injury and 1 death. When the injury occurred, 1 injury and 1 death. When the injury occurred,

7.15 FDA Visual Identity Guidelines


FDA Communications Website

This is a mockup of the logo living on


the current website.

7.16 FDA Visual Identity Guidelines


FDA Communications Web Banner Ads

Each web banner ad should be designed to create


maximum impact within its size and resolution.
Copy should be extremely short and to the point.
Every ad must display an FDA master logo or
monogram as well as a call to action.

Vertical Horizontal Rectangular


HEADLINE STATEMENT

LARGE HEADLINE
HEADLINE HEADLINE LEARN MORE Sub-Headline
TEXT Sub-Headline
Sub-Headline

LARGE
HEADLINE HEADLINE
TEXT Sub-Headline
Sub-Headline

Example 1 (Top)

Example 2

Example 1 (Top)

Example 2
Example 1 Example 2 Example 3

7.17 FDA Visual Identity Guidelines


FDA Communications Mobile UI

App Launch Icon

Smart Phone, UI

7.18 FDA Visual Identity Guidelines


FDA Communications Social Media
Profile Icon

These icons are used exclusively on


social media sites. Three variations
have been created to work against
different graphic backgrounds and
colors. Each icon should be sized to
appropriately fit the specific digital
environment.

FDA profile icons should be used on


the following websites:

Facebook
Twitter
Pinterest
YouTube
Flickr
Gov Delivery
RSS Feed

Option 01 Option 02 Option 03


FDA monogram on black FDA monogram on white FDA monogram (actual size)

FDA Profile icon, pixel sizes:

Small Medium Large Extra Large

Facebook 32 x 32 50 x 50 – 180 x 180

Twitter 24 x 24 48 x 48 73 x 73 128 x 128

YouTube 36 x 36 – 88 x 88 800 x 800

Flickr 24 x 24 48 x 48 – –

Pinterest 36 x 36 48 x 48 – –

7.19 FDA Visual Identity Guidelines


FDA Communications Twitter

7.20 FDA Visual Identity Guidelines


8. EXAMPLE APPLICATIONS

8.1 Section Introduction


8.2 Stamp
8.3 Signage
8.4 Awards
8.5 Wearables
8.6 Items
8.7 Handbook
8.8 Street Poster

8.0 FDA Visual Identity Guidelines


INTRODUCTION
Similar to Section 7 of the Visual Identity Guidelines, this next
section includes several examples of the brand. These are
examples of best practices for implementing the brand
throughout various materials and platforms. These examples
demonstrate the correct use of the logo and help bring the
new brand to life.

These examples are not the only implementations that can be


used. The Offices and Centers have the option to design their
own variations of these applications, as long as the brand
guidelines outlined within section 1-6 are being followed.

8.1 FDA Visual Identity Guidelines


FDA Example Applications Stamp

8.2 FDA Visual Identity Guidelines


FDA Example Applications Signage

Text goes here.

8.3 FDA Visual Identity Guidelines


FDA Example Applications Awards

Text goes here.

2015
FDA Scientific Achievement Award
CENTER FOR VETERINARY MEDICINE
Excellence in
REVIEW SCIENCE Excellence in
Presented to: Mentoring Award
Margaret Bash, MD
CENTER FOR BIOLOGICS & RESEARCH
2015

Presented to:
Michelle L. Kornele, PhD

2015

30 Year Length of Service


Richard Barror

8.4 FDA Visual Identity Guidelines


FDA Best Practices Wearables

FDA
Text baseball
goes here.
cap

Lab coat

8.5 FDA Visual Identity Guidelines


FDA Example Applications Items

Tshirt/Polo
Text goes here.
Briefcase/Messenger Bag
Coffee Mug

8.6 FDA Visual Identity Guidelines


FDA Example Applications Handbook

8.7 FDA Visual Identity Guidelines


FDA Example Applications Street Poster

8.8 FDA Visual Identity Guidelines


9. CONTACT INFORMATION
Please contact the Office of External Affairs if you have any
questions about the use of the FDA Visual Identity Guidelines.
Email: [email protected]

9.0 FDA Visual Identity Guidelines

You might also like