The Team Member Block: Profile Cards That Make Your About Page Feel Human

Five faces, five mismatched cards

Your About page has the whole team on it — good people, good headshots — and every one is just a plain image with a name typed underneath. The photos are different sizes. One name is bold, the next one isn’t. On a phone the neat row collapses into a pile. So you end up back in the CSS, nudging one card at a time.

The Team Member block turns each of those people into a proper profile card — photo, name, role and a short bio, with social icons underneath — all set from the sidebar.

Put the photo above, to the left or to the right — circle, rounded or square

Style the name, the role and the bio each on their own

Add linked social icons that light up on hover

Let a photo-beside card fold into a stack on smaller screens

Building one takes about a minute. Drop the block in, pick a photo, type the name, role and a line of bio, add a social link or two, and the card updates as you go — no CSS, no template file, nothing to line up by hand.

See it live

Below are real Team Member blocks — the same block, set three different ways. Swap the placeholder portraits for your team’s photos and they’re ready.

Photo on top, circle crop, in a row of three. The classic team strip — three cards side by side that fold to one column on a phone.

Ava Bennett

Founder & Creative Director

Sets the studio’s direction and still sketches the first draft of every big idea.

Marcus Lee

Lead Developer

Turns the designs into fast, tidy code and keeps every launch on schedule.

Priya Nair

Client Partner

The first person you meet — she scopes the work and keeps everyone in the loop.

Photo to the left, rounded, with live social links. A wider card for a lead bio — the icons open real profiles, and on a phone the photo drops above the text.