Visual Elements

Visual Elements are stackable, sortable widgets that are available on landing pages. Primary Visual Elements are available as the first element at the top of a landing page. Supporting Visual Elements are the assorted objects that can appear below that first slot. In the collection below, Primary Visual Elements* have an asterisk. 

Featured Links

One full-width slide that can contain an image (and caption) dominates the page and can transition to additional slides.

A fixed-width slide that can contain an image (and caption) appears and transitions to additional slides.


A fixed-width slideshow that teases three additional slides as thumbnails in the viewer. The slides can support modal videos.


Calendar Cards are event cards fed by a Localist events calendar feed. The cards link to content at events.miami.edu and can be configured to show specific filtered events.

Actively countdown to a forthcoming launch message using this layer.

Display facts and figures with colorful bold fonts, help text, and captions. Add more factoids and they are displayed as a grid.



Boxy linkable regions ideal as gateway launch-points that can have images, colorful headers, and lead-in text that offers a bulleted link list for each item. As more grids are added, they stack.

Use this layer to display an image with a formatted content section overlay.  The overlay, which can be positioned on the left or right, can be set to use 1 or 2 columns to display a heading, content block a list of links or buttons.

You design the infographic and display it in a number of interesting ways. This layer does not appear on small ports.


A great way to present multimedia slides like images with captions that slide on a timer or video lead-ins. Includes a video modal for video slides.


Use this layer to surface operating status alerts from the Alerts Website. Can be configured to remain invisible unless there are current items to display.

Used to add separation between certain layers as needed. You will be amazed at the complexity of this layer when you click the link!



Ideal for short punchy messages like "Save the Date" information or an upcoming or current live event. The ribbon is not a ticker. It is linkable.

A social mash-up that displays the latest posts from four social networks: YouTube, Instagram, Facebook, and Twitter. Afraid you don't put out enough posts? Don't worry, you can automatically feed from UM's main accounts.


Pick up and display news content dynamically from a feed you select, curate your own content, or select a mixture of the two. This layer can also display events from an Events Calendar feed.


A text area ideal for a "Welcome" lead-in or "Intro" message that can allow call-to-action buttons as well.


Need to display some introductory copy with a nicely-styled pullquote from a VIP? Use this layer!

Present centered-text and include it over a colored-background or image, if you like. You can also add buttons and a scrolling effect to the background image.



Use this layer to present a Welcome Message with a VIP headshot, or similar.

Use this layer to present a linkable regions ideal as gateway launch-points that have pre defined icons. As more icons are added, they stack.


Display your photos in this fully responsive gallery. Enable a hover effect that displays the photo's title, description, and who submitted it.

Use this layer to present text as a group of list items, or as gateway launch-points. As more items are added, they will stack on top of each other using a total of four columns.


Check out all of our layers in action on one page. Get ready!

Use this layer to present various faculty members highlighting their position and photograph.
Top