Six names set like wordmarks, each in its own type
1<section className="bg-[#0a0a0b] py-14 text-[#f2f2ef]">2 <div className="mx-auto max-w-6xl px-6">3 <p className="text-center font-mono text-[11px] tracking-[0.14em] text-white/40 uppercase">Trusted by teams who ship every week</p>4 <div className="mt-9 grid grid-cols-2 items-center gap-x-8 gap-y-7 text-center text-white/45 sm:grid-cols-3 md:grid-cols-6">5 <span className="text-xl font-semibold tracking-tight">Northwind</span>6 <span className="font-serif text-2xl italic">Lumen</span>7 <span className="font-mono text-lg tracking-tight">cascade_</span>8 <span className="text-xl font-black tracking-[-0.06em] uppercase">Halcyon</span>9 <span className="text-lg font-light tracking-[0.24em] uppercase">Aster</span>10 <span className="font-serif text-xl">Fieldwork</span>11 </div>12 </div>13</section>
A floating pill with the logo, links and one bright button
A big headline over a product window drawn in markup, on near-black
Five uneven cards, each with a small piece of the product in it