Skip to main content
U.S. flag

An official website of the United States government

Here’s how you know

Dot gov

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

HTTPS

Secure .gov websites use HTTPS
A lock (LockA locked padlock) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

    • Environmental Topics
    • Air
    • Bed Bugs
    • Cancer
    • Chemicals, Toxics, and Pesticide
    • Emergency Response
    • Environmental Information by Location
    • Health
    • Land, Waste, and Cleanup
    • Lead
    • Mold
    • Radon
    • Research
    • Science Topics
    • Water Topics
    • A-Z Topic Index
    • Laws & Regulations
    • By Business Sector
    • By Topic
    • Compliance
    • Enforcement
    • Laws and Executive Orders
    • Regulations
    • Report a Violation
    • Environmental Violations
    • Fraud, Waste or Abuse
    • About EPA
    • Our Mission and What We Do
    • Headquarters Offices
    • Regional Offices
    • Labs and Research Centers
    • Planning, Budget, and Results
    • Organization Chart
    • EPA History

Breadcrumb

  1. Home
  2. Web Policies and Procedures

Web Standard: Media Blocks (aka Graphic List)

Note

All EPA public and internal content pages and web applications are required to follow this standard. Your web application might not use media blocks.

Related Information

  • Laying Out Content with Sections
  • Taglines
  • Adding a Media Block (also called Graphic List) to a Web Area Homepage
  • Intranet Media Blocks standard

Definitions

Media blocks (images placed next to text) are added to Landing pages and are placed in rows of two. These rows are called Graphic Lists. Graphic Lists are used to showcase a number of related items and their respective images in a grid pattern.

Content Requirements

On public landing pages either graphic lists or cards are required under the banners and any taglines. Media blocks should NOT be placed under cards. The only permitted content between banners and media blocks are taglines.

Intranet landing pages must have at least two media blocks (one row of two across), and they may include up to six media blocks (three rows of two across). Follow the Intranet Media Blocks standard.

  • Media block titles can vary. Headings can be used a few different ways, depending on what your landing page is for. Highlight your values, specific program areas, topics, or results.
  • Use six words or less in your title. Keep body text to about 30 words. They can be shorter, but try to be somewhat balanced across all Media Blocks: Two, Four, or Six. It creates a clean appearance with good spacing.
  • Never highlight anything without a link to more information. In addition to your goal, find out your users’ goals. For anything you want to highlight with a media block, understand what information your users might be looking for. Consider your goals as well; what do you want them to learn or discover about the topic?

About this Standard

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

Original effective date: 02/14/24
Last approved on: 10/10/24
Web Council review by:  10/10/27 (or earlier if deemed necessary by the Web Council)

Web Policies and Procedures

  • Web Policies and Procedures Resources
  • EPA Web Standards
  • Historical Memoranda
  • Plain Writing
  • EPA Disclaimers
Contact Us About Web Policies and Procedures
Contact Us to ask a question, provide feedback, or report a problem.
Last updated on October 17, 2024
  • Assistance
  • Spanish
  • Arabic
  • Chinese (simplified)
  • Chinese (traditional)
  • French
  • Haitian Creole
  • Korean
  • Portuguese
  • Russian
  • Tagalog
  • Vietnamese
United States Environmental Protection Agency

Discover.

  • Accessibility Statement
  • Budget & Performance
  • Contracting
  • EPA www Web Snapshot
  • Grants
  • No FEAR Act Data
  • Plain Writing
  • Privacy
  • Privacy and Security Notice

Connect.

  • Data
  • Inspector General
  • Jobs
  • Newsroom
  • Regulations.gov
  • Subscribe
  • USA.gov
  • White House

Ask.

  • Contact EPA
  • EPA Disclaimers
  • Hotlines
  • FOIA Requests
  • Frequent Questions
  • Site Feedback

Follow.