team

Team member showcases with avatars, roles, and bios.

Team Grid

team

Open

Team

Meet the team.

A small, focused team building tools that developers actually want to use.

Ada Lovelace

Co-founder & CEO

Pioneering the intersection of mathematics and engineering since day one.

Alan Turing

Co-founder & CTO

Building systems that think. Obsessed with elegant solutions to hard problems.

Grace Hopper

Head of Engineering

Compiler of ideas, debugger of impossible problems. First to find the bug.

Linus Torvalds

Lead Infrastructure

Just for fun. Keeps everything running smoothly under the hood.

Margaret Hamilton

Head of Product

Software engineering isn't just a job — it's a discipline. Shipping carefully.

Tim Berners-Lee

Head of Design

Information wants to be beautiful. Designing for the open web.

<section class="bg-white px-6 py-24 lg:px-8">
  <div class="mx-auto max-w-5xl">
    <div class="mb-14 max-w-xl">
      <p
        class="mb-3 text-xs font-semibold uppercase tracking-widest text-violet-600"
      >
        Team
      </p>
      <h2
        class="text-4xl font-extrabold tracking-tight text-gray-950 sm:text-5xl"
      >
        Meet the team.
      </h2>
      <p class="mt-4 text-base leading-7 text-gray-500">
        A small, focused team building tools that developers actually want to
        use.
      </p>
    </div>
    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
      <div class="rounded-2xl border border-gray-100 bg-gray-50 p-6">
        <div
          class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl text-sm font-bold text-white bg-violet-500"
        >
          AL
        </div>
        <p class="text-base font-bold text-gray-950">Ada Lovelace</p>
        <p class="mb-3 text-sm text-violet-600">Co-founder &amp; CEO</p>
        <p class="text-sm leading-6 text-gray-500">
          Pioneering the intersection of mathematics and engineering since day
          one.
        </p>
      </div>
      <div class="rounded-2xl border border-gray-100 bg-gray-50 p-6">
        <div
          class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl text-sm font-bold text-white bg-sky-500"
        >
          AT
        </div>
        <p class="text-base font-bold text-gray-950">Alan Turing</p>
        <p class="mb-3 text-sm text-violet-600">Co-founder &amp; CTO</p>
        <p class="text-sm leading-6 text-gray-500">
          Building systems that think. Obsessed with elegant solutions to hard
          problems.
        </p>
      </div>
      <div class="rounded-2xl border border-gray-100 bg-gray-50 p-6">
        <div
          class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl text-sm font-bold text-white bg-emerald-500"
        >
          GH
        </div>
        <p class="text-base font-bold text-gray-950">Grace Hopper</p>
        <p class="mb-3 text-sm text-violet-600">Head of Engineering</p>
        <p class="text-sm leading-6 text-gray-500">
          Compiler of ideas, debugger of impossible problems. First to find the
          bug.
        </p>
      </div>
      <div class="rounded-2xl border border-gray-100 bg-gray-50 p-6">
        <div
          class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl text-sm font-bold text-white bg-amber-500"
        >
          LT
        </div>
        <p class="text-base font-bold text-gray-950">Linus Torvalds</p>
        <p class="mb-3 text-sm text-violet-600">Lead Infrastructure</p>
        <p class="text-sm leading-6 text-gray-500">
          Just for fun. Keeps everything running smoothly under the hood.
        </p>
      </div>
      <div class="rounded-2xl border border-gray-100 bg-gray-50 p-6">
        <div
          class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl text-sm font-bold text-white bg-rose-500"
        >
          MH
        </div>
        <p class="text-base font-bold text-gray-950">Margaret Hamilton</p>
        <p class="mb-3 text-sm text-violet-600">Head of Product</p>
        <p class="text-sm leading-6 text-gray-500">
          Software engineering isn&#39;t just a job — it&#39;s a discipline.
          Shipping carefully.
        </p>
      </div>
      <div class="rounded-2xl border border-gray-100 bg-gray-50 p-6">
        <div
          class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl text-sm font-bold text-white bg-fuchsia-500"
        >
          TB
        </div>
        <p class="text-base font-bold text-gray-950">Tim Berners-Lee</p>
        <p class="mb-3 text-sm text-violet-600">Head of Design</p>
        <p class="text-sm leading-6 text-gray-500">
          Information wants to be beautiful. Designing for the open web.
        </p>
      </div>
    </div>
  </div>
