Team

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.

Free, MIT licenseOpen in Browse
import {
  Feature,
  FeatureDescription,
  FeatureGroup,
  FeatureTitle,
} from "@/components/editorial/features"
import { Heading } from "@/components/editorial/heading"
import {
  Section,
  SectionContent,
  SectionDescription,
  SectionHeader,
  SectionTitleGroup,
} from "@/components/editorial/section"

// The copy: change text here, not in the markup.
const COPY = {
  title: "The team",
  body: "Eight people who build, support and write about Orbcore.",
} as const

const PEOPLE = [
  { name: "Anouk Brenner", role: "Co-founder, Product" },
  { name: "Rafael Ortega", role: "Co-founder, Engineering" },
  { name: "Sun-hee Park", role: "Design" },
  { name: "Tomas Vey", role: "Engineering" },
  { name: "Ines Halloran", role: "Operations" },
  { name: "Elias Quill", role: "Support" },
  { name: "Mara Ilves", role: "Writing" },
  { name: "Lena Orvik", role: "Engineering" },
] as const

export default function MinimalTeam01() {
  return (
    <Section>
      <SectionHeader>
        <SectionTitleGroup>
          <Heading>{COPY.title}</Heading>
        </SectionTitleGroup>
        <SectionDescription>{COPY.body}</SectionDescription>
      </SectionHeader>
      <SectionContent>
        <FeatureGroup cols={4}>
          {PEOPLE.map((person) => (
            <Feature key={person.name} variant="outline">
              <FeatureTitle>{person.name}</FeatureTitle>
              <FeatureDescription>{person.role}</FeatureDescription>
            </Feature>
          ))}
        </FeatureGroup>
      </SectionContent>
    </Section>
  )
}

Installation

pnpm dlx shadcn add @01orbital/minimal-team-01
npx shadcn add @01orbital/minimal-team-01
yarn shadcn add @01orbital/minimal-team-01
bunx --bun shadcn add @01orbital/minimal-team-01

Free 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-01/index.tsx, as source you own and edit.

Usage

import MinimalTeam01 from "@/components/blocks/team/minimal-team-01"

export default function Example() {
  return <MinimalTeam01 />
}

Dependencies

Registry pieces it installs with it: