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.
Cosmic Team Marquee
team-cosmic-2
Continuous marquee of portrait cards.
Cosmic Team Constellation
team-cosmic-3
Members arranged as a constellation with linking lines.
Cosmic Team Stagger
team-cosmic-4
Staggered offset grid for visual rhythm.
Cosmic Team Spotlight
team-cosmic-5
Feature-spotlight cycles through team members.
Cosmic Team Orbiting
team-cosmic-6
Members orbit a central anchor; CSS-only motion.
Flare variants
Avatar Stack
team-flare-avatar-stack
Overlapping avatar stack for compact team callouts.
Hover Bio
team-flare-hover-bio
Hover surfaces a member's bio over their portrait.
Org Tree
team-flare-org-tree
Hierarchical org-chart with connector lines.
Portrait Bleed
team-flare-portrait-bleed
Full-bleed portrait tiles, name overlays bottom.
Roster List
team-flare-roster-list
Tabular roster with role + tenure columns.
Spotlight Rotator
team-flare-spotlight-rotator
Cycling spotlight on one member at a time.