Aisol Team Lineup

Free through Nov 17, then $10. A team section where your people stand shoulder to shoulder in one line, with department chips above them whose head counts (All 9, Design 3) are counted from your list.

Click a person and they step forward, wider and in full colour, with their name, role, a short bio and up to three links underneath; click a chip and everyone outside that department steps out of the line as the rest close up.

An optional We're hiring card ends the line, and every move is a CSS transition, so nothing runs while the section sits still.

- Chips are buttons with a pressed state and a spoken name such as Show Design, 3 people, one polite message says how many people are showing, and arrow keys, Home and End move along the line.

- On narrow frames the line becomes a sideways scroll strip and the chips wrap, so a vertical swipe still scrolls the page.

- Reduced motion makes every move instant, and the canvas shows the same first frame as the live page.

What you control

• People (up to 24): name, role, department, bio, optional photo (coloured panel, drawn figure and initials when empty), card colour, up to three links

• Content: heading, subheading

• Filter: chips and counts on or off, All chip text, starting department

• Layout: card width, front card width, overlap, height, step-forward distance, transition length

• Look: background, surface, text, muted, accent and line colours, radius, back row fade; font and text size

• Hiring card: on or off, title, text, link

• Labels: every screen-reader string and button name

Limits: people are entered in the panel (up to 24), not from a CMS; at default sizes more than 9 people scroll sideways at 1200px; departments group by matching text (case ignored); bios are cut after three lines; tested in Chromium so far.