Source HTML
<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Geist+Mono:wght@400&display=swap" rel="stylesheet">
<style>*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Bricolage Grotesque',sans-serif;background:#ebe8e1;color:#1a1a1a;line-height:1.5}
.s{padding:48px 36px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:36px}
.hd{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;border-bottom:1px solid rgba(26,26,26,.2);padding-bottom:24px}
.k{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ff6b35;margin-bottom:12px}
.h{font-size:60px;font-weight:800;letter-spacing:-.025em;line-height:1.0}
.h em{font-style:italic;color:#ff6b35;font-weight:600}
.hd .r{padding-bottom:8px;font-size:14px;color:#5a5346;line-height:1.5;max-width:38ch}
.g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.p{display:flex;flex-direction:column;gap:14px}
.f{aspect-ratio:3/4;border-radius:12px;display:flex;align-items:flex-end;padding:18px;color:#fff;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;position:relative;overflow:hidden}
.f::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));pointer-events:none}
.f.f1{background:linear-gradient(135deg,#ff6b35,#ffaa3a)}
.f.f2{background:linear-gradient(135deg,#5d6b3f,#3d4a25)}
.f.f3{background:linear-gradient(135deg,#1a1a1a,#3a3a3a)}
.f.f4{background:linear-gradient(135deg,#7e3aff,#ff3a8c)}
.f.f5{background:linear-gradient(135deg,#3d4ad9,#7e3aff)}
.f.f6{background:linear-gradient(135deg,#a4341e,#ff6b35)}
.f.f7{background:linear-gradient(135deg,#5eead4,#3a5fff)}
.f.f8{background:linear-gradient(135deg,#ffaa3a,#ff6b35)}
.f span{position:relative;z-index:2}
.bn{display:flex;justify-content:space-between;align-items:baseline}
.bn b{font-size:18px;font-weight:700;letter-spacing:-.01em}
.bn span{font-size:12px;color:#777;font-family:'Geist Mono',monospace;letter-spacing:.04em}
.tag{font-size:11px;color:#5a5346;font-family:'Geist Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.fr{padding:24px 28px;background:#fff;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;font-size:14px;color:#5a5346}
.fr b{font-size:11px;font-family:'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a}
.fr a{color:#ff6b35;text-decoration:none;font-weight:600}
.btn{padding:12px 22px;background:#1a1a1a;color:#fff;border:none;font-family:inherit;font-weight:600;font-size:13px;border-radius:999px;cursor:pointer}
@media(max-width:880px){.hd{grid-template-columns:1fr;gap:18px}.g{grid-template-columns:1fr 1fr}.h{font-size:36px}.fr{grid-template-columns:1fr;text-align:left}}</style></head><body><section class="s">
<header class="hd"><div><div class="k">— Eight people, one studio</div><h1 class="h">A small team, picked <em>carefully</em>.</h1></div>
<div class="r">No founders' titles, no "ninjas," no inflated team page. The eight of us, in a converted 2,400 sq ft warehouse in Oakland, since 2017.</div></header>
<div class="g">
<div class="p"><div class="f f1"><span>SF · 2017–</span></div><div class="bn"><b>Janelle Reyes</b><span>JR/01</span></div><div class="tag">Partner · Strategy</div></div>
<div class="p"><div class="f f2"><span>SF · 2017–</span></div><div class="bn"><b>Reid Cao</b><span>RC/02</span></div><div class="tag">Partner · Design</div></div>
<div class="p"><div class="f f3"><span>SF · 2018–</span></div><div class="bn"><b>Mira Okafor</b><span>MO/03</span></div><div class="tag">Studio Manager</div></div>
<div class="p"><div class="f f4"><span>NYC · 2019–</span></div><div class="bn"><b>Dax Lin</b><span>DL/04</span></div><div class="tag">Senior Designer</div></div>
<div class="p"><div class="f f5"><span>SF · 2020–</span></div><div class="bn"><b>Nora Almasi</b><span>NA/05</span></div><div class="tag">Senior Designer</div></div>
<div class="p"><div class="f f6"><span>OAK · 2021–</span></div><div class="bn"><b>Gus Ehiogu</b><span>GE/06</span></div><div class="tag">Engineer</div></div>
<div class="p"><div class="f f7"><span>OAK · 2023–</span></div><div class="bn"><b>Theo Kapoor</b><span>TK/07</span></div><div class="tag">Designer</div></div>
<div class="p"><div class="f f8"><span>NYC · 2024–</span></div><div class="bn"><b>Lou Tran</b><span>LT/08</span></div><div class="tag">Designer</div></div>
</div>
<div class="fr"><b>Hiring<br>Senior eng & design</b><div>Full-time, remote-first within US/EU. We post openings on <a>Read.cv</a> and our newsletter only — never on job boards.</div><button class="btn">See openings →</button></div>
</section></body></html>