Component Active
C055 Service Component Grid
Displays professional engineering services and sub-categories, but can also be re-purposed as a visual navigation grid with supporting iconography.
Component Details
Displays professional engineering services and sub-categories. Category and subcategories are titled, identified with icons, and briefly described. On selection of subcategory, dedicated sub-category page appears. Maximum of (6) sub-category tiles are initially displayed. “Show More/Show Less” toggle button appears if more than (6) sub-categories. On selection of toggle button, panel expands/collapses to show/hide additional sub-categories. Panel can be vertically stacked to display a variety of professional services.
Interactions
Drives to child page or Service details page.
Specifications
Max Characters
Headline: 40
Body Copy: 80
Optional Thumbnail Asset Dimensions
Asset Size: 200px x 200px
Aspect Ratio: 1:1
Recommended File Weight: <10kb
Thumbnail Display Sizes
Width: 100px
Height: 100px
Thumbnail Aspect Ratios
Desktop: 1:1
Tablet: 1:1
Mobile: 1:1
Icon Specs
Asset Size: 120px x 120px
Aspect Ratio: 1:1
Recommended File Weight: <2kb
Width: 60px
Height: 60px