Fda Vi Style Guide Oct2016 Reduced Size-508
Fda Vi Style Guide Oct2016 Reduced Size-508
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.
Over time, implementation of the grid-inspired design will also create internal
OFFICE OF OPERATIONS
½ ½
Secondary Logo
Monogram
x = cap height of FDA Acronym
Getting It Right
Clear space should be maximized
whenever possible.
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
Consistent presentation is an
important part of making the logo
1 2 3
immediately recognizable wherever it
appears.
4 5 6
7 8 9
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
Consistent presentation is an
important part of making the
1 2 3
secondary logos immediately
recognizable wherever they appear.
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
OFFICE/CENTER NAME
4
SECOND TIER OFFICE/CENTER OR DIVISION NAME
OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY CENTER FOR VETERINARY MEDICINE
OFFICE OF MEDICAL PRODUCTS & TOBACCO CENTER FOR BIOLOGICS EVALUATION & RESEARCH
OFFICE OF POLICY, PLANNING, LEGISLATION and ANALYSIS CENTER FOR DRUG EVALUATION & RESEARCH
1.13 FDA Visual Identity Guidelines NATIONAL CENTER FOR TOXICOLOGICAL RESEARCH
FDA Lock-up Office/Center Color
OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY
OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY OFFICE OF GLOBAL REGULATORY OPERATIONS & POLICY
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.
2 2 2
MEDWATCH
OPEN FDA
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.
Center Handbook
November 2013
FDA.GOV
Brochure Example
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!
pda.org/pdafda2015
#PDAFDA
This preliminary agenda is current as of May 12, 2015
selected.
refer to the backup font options that have been selected for
both the primary and secondary fonts.
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.
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.
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.
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
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.
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.
Printed colors should always match FDA White N/A N/A #FFF
the color swatch.
60
60% - Dominant Color
%
a: FDA Blue
8% - Accent Colors
a: Cool Gray
b: Dark Gray
c: FDA Black
2% - Tertiary Colors
a: Red
30
b: Gold
% SECONDARY COLOR
FDA Dark Blue
White
Content
www.fda.gov
paper stock, fonts and formatting The logo prints in FDA Blue as a
Sentinel Medium,
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
Logo Area
Contact Information
Article Headline
Body
WWW.FDA.GOV
7.4 FDA Visual Identity Guidelines
FDA Communications Publication Templates
FDA.GOV
FDA.GOV
FOOD SAFETY
RESEARCH 2015
FDA.GOV
FDA.GOV
FDA.GOV
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
Content
FDA.GOV 9
Getting It Right
When you do have to include longer pieces
of text, use bullets whenever possible.
Closing screen
Your title
Your Center
Your Office
U.S. Food and Drug Administration
Tel: xxx-xxx-xxxx
[Your email name]@fda.hhs.gov
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
FDA Logo
Front: FDA Blue, and FDA White logo.
Back: FDA Monogram in FDA Blue
Name Badge
John J. Doe
Invitation, Note Card and
Thank You Card
Table Tent
Street Signage
BUILDING
32 32
>
www.fda.gov
www.fda.gov
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.
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,
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
Smart Phone, UI
Facebook
Twitter
Pinterest
YouTube
Flickr
Gov Delivery
RSS Feed
Flickr 24 x 24 48 x 48 – –
Pinterest 36 x 36 48 x 48 – –
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
FDA
Text baseball
goes here.
cap
Lab coat
Tshirt/Polo
Text goes here.
Briefcase/Messenger Bag
Coffee Mug