SJ
Sarah Johnson
CEO & Co-founder
Team Sections
Team presentation patterns ranging from compact grids to full-width editorial layouts and dark-profile treatments.
How To Use This Page
Team Sections sits inside the Marketing part of the catalog and collects reusable examples that solve the same job in different ways.
This page currently groups 8 examples so you can compare structure, emphasis, and density before choosing an implementation direction.
How The Content Is Grouped
- The examples are grouped as a single Marketing reference page so you can compare variations without leaving the route.
- Use the jump links to move straight to the most relevant example once you know which structure, layout, or emphasis pattern you need.
Start With
Grid With Round Images
Classic three-column team grid with circular avatars.
Grid With Large Round Images
More editorial profile cards with expanded bio space.
With Small Images
Compact cards with small avatars and lightweight bios.
With Large Images
Two-column portrait cards with tall image placeholders.
With Image And Short Paragraph
Alternating full-width profile rows with image and narrative text.
With Vertical Images
Four-column grid using narrow portrait placeholders.
Full Width With Vertical Images
Large three-column team presentation with tall portrait cards.
Dark Version With Large Images
Dark-background team grid with ringed avatars and elevated profile cards.
Variant 1
Grid With Round Images
Classic three-column team grid with circular avatars.
Leadership
Meet the people behind the system
ML
Marcus Lee
CTO & Co-founder
PP
Priya Patel
Head of Design
TW
Tom Wright
Head of Engineering
AD
Aisha Diallo
VP of Marketing
CN
Chris Nakamura
Lead Product Manager
Variant 2
Grid With Large Round Images
More editorial profile cards with expanded bio space.
Team
The operators building the product and platform
SJ
Sarah Johnson
CEO & Co-founder
Building the future of collaborative design.
ML
Marcus Lee
CTO & Co-founder
10+ years in distributed systems and developer tools.
PP
Priya Patel
Head of Design
Former design lead at Figma and Notion.
TW
Tom Wright
Head of Engineering
Loves Rust, TypeScript, and great coffee.
AD
Aisha Diallo
VP of Marketing
Grew three startups from seed to Series B.
CN
Chris Nakamura
Lead Product Manager
Obsessed with user research and fast shipping.
Variant 3
With Small Images
Compact cards with small avatars and lightweight bios.
Core team
Cross-functional leaders with strong product instincts
SJ
Sarah Johnson
CEO & Co-founder
Building the future of collaborative design.
ML
Marcus Lee
CTO & Co-founder
10+ years in distributed systems and developer tools.
PP
Priya Patel
Head of Design
Former design lead at Figma and Notion.
TW
Tom Wright
Head of Engineering
Loves Rust, TypeScript, and great coffee.
AD
Aisha Diallo
VP of Marketing
Grew three startups from seed to Series B.
CN
Chris Nakamura
Lead Product Manager
Obsessed with user research and fast shipping.
Variant 4
With Large Images
Two-column portrait cards with tall image placeholders.
Leadership portraits
Profiles anchored by large image space
SJ
Sarah Johnson
CEO & Co-founder
ML
Marcus Lee
CTO & Co-founder
PP
Priya Patel
Head of Design
TW
Tom Wright
Head of Engineering
AD
Aisha Diallo
VP of Marketing
CN
Chris Nakamura
Lead Product Manager
Variant 5
With Image And Short Paragraph
Alternating full-width profile rows with image and narrative text.
SJ
CEO & Co-founder
Sarah Johnson
Building the future of collaborative design.
ML
CTO & Co-founder
Marcus Lee
10+ years in distributed systems and developer tools.
PP
Head of Design
Priya Patel
Former design lead at Figma and Notion.
TW
Head of Engineering
Tom Wright
Loves Rust, TypeScript, and great coffee.
Variant 6
With Vertical Images
Four-column grid using narrow portrait placeholders.
Advisors and leads
A denser roster layout for larger team presentations
SJ
Sarah Johnson
CEO & Co-founder
ML
Marcus Lee
CTO & Co-founder
PP
Priya Patel
Head of Design
TW
Tom Wright
Head of Engineering
AD
Aisha Diallo
VP of Marketing
CN
Chris Nakamura
Lead Product Manager
Variant 7
Full Width With Vertical Images
Large three-column team presentation with tall portrait cards.
Leadership team
A stronger visual roster for about pages
Use large cards when individual profiles should feel more prominent and the team story needs more presence.
SJ
Sarah Johnson
CEO & Co-founder
Building the future of collaborative design.
ML
Marcus Lee
CTO & Co-founder
10+ years in distributed systems and developer tools.
PP
Priya Patel
Head of Design
Former design lead at Figma and Notion.
TW
Tom Wright
Head of Engineering
Loves Rust, TypeScript, and great coffee.
AD
Aisha Diallo
VP of Marketing
Grew three startups from seed to Series B.
CN
Chris Nakamura
Lead Product Manager
Obsessed with user research and fast shipping.
Variant 8
Dark Version With Large Images
Dark-background team grid with ringed avatars and elevated profile cards.
Team
The group leading product, systems, and go-to-market
A darker presentation for landing pages that need stronger contrast or a more premium editorial tone.
SJ
Sarah Johnson
CEO & Co-founder
Building the future of collaborative design.
ML
Marcus Lee
CTO & Co-founder
10+ years in distributed systems and developer tools.
PP
Priya Patel
Head of Design
Former design lead at Figma and Notion.
TW
Tom Wright
Head of Engineering
Loves Rust, TypeScript, and great coffee.
AD
Aisha Diallo
VP of Marketing
Grew three startups from seed to Series B.
CN
Chris Nakamura
Lead Product Manager
Obsessed with user research and fast shipping.