unravel-dispatch-summer-2026

.hero .sub { font-size: 19px; line-height: 1.55; color: var(--body); margin: 20px 0 0; max-width: 34ch; }

/* section rhythm */

.sec { padding: 52px 0; border-top: 1px solid var(--line-soft); }

.sec { padding: 56px 0; border-top: 1px solid var(--line); }

.sec:first-of-type { border-top: none; }

.sec > h2 { font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); margin: 0 0 24px; }

.sec > h2 { font-size: 12.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ink); margin: 0 0 26px; }

.sec > h2::before { content: ""; display: block; width: 28px; height: 2px; background: var(--accent); border-radius: 2px; margin-bottom: 16px; }

.sec p { margin: 0 0 18px; color: var(--body); }

.sec p:last-child { margin: 0; }

.lede { font-size: 18.5px; line-height: 1.6; color: var(--ink); font-weight: 450; }

        <p>Java to Python, verified against the real clients and cut over without freezing releases or rolling anything back.</p>

      </div>

    </div>

    <p class="note" style="margin-top:26px;">This year the team grew to 20, and shipped to production every week of the quarter.</p>

  </section>

  <section class="sec">

    <h2>What we make</h2>

    <p class="sec-sub">Products that are born out of our AI-first workflows.</p>

    <h2>The studio</h2>

    <p class="sec-sub">Unravel is a 20-person team, up from 15 this year, shipping to production every week. Our own products come out of the same AI-first workflows we build for clients.</p>

    <a class="prod-row" href="https://steno.unravel.tech"><span class="pn">Steno</span><span class="pd">Meeting notes that write themselves, clean and searchable when the call ends.</span><span class="pv">steno.unravel.tech ↗</span></a>

    <a class="prod-row" href="https://usething.ai"><span class="pn">thing</span><span class="pd">Ship your coding agents' output as live, commentable, versioned pages. This letter runs on it.</span><span class="pv">usething.ai ↗</span></a>

    <a class="prod-row" href="https://tablo.unravel.tech"><span class="pn">Tablo</span><span class="pd">Keeps a human in the loop on your AI coding agents, live from the corner of the screen.</span><span class="pv">tablo.unravel.tech ↗</span></a>