Temporary · About team popup

Team popup design lab

Ten treatments for the Read more bio dialog. Each row shows a static preview; use Open popup to see overlay, close, and click-outside.

Option 01 — Awards chrome

Opposite-radius panel, left sky–navy accent, photo left / bio right. Closest to the new team card.

Option 02 — Photo banner

Full-width portrait across the top, name and bio stacked below.

Option 03 — Split 50/50

Photo full-bleed on the left half, copy on the right.

Option 04 — Centered portrait

Circular headshot, gold rule, bio. Narrower dialog.

Option 05 — Navy header

Sky–navy gradient header with name and title; white body below.

Option 06 — Compact text

No photo. Tight 520px dialog — name, title, bio only.

Option 07 — Photo backdrop

Large portrait background with a navy glass panel for the copy.

Option 08 — Side drawer

Slides in from the right. Photo on top, bio scrolls.

Option 09 — Diagonal clip

Technical Hub-style photo cut, then white bio panel.

Option 10 — Ghost outline

White panel, 1px navy outline, left accent, no heavy shadow.