Follow this link to skip to the main content
NASA -National Aeronautics and Space Administration

+ Visit NASA.gov
+ Contact NASA

+ Home
Portal Affinity Kit
Affinity Website Examples
Templates and Source Files
Style Guide
Frequently Asked Questions and Design Tips

Style Guide: Promotional Banners

Image usage

Images must help to communicate the concept of the promotion and have enough neutral space for the title and call to action to reside in and be readable. In most cases the image should be dark enough to allow white type to be readable over top of it.

Keep images simple and direct. Multiple images or montages create visual clutter and make the call to action less apparent. Promotional banners should be designed after billboards, the concept should be clear to a user who glances at it quickly. A good banner will contain a simple image that allows type to be placed over it in a way that is easy to read. Darker images should be used with white type when possible. Use the arrow graphic to designate an external link (new window) at the end of the call to action.

Standards for Promo Banners

Fonts:
  • Headlines: Helvetica Neue Medium Condensed 14 pt (ALL CAPS)
  • Calls to action: Helvetica Medium 11pt
  • All font specifications and grid measurements can be found in the sample below (click to enlarge):

    Promotional Banner Specifications and Style Guide

Sizes:
  • Banner 01 - large: 363 x 123 pixels
  • Banner 02 - small: 178 x 105
Notes:
  • Keep images simple and direct / emphasis is on the type
  • Try to position type 15 pixels from the top or bottom of the banner edge so it will align to the page grid
  • Dark images should be used with white type when possible
  • Use the arrow graphic to designate a link to an external site at the end of the call to action

Related Links

+ Download Promotional Banner Graphic Templates (1.4 MB zip)

Read the Promotional Banners section in the Style Guide for more details
+ On-line version (NASA Only)
+ Page 32 in PDF Adobe PDF (click to download)



NASA NASA Official: Colin Enger
+ Contact NASA

Version Information