Team Cards

What it does

Team cards put real faces on your site: a clean grid of photos, names, and roles that tells visitors there are actual humans back here. For services especially, people buy from people. A faceless site asks for trust; this section just shows it.

• Real people only, with their consent; stock photos posing as your team and invented names are banned.
• Each card is a photo, a name, a role, and optionally a one-line bio and a link.
• Photos load politely and never shift the layout, each described by the person's own name.
• The bio clamps to a single line, with the full text appearing on hover.
• Profile links get comfortable tap targets and a clear outline for keyboard visitors.
• Cards stay equal height: three across on desktop, two on tablets, one clean column on phones.

How it works

1. 01

   Slide how many people, 3 to 6.

2. 02

   Pick the detail, photo, name, and role, or with a one-line bio.

3. 03

   Copy the prompt, one tidy brief for your AI, into whichever AI you use.

4. 04

   Add real photos and names in the marked list, with each person's blessing first; consent is part of the deal.

5. 05

   Check the grid on your phone: a tidy single column, every face crisp, every name and role right.

6. 06

   Hover a bio if you added them: one tidy line on the card, the full sentence appearing on hover.

What you can customize

• People shown: three founders or six department leads, whatever tells your story; the grid balances either way.
• Card detail: basic is clean and quick; the bio line adds a human beat, kept to one line.
• Photo shape, colors, and type adapt to your site automatically, because your AI builds the grid right inside your own design.

To give one person or your brand a short profile with sources, add a box of key facts.