</section>

Team List

team

Open

Team

Meet the team.

AL

Ada Lovelace
Co-founder & CEO

Pioneering the intersection of mathematics and engineering since day one.
AT

Alan Turing
Co-founder & CTO

Building systems that think. Obsessed with elegant solutions to hard problems.
GH

Grace Hopper
Head of Engineering

Compiler of ideas, debugger of impossible problems. First to find the bug.
LT

Linus Torvalds
Lead Infrastructure

Just for fun. Keeps everything running smoothly under the hood.
MH

Margaret Hamilton
Head of Product

Software engineering isn't just a job — it's a discipline. Shipping carefully.
TB

Tim Berners-Lee
Head of Design

Information wants to be beautiful. Designing for the open web.

<section class="bg-white px-6 py-24 lg:px-8">
  <div class="mx-auto max-w-3xl">
    <div class="mb-12">
      <p
        class="mb-3 text-xs font-semibold uppercase tracking-widest text-violet-600"
      >
        Team
      </p>
      <h2 class="text-4xl font-extrabold tracking-tight text-gray-950">
        Meet the team.
      </h2>
    </div>
    <ul class="divide-y divide-gray-100">
      <li class="flex items-start gap-5 py-6">
        <div
          class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-xs font-bold text-white bg-violet-500"
        >
          AL
        </div>
        <div>
          <div class="flex items-center gap-3">
            <p class="text-sm font-bold text-gray-950">Ada Lovelace</p>
            <span class="text-xs text-gray-400">Co-founder &amp; CEO</span>
          </div>
          <p class="mt-1 text-sm leading-6 text-gray-500">
            Pioneering the intersection of mathematics and engineering since day
            one.
          </p>
        </div>
      </li>
      <li class="flex items-start gap-5 py-6">
        <div
          class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-xs font-bold text-white bg-sky-500"
        >
          AT
        </div>
        <div>
          <div class="flex items-center gap-3">
            <p class="text-sm font-bold text-gray-950">Alan Turing</p>
            <span class="text-xs text-gray-400">Co-founder &amp; CTO</span>
          </div>
          <p class="mt-1 text-sm leading-6 text-gray-500">
            Building systems that think. Obsessed with elegant solutions to hard
            problems.
          </p>
        </div>
      </li>
      <li class="flex items-start gap-5 py-6">
        <div
          class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-xs font-bold text-white bg-emerald-500"
        >
          GH
        </div>
        <div>
          <div class="flex items-center gap-3">
            <p class="text-sm font-bold text-gray-950">Grace Hopper</p>
            <span class="text-xs text-gray-400">Head of Engineering</span>
          </div>
          <p class="mt-1 text-sm leading-6 text-gray-500">
            Compiler of ideas, debugger of impossible problems. First to find
            the bug.
          </p>
        </div>
      </li>
      <li class="flex items-start gap-5 py-6">
        <div
          class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-xs font-bold text-white bg-amber-500"
        >
          LT
        </div>
        <div>
          <div class="flex items-center gap-3">
            <p class="text-sm font-bold text-gray-950">Linus Torvalds</p>
            <span class="text-xs text-gray-400">Lead Infrastructure</span>
          </div>
          <p class="mt-1 text-sm leading-6 text-gray-500">
            Just for fun. Keeps everything running smoothly under the hood.
          </p>
        </div>
      </li>
      <li class="flex items-start gap-5 py-6">
        <div
          class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-xs font-bold text-white bg-rose-500"
        >
          MH
        </div>
        <div>
          <div class="flex items-center gap-3">
            <p class="text-sm font-bold text-gray-950">Margaret Hamilton</p>
            <span class="text-xs text-gray-400">Head of Product</span>
          </div>
          <p class="mt-1 text-sm leading-6 text-gray-500">
            Software engineering isn&#39;t just a job — it&#39;s a discipline.
            Shipping carefully.
          </p>
        </div>
      </li>
      <li class="flex items-start gap-5 py-6">
        <div
          class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl text-xs font-bold text-white bg-fuchsia-500"
        >
          TB
        </div>
        <div>
          <div class="flex items-center gap-3">
            <p class="text-sm font-bold text-gray-950">Tim Berners-Lee</p>
            <span class="text-xs text-gray-400">Head of Design</span>
          </div>
          <p class="mt-1 text-sm leading-6 text-gray-500">
            Information wants to be beautiful. Designing for the open web.
          </p>
        </div>
      </li>
    </ul>
  </div>
