Blocks · Teams

Teams

Team-section patterns — cards, grids, profile rows, org trees. Container-query responsive across every layout.

Cosmic variants

Cosmic Team Grid

team-cosmic-1

Responsive cosmic-toned team card grid.

Open block

Cosmic Team Marquee

team-cosmic-2

Continuous marquee of portrait cards.

Open block

Cosmic Team Constellation

team-cosmic-3

Members arranged as a constellation with linking lines.

Open block

Cosmic Team Stagger

team-cosmic-4

Staggered offset grid for visual rhythm.

Open block

Cosmic Team Spotlight

team-cosmic-5

Feature-spotlight cycles through team members.

Open block

Cosmic Team Orbiting

team-cosmic-6

Members orbit a central anchor; CSS-only motion.

Open block

Flare variants

Avatar Stack

team-flare-avatar-stack

Overlapping avatar stack for compact team callouts.

Open block

Hover Bio

team-flare-hover-bio

Hover surfaces a member's bio over their portrait.

Open block

Org Tree

team-flare-org-tree

Hierarchical org-chart with connector lines.

Open block

Portrait Bleed

team-flare-portrait-bleed

Full-bleed portrait tiles, name overlays bottom.

Open block

Roster List

team-flare-roster-list

Tabular roster with role + tenure columns.

Open block

Spotlight Rotator

team-flare-spotlight-rotator

Cycling spotlight on one member at a time.

Open block

Extras

Teams 18

teams-18

Imported pattern — classic team grid variant.

Open block