Avatar Block

A circular image block designed for profile photos, team member headshots, and testimonial portraits. Automatically crops images to a circle.
Properties
| Property | Options |
|---|---|
| Image source | URL or upload |
| Size | Width/height in pixels (square; circle is derived) |
| Alt text | Description for accessibility |
| Border | Optional border around the circle |
| Alignment | Left, Center, Right |
Common uses
Testimonial with avatar
Container
→ Columns (2-col)
→ Column 1: Avatar (customer photo, 64px)
→ Column 2: Text (quote) + Text (name, title)
Team introduction
Columns (3-col)
→ Column 1: Avatar + Text (name) + Text (role)
→ Column 2: Avatar + Text (name) + Text (role)
→ Column 3: Avatar + Text (name) + Text (role)
Personalized email header
Container
→ Avatar (sender photo, 48px) + Heading ("Hi from Jane!")
Tip
Use square images (1:1 ratio) for avatars. The block automatically crops to a circle. Non-square images will be stretched.