Components
Avatar stack
An avatar stack is a row of small, round, often overlapping profile photos beside a user count, showing that real people already use the product.
- Also called
- Avatar group, Face pile, User avatars, Overlapping avatars
- Spotted on
- 5 of 422 homepages
What is an avatar stack?
The avatar stack is social proof at its smallest. A cluster of faces next to a number turns "2,500 customers" from a claim into a crowd. Feather sets ten round faces above "Join 2,500+ creators and companies"; Jasper's support page puts avatars beside "Responds in 4-8 hours", where the faces stand for the people who will answer.
Open-source and developer sites use a bigger version: a grid of contributor avatars. Better-auth captions one with "Built by a community of 914+ contributors.", and Zed brackets its GitHub numbers with strips of avatars. There, the faces are evidence of an active community, which a star count alone doesn't show.
It only works with real photos of real users or contributors. Stock headshots or generated faces are easy to spot and undo the point. Keep it small, keep the count specific, and put it near the CTA it is meant to reassure.
When to use an avatar stack, and when not to
Use it for
- Early-stage proofThere are no famous logos yet, but there is a real, countable group of users.
- Community productsOpen-source tools and communities where the people are the selling point.
- Human supportShowing who answers a support or sales request makes contact feel less anonymous.
Avoid it for
- No real photosIf you would need stock or generated faces, use a plain number instead.
- Enterprise buyersBuyers looking for company names respond to a logo cloud more than to faces.
- Privacy-sensitive usersCustomers in healthcare, finance or security may not want their faces on your homepage.
Anatomy of an avatar stack
- 1AvatarsThree to ten small circular photos, overlapping slightly with a ring in the background color.
- 2Overflow markerAn optional final circle reading "+2k" or similar.
- 3Count or claimA specific line beside the stack: "Join 2,500+ creators", "914+ contributors".
- 4Optional ratingStars or a score added to the same line to combine two proof signals.
Common avatar stack variants
1. Hero face pile
A small overlapping row beside or under the hero CTA with a user count.
2. Contributor grid
Dozens or hundreds of small avatars in a block, common on open-source sites.
3. Team avatars
A few faces of the support or sales team beside a contact prompt.
Spotted in our design reviews
Our reviews describe an avatar stack on 5 of the 422 SaaS homepages in the catalog. A few of them:
Ten round faces sit above "Join 2,500+ creators and companies", then a tilted browser mockup overlaps a phone view.
Feather · Hero, avatars and customer logos
“Open Source” interrupts the pale page with avatar strips above and below four figures: “10,091 Forks”, “88,754 Stars”, “2,163 Contributors”, and “510 PRs merged last month”.
Zed · Community, AI, and extensions
"What people notice when they use Synara." shows a row of avatars with "35+ posts and counting", a large frosted quote card marked "3 / 35" with arrows and a pause button, and a scrolling band of X post cards with like counts.
Trysynara · Social proof, privacy and model prompts
The support page leads with a salmon band reading "How can Jasper customer support help you today?", a "Get Support" button and avatars captioned "Responds in 4-8 hours".
Jasper · Contact Us
"Contributors" heads a grid of small avatars captioned "Built by a community of 914+ contributors."
Better-auth · Closing section and footer
Often confused with
Avatar stack vs. logo cloud
A logo cloud shows which companies use the product; an avatar stack shows that individual people do. B2B sites often need the logos; prosumer tools often lean on faces.
Avatar stack vs. testimonial section
A testimonial pairs one face with a quote and a name; an avatar stack shows many faces with no individual words.
Frequently asked
How many avatars should an avatar stack show?
Three to six in a hero, enough to read as a group without becoming a band of faces. Larger grids work only when the community itself is the point, as on open-source sites.
Can I use illustrated avatars instead of photos?
You can, but they read as decoration rather than proof. The element works because the faces look like real people who chose the product.