Alternating Sections
A team layout that alternates photos and bios from left to right down the page. Adds rhythm and gives room for longer profiles on an about page.
A team layout that alternates photos and bios from left to right down the page. Adds rhythm and gives room for longer profiles on an about page.
Search blocks by description or jump to a page.
Alternating Sections opens with a centered heading and subtitle, then renders each team member in a two-column row that flips sides on every entry. Odd entries place the photo on the left and the text on the right; even entries reverse that order. Each row contains a portrait image, the person's name, their role, a short bio paragraph, and a row of ghost icon buttons for Twitter, GitHub, and LinkedIn. A subtle dot-pattern sits behind each photo as a decorative accent.
Every entry is driven by a plain data array, so you can add or remove team members freely. The header copy, each bio, the social link targets, and the number of entries are all independent. You can also remove the social buttons from individual entries without affecting the layout.
Reach for this block when you want to give each person on a leadership or founding team real breathing room. A product analytics SaaS about page is a natural fit: the alternating rhythm signals that each profile deserves equal weight, and the longer bio slot lets a co-founder or head of data explain their background in a sentence or two rather than a truncated tagline. It works better than a grid of small cards when the team is compact and each person's story carries strategic weight.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The block is built for a small, named leadership roster where each face and story matters. A few ways to fill it:
Tip: two to four entries keeps the alternating pattern visually clean; beyond four, a grid layout tends to feel faster to scan.