Soft BentoMotion
People as photo-led portraits in clay tiles (two-up on phones, an odd last tile centred), compact cards with avatars, or rows; initials on candy stand in for missing photos.
People as photo-led portraits in clay tiles (two-up on phones, an odd last tile centred), compact cards with avatars, or rows; initials on candy stand in for missing photos. Without staff photos use variant="cards" (initials on an avatar) or "list"; portraits with no photo at all drop to short 3:2 candy tiles, still loud on a page. Two or four people sit best in portraits. The photo's alt text is the name; initials stand in without a photo; social links are labelled "LinkedIn: Maya Collins".
It is part of Soft Bento. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
People as duotone portrait frames (the Media frame with a caption strip carrying the name in the display face and the role in mono; cobalt duotone, two-up on phones), flat cards with avatars, or ruled rows (avatar, name, role, location badge, ghost link keys).
People as photo-led portraits graded in the aurora duotone (two-up on phones), compact lit cards with avatars, or rows.
People as graded photo-led portraits with crop marks on hover (two-up on phones), compact cards with avatars, or rows.