An official website of the United States government.

This is not the current EPA website. To navigate to the current EPA website, please go to www.epa.gov. This website is historical material reflecting the EPA website as it existed on January 19, 2021. This website is no longer updated and links to external websites and some internal pages may not work. More information »

Web Standard: Boxes

Definition

Boxes highlight specific web content.

Content Requirements

  • Use the boxes found in the EPA stylesheet. They are part of the look and feel and are described fully at: Style Guide: Boxes

Box Styles

  • Alert Box: Emergency alert or other important information. The title must convey the specific alert or emergency.  Use on any page.
  • Blog Box: used to pull in EPA blog content.  Used primarily on homepages.
  • Highlight Box: to highlight one set of related, critical or featured content
  • Image box (with or without a caption): sets the image apart from content and floats it left or right
  • Multi-purpose box:  For content that doesn’t meet any of the other definitions.
  • News Box: Lists of recent events, news items, or upcoming calendar events.
  • No Style Box: For microsite homepages
  • Pull Quote Box: To quote text from the content of the page. You can also use the pull quote author style for the author.
  • Quiz Box: uses the simple box. Used primarily on homepages.
  • Related Information Box: lists of related information, that is not critical or featured content.
    • On Homepages:
      • Use for Related Topics box on resource directory homepage, if used.
      • No images because this is for less important content.
    • On Basic pages: can use an image if needed
  • RSS Feed Box: used to pull RSS feeds from EPA newsroom.  If 3rd party content is used, you are responsible for 3rd party content.  Used primarily on homepages.
  • Simple Box: Has a title or uses an image as a header; does not have colored background heading.
  • Special One Item Box: Contains one link to one featured event or content feature.

Example

See: Style Guide: Boxes

About this Standard

All EPA public web content must adhere to the EPA Web Standards, the U.S. Web Design System guidelines, and the 21st Century Integrated Digital Experience Act.

Original effective date: 03/22/2009
Last approved on: 12/09/2020
Web Council review by:  12/09/2023 (or earlier if deemed necessary)