Check out the features that make Icon Matrix such a versatile component.
With Icon Matrix, you have the flexibility to use Font Awesome icons or upload your own custom icons. Font Awesome offers four distinct styles: Solid, Regular, Light, and Duotone.
For a personalized touch, custom icons allow you to upload unique designs or even photos. Whether you want to feature images of students, faculty, school buildings, mascots, or any other visuals, the custom icon option makes it easy to bring your vision to life.
Each record in Icon Matrix can be linked to a standard URL—whether it’s an internal or external page—or to a lightbox popup for additional information. The lightbox feature is perfect for maintaining a clean, minimal design while offering users more context without requiring them to navigate away from the page. Whether you're showcasing people, schools, programs, or core values, the lightbox is an invaluable tool for enhancing organization and user experience.
Icon Matrix offers Small, Medium, and Large size options for icons, allowing you to achieve the perfect look for your design. Larger icons are ideal for spotlighting key facts and figures or showcasing photos as custom icons. Smaller icons work best when you want to keep content compact or fit everything neatly into a single row.
Looking to pair eye-catching icons with other content, like a welcome message, video, social feed, or photo? Icon Matrix makes it easy. With four component body layout options, you can position icons on either the left or right side of the page and customize the width of content columns for a balanced design. The component body functions as a WYSIWYG editor, giving you endless possibilities to create and arrange the content alongside your icons. Use this feature to design the perfect layout tailored to your needs!
Icon Matrix offers three versatile color scheme options to suit your design needs:
Neutral: Perfect for a clean and understated look, this option provides subtle, muted shades of grey with just one click.
Color: Quickly add vibrancy to your design by allowing the component to automatically apply your primary color to pre-defined areas. This is an excellent choice for effortless and consistent color integration.
Custom Color: For a truly personalized touch, this option lets you define colors for every component detail—including the icon, title text, paragraph text, background, and more. Take full control to create stunning designs with additional features like gradients and background images.
No matter your vision, these options empower you to craft a design that’s uniquely yours. We can’t wait to see what you create!
With Icon Matrix, you have full control over the number of icons displayed per row on desktop. For longer icon titles or larger font sizes, simply reduce the number of icons per row for a clean and balanced look. If your goal is to fit more content above the fold or keep all icons on a single line, opt for smaller font sizes and increase the number of icons per row. Whatever your content requirements, Icon Matrix empowers you to create a visually appealing and user-friendly layout that suits your needs perfectly.
When using the Custom Color option, Icon Matrix allows you to enhance your content with customizable background options, including colors and images. Use background images to add subtle textures, watermarks, or striking full-size photos. With the background color fields, you can apply solid hues or eye-catching gradients. Adding a background color or image will make your Icon Matrix component stand out, capturing attention and elevating the visual appeal of your page.
With Icon Matrix, you have the flexibility to use Font Awesome icons or upload your own custom icons. Font Awesome offers four distinct styles: Solid, Regular, Light, and Duotone.
For a personalized touch, custom icons allow you to upload unique designs or even photos. Whether you want to feature images of students, faculty, school buildings, mascots, or any other visuals, the custom icon option makes it easy to bring your vision to life.
Each record in Icon Matrix can be linked to a standard URL—whether it’s an internal or external page—or to a lightbox popup for additional information. The lightbox feature is perfect for maintaining a clean, minimal design while offering users more context without requiring them to navigate away from the page. Whether you're showcasing people, schools, programs, or core values, the lightbox is an invaluable tool for enhancing organization and user experience.
Icon Matrix offers Small, Medium, and Large size options for icons, allowing you to achieve the perfect look for your design. Larger icons are ideal for spotlighting key facts and figures or showcasing photos as custom icons. Smaller icons work best when you want to keep content compact or fit everything neatly into a single row.
Looking to pair eye-catching icons with other content, like a welcome message, video, social feed, or photo? Icon Matrix makes it easy. With four component body layout options, you can position icons on either the left or right side of the page and customize the width of content columns for a balanced design. The component body functions as a WYSIWYG editor, giving you endless possibilities to create and arrange the content alongside your icons. Use this feature to design the perfect layout tailored to your needs!
Icon Matrix offers three versatile color scheme options to suit your design needs:
Neutral: Perfect for a clean and understated look, this option provides subtle, muted shades of grey with just one click.
Color: Quickly add vibrancy to your design by allowing the component to automatically apply your primary color to pre-defined areas. This is an excellent choice for effortless and consistent color integration.
Custom Color: For a truly personalized touch, this option lets you define colors for every component detail—including the icon, title text, paragraph text, background, and more. Take full control to create stunning designs with additional features like gradients and background images.
No matter your vision, these options empower you to craft a design that’s uniquely yours. We can’t wait to see what you create!
With Icon Matrix, you have full control over the number of icons displayed per row on desktop. For longer icon titles or larger font sizes, simply reduce the number of icons per row for a clean and balanced look. If your goal is to fit more content above the fold or keep all icons on a single line, opt for smaller font sizes and increase the number of icons per row. Whatever your content requirements, Icon Matrix empowers you to create a visually appealing and user-friendly layout that suits your needs perfectly.