HubSpot Newsroom Style Guide

Our campus newsrooms and their stories are how external audiences and partners view our university’s latest news and announcements. Accordingly, steps should be taken to ensure a consistent look across all newsroom stories to avoid any branding confusion.

Newsroom Story Building Guidelines

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: 1920x585. Ensure a main story hero/banner image is sized 1920px x 585px.
    • 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.
Gold Diagonals

Additional Resources & Documentation

All HubSpot users should have access to a HubSpot User Group in Teams. In this group, you will receive timely newsroom updates, and you are able to send messages to the group if needed. 

Process documentation, troubleshooting items, and additional resources can be found here.

If you do not have access to this process documentation or are not in the HubSpot User Group on Teams, please email Nicole Lawrence.

Contact Us

For additional website questions, reach out to: communications@cuanschutz.edu or visit our FAQ page

FAQ's

CMS Login