Digital Style Guide

Adding Content to Pages

Content Types are entities you place on the page for content

Visit Content Types

Advanced Grid Wrappers are containers that hold Content Types within specific widths. It is also where cards can be placed to sit in rows and wrap to the next row.

Visit Advanced Grid Wrapper

Enhancing Pages

Many Content Types have the ability to add animation upon scroll.

Visit Animation Options

Image Guidelines help determine the size of images to upload. It also provides links to help decrease image sizes.

Visit Image Guidelines

Custom Formats provides text styles not provided in the general TinyMce formatting box options.

Visit Custom Formats

Recent Deployment Updates

October 2025

  • Jumbotrons now have a button “Remove the set width and height of image”. This allows the image to be it’s actual size when placed the left or the right of the text, and not make it span the width of the page.
  • Social Media Links now have styling options for 2, 3, or 4 columns as well as displaying in a row wrapping.
    • When placed in a row, the name or handle text now will display
    • TikTok is now an option as an icon
  • For the Custom Header content type, Professional & Executive Education has replaced has the Executive Education option
  • A new Custom Footer content type has been created. It has the same options as the Custom Header and can be placed in the Babson 2021 - Blank page layout.
    • The Custom Footer also has a new feature called a Repeater. In this case it is a repeater for Social media links to be added.
    • To add a Social Media icon, click the blue “Add Social Media Icon” button.
      Modals for cards have a new look with the Next, Previous, and Close buttons now sitting outside of the actual card.
  • CTA Inline Groups have a new hover - upon hover a border appears complete CTA and it scale up slightly

September 2025

  • Many content types have updated button options
    • White
    • White Border with no Fill
  • Quotes have the option to make all the text white
    • Quotes icon size now changes according to the font-size chosen
  • Profile cards have the option to make all the text white
  • TinyMce now has the option for Arial text and buttons

August 2025

Note about viewing Preview pages

When looking at the Content Types placed on a page, the type of Content Type (which sits below the named item) now has a link (example below is General Content Block link). Make sure to not click this link, as it goes directly to the Content Type page to universally make edits. 

t4-admin-screenshot

October 2025

Accessibility

  • tabbing perfected for Image content type with overlay and link

September 2025

Accessibility

  • Buttons are smaller (but still 44px - ideal for clickable buttons)

August 2025

Technical

  • Fonts sizing changed to all rem

Accessibility

  • Ellipses for the simple card carousel became larger
  • General decrease in font sizing - allowing more to be seen above fold
  • "Help me decide page" can be navigated through using keyboard and escape button
  • In the dropdown and All Babson menus, the Escape key will now close and open submenus with "+"
  • Improvements to focus state in menus