Graphics Library

NHLBI Logos

The new NHLBI logo is designed as a single unit comprised of a logo mark (a red heart surrounded by two lungs, encased in a red blood cell) plus the name of the Institute. An alternate version includes the tagline People Science Health. Consistent use of the new logo format will enhance our communications with the public. 

The logo is available in three different styles: 

• the Standard Signature
• the Stacked Signature
• and the Linear Signature

Each version is available in the red/blue, grayscale, reversed format, with and without the tagline, and is offered in a variety of file formats. Note that commas are intentionally omitted from the Institute's name and tagline to enhance the graphical image. When the Institute's name or tagline appears in text, the commas must be included.

For detailed guidance, please refer to the NHLBI Identity Guidelines. For questions about the use of the new logo on the Web, contact the NHLBI Web Manager. For all other logo questions, contact the NHLBI Office of Communications.

Alternative Text for NHLBI Logos

If you do not have access to the Gotham font (seen in the original logos), we have provided alternative text options below.

'National', 'Institute', and the phrase 'People Science Health'
Franklin Gothic Book, #104b7d, 85% width

'Heart Lung and Blood'
Franklin Gotchic Demi, #104b7d, 85% width

Please direct all questions regarding the alternative text to the NHLBI Web Manager.

Standard Signature

This is the preferred version for most uses. The Standard Signature includes the logo mark with the name of the Institute next to it on the right spanning two lines.  The People Science Health tagline appears below the name of the Institute.

See the Standard Signature Gallery for all the variations of this signature.

Standard without tag color (GIF)
Standard without tag gray (JPEG)
Standard without tag reverse (only TIFF or EPS)
Standard with tag color (GIF)
Standard with tag gray (JPEG)
Standard with tag reverse (only TIFF or EPS)

Stacked Signature

The Stacked Signature includes the logo mark with the name of the Institute below it spanning two lines.  The People Science Health tagline appears below the name of the Institute.

Please see the Stacked Signature Gallery for all the variations of this signature.

Stacked without tag color (GIF)
Stacked without tag gray (JPEG)
Stacked without tag reverse (only TIFF or EPS)
Stacked with tag color (GIF)
Stacked with tag gray (JPEG)
Stacked with tag reverse (only TIFF or EPS)

Linear Signature

The Linear Signature includes the logo mark with the name of the Institute next to it on a single line.  The People Science Health tagline appears below the name of the Institute.

Please see the Linear Signature Gallery for all the variations of this signature.

Linear without color (GIF)
Linear without tag gray (JPEG)
Linear without tag reverse (only TIFF or EPS)
Linear with tag color (GIF)
Linear with tag gray (JPEG)
Linear with tag reverse (only TIFF or EPS)

Front Cover Lockup

The Front Cover Lockup includes the DHHS logo and DHHS, NIH, and NHLBI names spelled out.  Except for the DHHS logo, no other logo is permitted on the front cover of DHHS publications

Please see the Front Cover Gallery for all the variations of this signature.

Cover lockup positive (JPEG)

Standard Lockup

The Standard Lockup includes logos and text for DHHS and NIH on the left and the NHLBI signature on the right.  The Standard Lockup shows DHHS prominence and dominance as required by DHHS policy.  The DHHS text and NHLBI text are aligned horizontally.

Please see the Standard Lockup Gallery for all the variations of this signature.

Standard lockup without tag color—RGB) (GIF)
Standard lockup without tag gray (JPEG)
Standard lockup without tag reversed (only TIFF or EPS)
Standard lockup with tag color (GIF)
Standard lockup with tag gray (JPEG)
Standard lockup with tag reversed (only TIFF or EPS)

Stacked Lockup

The Stacked Lockup includes logos and text for DHHS and NIH above the NHLBI signature.  The Stacked Lockup shows DHHS prominence and dominance as required by DHHS policy.  The two-line name of the Institute is aligned vertically with DHHS and NIH names.

Please see the Stacked Lockup Gallery for all the variations of this signature.

