About this block

Team Cards With Socials is the team section for companies that build in public. Six bordered cards each pair an avatar with a name and role, add one personality line, and close with three social icon links. The one liners do the real work, a specific sentence about what each person owns reads warmer than any title.

The members are one array of name, role, line, and portrait, and the social row uses the shared brand icons with proper aria labels. Six cards in three columns is the natural fill, the grid drops to two and one column on smaller screens. Swap or remove icons per person by editing the row inside the card.

When to use

Reach for this block when your team is visible online and that visibility sells, developer tools, design tools, and community driven products. The links say our people are findable, which builds a different trust than team-grid-with-avatars builds with order and symmetry. Skip the social row for teams that do not post, dead links to empty profiles undercut the point.

A natural flow around it on a Marketing Pro page:

Before

• About framing the company the team builds

After

• Blog where the same names publish
• CTAs including a we are hiring line

What you can display

One strong use is a build in public team with active profiles. Other fits:

• Developer relations. The DevRel and engineering voices users already follow, with GitHub first.
• Content team. Writers and hosts with links to where their work lives.
• Agency leads. Client facing leads with LinkedIn forward rows for a services audience.

Tip: spend time on the one liners, what someone keeps boring or reads every reply to says more than their title ever will.