View Preview →

Awards & Recognition List

HubSpot Module — Setup & Usage Guide

1. Module Location

The Awards & Recognition List module is saved in the Design Manager, under Content.

Path: Manage → Content → Design Manager

Navigating to the module in Design Manager
Locate the module in Design Manager

2. How to Use the Module

Step 1 — Find the module

Click the + icon in the page editor to open Add modules, then search for the module name “Awards & Recognition List.”

Searching for the module in Add modules
Search “Awards & Recognition List” in the module picker

Step 2 — Add it to the page

Drag the module from the search results panel onto the desired section of the page.

Dragging the module onto the page
Drag the module onto the page canvas

Step 3 — Edit the content

Open the module's Content tab to edit the Eyebrow, Heading, and the list of Awards.

Content tab with eyebrow, heading and awards fields
Content tab — Eyebrow, Heading, and Awards list

To update an individual award, hover over the item in the Awards list and click the pencil icon that appears. Each award has six fields: Year, Icon (Trophy, Medal, Excellence, Shield, or Custom SVG), Custom SVG (used only when Icon is set to Custom SVG), Award Title, Organization, and Category. Use the Previous / Next controls at the top to move between items. You can add up to 12 awards.

Award editor with year, icon, title, organization and category fields
Award editor — Year, Icon, Award Title, Organization, Category

Step 4 — Customize the styling

Switch to the Styles tab to adjust the module's appearance. Styling is organized into four collapsible groups: Section Background, Typography, Award Rows, and Icon.

Styles tab groups
Styles tab — four styling groups

Section Background

Set the Background Color, the Top / Bottom Spacing (in px, 0–200) around the section, and the List Border Color used by the list frame and the divider lines between rows.

Section Background settings
Section Background settings

Typography

Control the font family, size, weight, and color for the Eyebrow and the section Heading.

Typography settings
Typography settings

Award Rows

Set the fonts for the Year, Award Title, Organization, and Category Pill text independently.

Award Rows font settings
Award Rows settings — Year, Title, Organization, Pill fonts

Icon

Customize the icon circle's Background, Border, and Icon color, plus the Circle Size (px, 24–80).

Icon settings
Icon settings

3. Quick Reference

Trusted by manufacturers in
Aerospace Defense Medical Energy Automotive

Ready to scope your next production run?

Talk to Our Team