Plain team section: a heading and description beside four people, each with a name, role and one-line bio. No photos. Theme tokens only, light and dark.
import {
Feature,
FeatureDescription,
FeatureGroup,
FeatureTitle,
} from "@/components/editorial/features"
import { Heading } from "@/components/editorial/heading"
import {
Section,
SectionColumns,
SectionContent,
SectionDescription,
SectionHeader,
SectionTitleGroup,
} from "@/components/editorial/section"
// The copy: change text here, not in the markup.
const COPY = {
title: "Who answers when you write",
body: "A small team, so the person who replies is usually the person who built the feature.",
} as const
const PEOPLE = [
{
name: "Anouk Brenner",
role: "Co-founder, Product",
bio: "Plans the roadmap and reads every feature request.",
},
{
name: "Rafael Ortega",
role: "Co-founder, Engineering",
bio: "Keeps the sync engine fast and the pager quiet.",
},
{
name: "Sun-hee Park",
role: "Design",
bio: "Draws every screen twice before anyone builds it.",
},
{
name: "Elias Quill",
role: "Support",
bio: "Answers most messages within the hour, in four languages.",
},
] as const
export default function MinimalTeam02() {
return (
<Section>
<SectionContent>
<SectionColumns variant="intro">
<SectionHeader>
<SectionTitleGroup>
<Heading>{COPY.title}</Heading>
</SectionTitleGroup>
<SectionDescription>{COPY.body}</SectionDescription>
</SectionHeader>
<FeatureGroup cols={2}>
{PEOPLE.map((person) => (
<Feature key={person.name}>
<FeatureTitle>{person.name}</FeatureTitle>
<p className="text-sm text-muted-foreground">{person.role}</p>
<FeatureDescription>{person.bio}</FeatureDescription>
</Feature>
))}
</FeatureGroup>
</SectionColumns>
</SectionContent>
</Section>
)
}
pnpm dlx shadcn add @01orbital/minimal-team-02npx shadcn add @01orbital/minimal-team-02yarn shadcn add @01orbital/minimal-team-02bunx --bun shadcn add @01orbital/minimal-team-02Free under the MIT license. Add the @01orbital registry to components.json once (install guide), then run the command.
It lands at components/blocks/team/minimal-team-02/index.tsx, as source you own and edit.
import MinimalTeam02 from "@/components/blocks/team/minimal-team-02"
export default function Example() {
return <MinimalTeam02 />
}Registry pieces it installs with it:
Minimal Team List
Plain team section: a heading and description above eight names with roles in four columns, each marked by a thin left rule. No photos. Theme tokens only, light and dark.
Project Members Bar
Project members bar with stacked Celestograph avatars, an overflow count and a names summary, plus a Manage members button that opens a Member Sheet to add or remove people. Client component.