Skip to main content

Popular Links

  1. Component Library
  2. Coming Soon!

Coming Soon!

New Component - Icon Matrix

While maintaining the functionality of Horizontal Picture Series but adding the convenience of Font Awesome icon integration, Icon Matrix will be a great way to add quick links anywhere on your site. It will support custom icons as well as offer a lightbox feature, allowing you to enter information into a full text editor that pops up when someone clicks the icon. You will not be limited to a certain number of icons, either! You set how many you want to display in each row and they will wrap to a new row as needed.

Below are some mockups representing the kind of looks you will be able to achieve with Icon Matrix. Coming this Fall!!

 

Small Square, Solid:

Six icons on a purple background, each with a different line drawing: a gift, a person presenting, a graduation cap, a document with a ribbon, a medal, and two speech bubbles.

 

Small Circle, Outlined:

A purple background with six circular logos, each featuring a stylized crown and the text 'Saint Mary's' below.

 

Left-Aligned:

A row of six white, stylized houses against a purple background.

 

Boxes, custom icons:

A website page featuring a team of six individuals with their names and job titles.

 

Same info, but set to 2 rows instead of 1:

A webpage introducing the team at Portsquare, featuring headshots and job titles.

 

Boxes with stats:

A group of graduates celebrate their achievements, with statistics highlighting their success rates.

 

Example of the lighbox popup:

A profile for Mrs. Thompson, a passionate educator with a wealth of knowledge and expertise.