Stack lockup without tag color—RGB) (GIF)
Stack lockup without tag gray (JPEG)
Stack lockup without tag reversed (only TIFF or EPS)
Stack lockup with tag color (GIF)
Stack lockup with tag gray (JPEG)
Stack lockup with tag reversed (only TIFF or EPS)

Notes:

The NHLBI logo mark should not be used without the logo type of the Institute's name except in rare instances when it would not be possible to include the name.

Please refer to the following table for advice about the various file formats.

On existing NHLBI Web sites, replacing the old logo with the new logo will be accomplished as quickly as possible over time.

Small GIF FILE (200 x 20 pixels, pictured here)

Small (100 x 100 pixels, pictured here)
Large (300 x 300 pixels)

Picture

Relative Path & Filename

Mandatory alt text

Notes

/images/new.gif

New item

Be sure to make a tickler file to remove the new.gif by some prescribed date.  Generally, one week should be adequate.

/images/up_arrowbl.jpg

Back to top

Used on long content pages.

/images/external-link.jpg

External Link

Use when the link will take users to a Web site not sponsored, hosted or managed by one or more federal government entities.

/images/1x1blue.gif

Example:

<img border="0" src="/images/1x1blue.gif" align="left" width="1" height="120"

alt="Remaining links are navigational.">

Used as a vertical space bar in the Main Topics and Quick Links bar on second tier & below pages.  Insert the image, experiment with the height of the image and left align the text. Size the gif according to the length of your main_topics navbar.  For instance, this blue gif is 1 x 120 pixels (where 1 is the width and 120 is the height). 

/images/1x1clear.gif

Alt text will vary according to usage.

Used for "Skip navigation" in navbar.

/images/rss-feed.jpg

rss feed

Review the correct way to layout RSS Feed links

/images/pdf.gif

pdf file

Review the correct way to layout document links

/images/pdf07.gif

pdf file

Review the correct way to layout document links

/images/fp5.gif

FileMaker Pro form

Review the correct way to layout document links

/images/wpd.gif

WordPerfect format

Review the correct way to layout document links

/images/excel.gif

excel file

Review the correct way to layout document links

/images/excel07.gif

excel file

Review the correct way to layout document links

/images/word_icon.gif

word file

Review the correct way to layout document links

/images/word07.gif

word file

Review the correct way to layout document links

/images/ppt.jpg

powerpoint file

Review the correct way to layout document links

/images/ppt07.gif

powerpoint file

Review the correct way to layout document links

/images/outlook.gif

outlook file

Review the correct way to layout document links

/images/realmedia.jpg

real player media file

Review the correct way to layout document links

/images/mac09.gif

mac computer

/images/windows.gif

windows computer

/images/nihlogo.gif

NIH document

To indicate a document originates in NIH web space.

/images/hhs-doc-logo.jpg

HHS document

To indicate a document originates in HHS web space.

/images/draft.gif

n/a

Watermark-type background image for pages under construction

/images/quicktime-icon.gif

quicktime media file

for videos

/images/wmf_icon.jpg

windows media file

for videos

/images/mp409.gif

mp4 media file

for videos

/images/printer.gif

print contents

/images/printer09.gif

print contents

/images/button-graphic.gif

button

/images/right_contact.jpg

contact us

used in the right-side highlights area

/images/right_downloads.jpg

downloads

used in the right-side highlights area

/images/right_featured.jpg

featured

used in the right-side highlights area

/images/right_news.jpg

news and events

used in the right-side highlights area

/images/right_relatedlinks.jpg

related links

used in the right-side highlights area

/images/right_updates.jpg

updates

used in the right-side highlights area

/images/dashed_right.jpg

n/a

used under the right-side graphic headers (if creating a new header)

/images/dashedline.jpg

n/a

used under the page title of a 3-column page

/images/dashed_long.jpg

n/a

used under the page title of a 2-column page

/images/dashed_1_col.jpg

n/a

used under the page title of a 1-column page