Hero Specs 

Additional notes:

• Display Modes:
  • Image Above Text
  • Image Text Overlay
  • Text Only (Example at top of page)
• Example shown uses Image Text Overlay

Visual Example:

All Purpose WYSIWYG Specs 

Additional notes:

• The Body field can display text, images, tables, and more
• Color Schemes: White, Gray, Dark Blue

Visual Example:

Two Column Image with Info Specs 

Additional notes:

• Multiple CTAs can be added
• Display modes: Image on Left, Image on Right
• Examples shown: Image on left with a CTA, and downloadable file followed by an example of image on right with multiple CTAs
• Color Schemes: White
• Portrait checkbox increases height of the paragraph creating a portrait orientation of the image
• Text area starts to scroll when text exceeds approx. 7 paragraphs/1457 characters (including spaces)

Visual Example:

Blockquote Specs 

Additional notes:

• Quote field is plain text (i.e., no HTML)
• Display modes: Default, Without Quotation, Larger Text
• Color Schemes: White

Visual Example:

Image- Accent Specs 

Visual Example:

Image- Parallax Specs

Visual Example:

Image Hover Block Specs

Visual Example:

Program Sponsors Specs 

Additional notes:

• By default, images are displayed horizontally
• Horizontal displays automatically use gray color scheme; vertical displays automatically use white color scheme
• Images cannot be larger than 100 px in height (width can be any number)
• Automated cycling is only available in horizontal display and cannot be disabled
• Examples shown: horizontal display, followed by vertical display
• Image must be a PNG file

Visual Example:

Accordion & FC Links Specs 

Additional notes:

• Number of rows unlimited
• Color Schemes: White

Visual Example:

Link Blocks Specs 

Additional notes:

• Number of rows blocks unlimited
• Color Schemes: White, Gray alternating (starts with white)

Visual Example:

Image with Caption Specs 

Additional notes:

• Two examples shown: one with 780 x 400 image, the other with a smaller image
• If image is smaller than defined dimensions, that's OK -- the image will not stretch to fit dimensions
• Caption field is plain text (i.e., No HTML)

Visual Example:

Video Specs 

Additional notes:

• Video Background Image field will add an image automatically from the video if one is not uploaded (which usually doesn't capture the best image)
• Color Schemes: White

Visual Example:

News Row of 3 & News Row of 4 Specs 

Additional notes:

• Display Options: Most Recent Articles, Most Recent Articles by Tag, Specific Articles
• Examples shown: most recent articles, most recent articles by tag ("alumni")
• Color Schemes: White (News Row of 3)
• Color Schemes: White, Dark Blue (News Row of 4)

Visual Example:

Event Specs

Visual Example:

Announcements Specs

• Announcements for the selected tag(s) will automatically appear
• Announcements can be given an expiration date so they will be removed automatically
• Text, links, bulleted lists, tables can be used but effect on overall page layout should be considered. With the exception of small icons, Images should not be used
• Every announcement will have a red exclamation point appear before it
• Example shows announcements for the Undergraduate New Brunswick tag

Visual Example:

Two Columns- Text with CTA Specs 

Additional notes:

• Display modes: Light, Dark

Visual Example:

Multiple Column Text Specs 

Content Block Specs

Additional notes:

• Display can be toggled between Narrow and Wide
• Column number can vary for Full Width Auto mode and Content Blocks will move to a new row after 4 blocks. The other display modes limit the column amount
• Color options include: White, Gray, Dark Blue, & Teal

Visual Example: