HubSpot Newsroom Style Guide

When building news articles, here are some helpful tips:

• Reference the campus editorial guide: CU Anschutz uses AP style as the foundation of the campus editorial guide.
  • For example: AP style uses the individual’s degree after their name and not “Dr,” unless used as a direct quote. Our campus style is to say: “Jane Smith, MD, PhD.”
• Correct banner image sizing: 800x400. Ensure a main story hero/banner image is sized 800x400px.
  • Tip: Consider original imagery or campus imagery where available and appropriate over stock imagery.
• Keep headlines and subheads succinct, direct. Shorter headlines will help draw readers into a story. 
• Clear formatting when copy and pasting into HubSpot. Clear all styles if copying and pasting from another word processor/platform. This will ensure that the font size, styles, colors, etc. are the same throughout all newsrooms.
  • Font Tip: Don’t use “Helvetica” or another font from the drop down menu. Officially, CU Anschutz uses "Roboto" for all digital web platforms.
• “What You Need to Know” box formatting. The Callout Box (or “What You Need to Know”) is a useful feature to summarize the article. Standard practice is to bold the first few words in the box to grab the reader’s attention on the main points of the article.
• Use “H2” for subheadings. Make sure to use H2s for all section titles/headers. Only use H3 if there is a need for a subheader.
• Link to faculty pages, school/department/division pages. On first reference, link to the faculty member’s school/college page, as well as any relevant subdivisions on campus (example: Center for Global Health; Department of Psychiatry) to help SEO.
• Formatting photos and captions. The vast majority of our newsroom visitors (~75%) use mobile to access our stories. Here are a few steps to ensure your embedded photos look best on mobile:
  • Photo captions should be italicized, 16-sized font and center aligned.
  • When using the table tools to embed a photo, be sure to turn off the “Responsive” toggle to avoid having arrow scroll icons appear under your photos, especially on mobile.
    • Also under the “Style” tab, make sure the border size is 0 pt. for photos (1 pt. for side tables/sidebars).
• "Featured Experts" Box. A useful way to visually identify someone or multiple individuals identified in the story. Make sure that featured expert headshots are square and at least 200px x 200px.
  • Tip: Use only the featured person’s name and degrees (if applicable), not full titles.
• Sharing articles across newsrooms. Request permission before sharing your news article with another school or department.
• Double check all formatting prior to publishing. The mobile and desktop preview tool is helpful to ensure photos and other design elements have been added correctly.

When building news articles, DO NOT:

• Use H1s within the body copy. For SEO purposes, there should be only one H1 per page. In the news articles, the blog post title will automatically be H1.
• Create any additional tags. Please send a request to Nicole Lawrence.