Team Minimal

Fetch pattern JSON: curl https://webspire.de/patterns/team/minimal.json

minimal.html

<section class="ws-team bg-[var(--ws-team-bg)] py-20">
  <div class="mx-auto max-w-7xl px-6">
    <div class="mx-auto max-w-2xl text-center">
      <h2 class="text-3xl font-bold tracking-tight text-[var(--ws-team-text)] sm:text-4xl">Our Team</h2>
      <p class="mt-4 text-lg text-[var(--ws-team-text-soft)]">The people who make it all happen.</p>
    </div>
    <div class="mt-16 grid gap-10 sm:grid-cols-2 lg:grid-cols-4">
      <div class="text-center">
        <div class="mx-auto h-24 w-24 rounded-full bg-gradient-to-br from-indigo-400 to-purple-500"></div>
        <h3 class="mt-4 text-base font-semibold text-[var(--ws-team-text)]">Anna Weber</h3>
        <p class="text-sm text-[var(--ws-team-text-soft)]">Founder & CEO</p>
      </div>
      <div class="text-center">
        <div class="mx-auto h-24 w-24 rounded-full bg-gradient-to-br from-emerald-400 to-teal-500"></div>
        <h3 class="mt-4 text-base font-semibold text-[var(--ws-team-text)]">Marcus Kim</h3>
        <p class="text-sm text-[var(--ws-team-text-soft)]">Lead Engineer</p>
      </div>
      <div class="text-center">
        <div class="mx-auto h-24 w-24 rounded-full bg-gradient-to-br from-amber-400 to-orange-500"></div>
        <h3 class="mt-4 text-base font-semibold text-[var(--ws-team-text)]">Lisa Muller</h3>
        <p class="text-sm text-[var(--ws-team-text-soft)]">Design Lead</p>
      </div>
      <div class="text-center">
        <div class="mx-auto h-24 w-24 rounded-full bg-gradient-to-br from-rose-400 to-pink-500"></div>
        <h3 class="mt-4 text-base font-semibold text-[var(--ws-team-text)]">David Chen</h3>
        <p class="text-sm text-[var(--ws-team-text-soft)]">Product Manager</p>
      </div>
    </div>
  </div>
</section>

Details

Family

team

Tier

enhanced

Kind

section

Extends

team/base

Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste

Stable Published

teamaboutpeoplecompanyminimal

Slots

Name	Required	Description
heading	No	Section title and subtitle.
members	Yes	Array of team member cards.

Four-column minimal team grid with circular avatar placeholders, name, and role. No social links or extra decoration — just the essentials. Responsive: 4 → 2 → 1 columns.