Studiov1.2.3
Studio/Patterns/Team Grid

Team Grid

Content

Grid of team member cards with headshot, name, role, and optional social links. Suitable for about pages and team directories.

All patterns
team grid
Reusable pane preview
Use Cases
  • About page team section
  • Advisory board listing
  • Partner organization directory
  • Investment team presentation
Do
  • Use consistent headshot aspect ratios (1:1 square)
  • Show name and role at minimum
  • Use 3-4 columns on desktop, 2 on tablet, 1 on mobile
  • Include a brief bio or link to detail page
Avoid
  • Mix photo styles (some color, some B&W) without intent
  • Show more than 20 people without filtering or sections
  • Use full bios in the card (link to detail instead)
  • Forget alt text on headshots
Reference component: TeamGridVariants: 2Token bindings: 4