Home Page


Homepage slides can entice users to click deeper into the website to find out more about a department, program, or center. To get a user’s attention, images should be eye-catching and text brief, with a link to allow visitors to learn more.

When departments, programs, or centers submit new content for slides, the Office of Marketing and Communications will review and make any necessary edits to the text or images. A proof of the slide will be provided before it is posted to the site.

Below are general guidelines for submitting home page slide images and text.

Image Guidelines

  • Keep it simple. Uncluttered images with a clear focal point will have more impact and be more likely to catch viewers’ attention.
  • Avoid text in images. There are exceptions where this can work but, in general, stay away from text in images. Text in images makes the image look cluttered, is not responsive (meaning it doesn’t scale to take into account a user’s screen size), and cannot be read by screen readers.
  • Send high quality images. Sizing and resolution should be a minimum of 1000 pixels wide x 500 pixels tall. We can convert most file formats for web including JPEG, TIF, PNG, EPS.
  • Use department/program-specific images. To convey the unique aspects of Johns Hopkins, images should come from your department or research area. Some examples include, photos of classes or seminars, hands-on research, and faculty and students interacting. If new photography is required, contact us.
  • Avoid copyright issues. Artwork downloaded from the internet is not suitable for homepage slides and presents copyright issues.

Text Guidelines

  • Less is more. Don’t try to tell the whole story in one slide. Instead, pique interest with brief headlines and subheads that make visitors want to click to “Find Out More.”
    • Main headline should be 5-10 words.
    • Subhead should be one sentence, 125-175 characters. The minimum allowed length of the subhead is 75 characters, and the maximum allowed length is two sentences, 200 characters.
  • Avoid linking to a document. The “Find Out More” link should take users to a web page, not a document such as a PDF. On a web page, users can read text, see images/video, and then click on a link to go to yet another page on the site. Links to PDFs are essentially dead-ends. Once users are finished reading the document, they are less likely to stay on the website.

example of text recommendations

Example that Follows the Guidelines

good example of slider

Example that Does Not Follow the Guidelines

The image is too complex and the text too long to allow for a “Find Out More”  link.

image that does not follow guidelines