Roster
A grid of centered member cards, each with an initials avatar, a name, a role and a short bio.
Team section templates
A team section puts faces to the work. For service businesses it is often the section that converts, because people hire people — especially when the alternative is a faceless competitor.
8 team section layouts
Each one below is a live preview rendering in your current design language, not a screenshot. Open any of them to see it full-width, switch the business type to read it with your kind of content, or add it to a page.
Portraits
A grid of members, each a swappable portrait photograph above a name, role and short bio.
Lineup
A compact wrapping row of member pills, each pairing a small avatar with a name and role.
Directory
A directory list — avatar, then name and role, then the bio in a wider right column, divided by fine rules.
Lead
A featured lead: the first member gets a large portrait and a longer bio, the rest following beneath a rule.
Profiles
A grid of left-aligned profile cards, each with a round portrait beside the name and role, bio beneath.
Wall
A dense four-up wall of portrait tiles with the name and role set on the photograph itself.
Intro
A sticky heading on the left beside a list of members, each with an initials avatar, role and bio.
How to choose a team section
An even grid suits a team where everyone plays a comparable role. A layout with a featured lead plus a smaller supporting row suits a founder-led business where one person is the reason people get in touch. For larger teams, a compact list with names and roles beats a wall of portraits that nobody scrolls to the end of.
At a glance
- Layouts
- 8 distinct team sections
- Styles covered
- grid, image, cards, initials, list, bio, portrait, row
- Styling
- Your color, typography, spacing, radius and shadow tokens
- Export
- HTML, CSS, JSON, or an AI instruction package
Team section FAQ
Should a small business show its team?
Usually yes, and it matters most for small businesses. When a visitor is choosing between you and an anonymous competitor, real names and faces are a straightforward advantage.
What information should a team member card include?
A name, a role, and one line about what they actually do or care about. Full biographies belong on a dedicated page — on a landing page they slow everything down.
What if we do not have professional photos?
Consistent informal photos beat mismatched professional ones, and initials or monogram avatars are a perfectly respectable fallback. Stock portraits are the one option to avoid: visitors recognise them, and being caught costs more trust than having no photo.