</section>

Team Minimal

team

Open

Team

Meet the team.

Ada Lovelace

Co-founder & CEO

Alan Turing

Co-founder & CTO

Grace Hopper

Head of Engineering

Linus Torvalds

Lead Infrastructure

Margaret Hamilton

Head of Product

Tim B. Lee

Head of Design

<section class="border-t border-gray-100 bg-white px-6 py-24 lg:px-8">
  <div class="mx-auto max-w-5xl">
    <div class="mb-12">
      <p
        class="mb-2 text-xs font-semibold uppercase tracking-widest text-gray-400"
      >
        Team
      </p>
      <h2 class="text-3xl font-bold tracking-tight text-gray-950">
        Meet the team.
      </h2>
    </div>
    <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6">
      <div class="text-center">
        <div
          class="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-2xl text-sm font-bold text-white bg-violet-500"
        >
          AL
        </div>
        <p class="text-sm font-semibold text-gray-950">Ada Lovelace</p>
        <p class="mt-0.5 text-xs text-gray-400">Co-founder &amp; CEO</p>
      </div>
      <div class="text-center">
        <div
          class="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-2xl text-sm font-bold text-white bg-sky-500"
        >
          AT
        </div>
        <p class="text-sm font-semibold text-gray-950">Alan Turing</p>
        <p class="mt-0.5 text-xs text-gray-400">Co-founder &amp; CTO</p>
      </div>
      <div class="text-center">
        <div
          class="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-2xl text-sm font-bold text-white bg-emerald-500"
        >
          GH
        </div>
        <p class="text-sm font-semibold text-gray-950">Grace Hopper</p>
        <p class="mt-0.5 text-xs text-gray-400">Head of Engineering</p>
      </div>
      <div class="text-center">
        <div
          class="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-2xl text-sm font-bold text-white bg-amber-500"
        >
          LT
        </div>
        <p class="text-sm font-semibold text-gray-950">Linus Torvalds</p>
        <p class="mt-0.5 text-xs text-gray-400">Lead Infrastructure</p>
      </div>
      <div class="text-center">
        <div
          class="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-2xl text-sm font-bold text-white bg-rose-500"
        >
          MH
        </div>
        <p class="text-sm font-semibold text-gray-950">Margaret Hamilton</p>
        <p class="mt-0.5 text-xs text-gray-400">Head of Product</p>
      </div>
      <div class="text-center">
        <div
          class="mx-auto mb-3 flex h-14 w-14 items-center justify-center rounded-2xl text-sm font-bold text-white bg-fuchsia-500"
        >
          TL
        </div>
        <p class="text-sm font-semibold text-gray-950">Tim B. Lee</p>
        <p class="mt-0.5 text-xs text-gray-400">Head of Design</p>
      </div>
    </div>
  </div>
</section>