unravel-dispatch-summer-2026

v1v2 · +32 −34 · View latest

<title>Unravel — Summer 2026 Dispatch</title>
<style>
:root {
  --ground: #F5F6F8;
  --panel: #FFFFFF;
  --panel-2: #EDF0F6;
  --ink: #14181F;
  --muted: #55606F;
  --faint: #8A93A3;
  --border: #E2E6EC;
  --border-strong: #CCD3DE;
  --accent: #1F52E0;
  --accent-soft: #E8EDFD;
  --good: #1F9D57;
  --shadow: 0 1px 2px rgba(20,24,31,.05), 0 10px 34px rgba(20,24,31,.07);
  --ground: #F7EFE3;
  --panel: #FFFAF1;
  --panel-2: #EFE0CA;
  --ink: #0B2A45;
  --muted: #425B73;
  --faint: #7E92A6;
  --border: #DBCDB6;
  --border-strong: #CBB79A;
  --accent: #A95E41;
  --accent-soft: #F0DECB;
  --good: #5F7A5F;
  --shadow: 0 1.5rem 4rem rgba(11,42,69,.10), 0 .75rem 2rem rgba(11,42,69,.06);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #0B0D12;
    --panel: #12151C;
    --panel-2: #191D26;
    --ink: #EAEDF2;
    --muted: #98A2B2;
    --faint: #646E7D;
    --border: #232833;
    --border-strong: #343B48;
    --accent: #7098FF;
    --accent-soft: #172038;
    --good: #47C97F;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 14px 40px rgba(0,0,0,.35);
    --ground: #081A2B;
    --panel: #0E2C46;
    --panel-2: #16405C;
    --ink: #F7EFE3;
    --muted: #AEC1D0;
    --faint: #7E93A5;
    --border: rgba(247,239,227,.16);
    --border-strong: rgba(247,239,227,.30);
    --accent: #DB8A66;
    --accent-soft: #1C3346;
    --good: #9FBA9C;
    --shadow: 0 1px 2px rgba(0,0,0,.45), 0 14px 40px rgba(0,0,0,.4);
    color-scheme: dark;
  }
}
⋯ 129 unchanged lines
    <div class="brief">
      <div class="big">116<small>things built and documented, June to August</small></div>
      <ul>
        <li><b>Mixxi</b>, our AI music-video product, shipped weekly: templates, trending, character replacement, and more.</li>
        <li><b>A consumer AI music-video app</b> we build for a client shipped weekly: templates, trending, character replacement, and more.</li>
        <li><b>A full engine rebuild</b> from Java to Python, with the bill and the bugs cut at once.</li>
        <li><b>A cloud migration</b> and new pipeline APIs behind the scenes.</li>
        <li><b>Field notes</b> published openly, from prompt caching to migrating without regret.</li>
      </ul>
    </div>
  </section>
  <!-- FEATURE 1: MIGRATION -->
  <section class="block">
    <p class="kicker">Case study · Mixxi engine</p>
    <p class="kicker">Case study · Client engine rebuild</p>
    <h2 class="headline">A rewrite that paid for itself.</h2>
    <p>Mixxi generates AI music videos at volume. The engine that served them was written in Java and had grown brittle. Reverts were frequent, the mobile apps broke in ways nobody caught until users did, and the cloud bill climbed with every view.</p>
    <p>A client of ours generates AI music videos at volume. The engine that served them was written in Java and had grown brittle. Reverts were frequent, the mobile apps broke in ways nobody caught until users did, and the cloud bill climbed with every view.</p>
    <p>We rebuilt the registry from Java to Python, contract-first, and verified it against the real mobile clients before a line shipped. The result was not just cleaner code. It was a service that costs a fraction to run and stopped breaking.</p>
    <div class="metrics">
      <div class="metric"><div class="n good">0</div><div class="l">Reverts after cutover, against 28 in the service it replaced</div></div>
      <div class="metric"><div class="n">~50%</div><div class="l">Less code, for a larger API surface than before</div></div>
      <div class="metric"><div class="n good">~$0</div><div class="l">Media egress, down from a projected $45k to $180k a month</div></div>
    </div>
    <p>The egress win came from moving an immutable, write-once media set onto zero-egress storage. On the old stack that same traffic was billed at cloud egress rates, a cost that doubles as vendor lock-in. Both mobile apps verified green before launch, because we tested against the actual client decoders instead of trusting a green status code.</p>
    <p class="mono" style="font-size:14px;color:var(--muted);"><a href="https://thing.unravel.tech/unravel/registry-migration-founder-report">Read the founder's report →</a></p>
  </section>
  <!-- FEATURE 2: MIXXI VELOCITY -->
  <section class="block">
    <p class="kicker">Product · Mixxi</p>
    <h2 class="headline">A media product, shipping every week.</h2>
    <p>Mixxi turns a song into a video you star in. This quarter it grew from a demo into a product with a weekly rhythm. We treat still-image design and motion as separate decisions: lock identity and story on approved references first, then let the video model perform the shot. It keeps quality high while the pace stays fast.</p>
    <p class="kicker">Capability · Generative video</p>
    <h2 class="headline">Generative video, shipping every week.</h2>
    <p>For a client, we build a consumer app that turns a song into a video you star in. This quarter it grew from a demo into a product with a weekly rhythm. We treat still-image design and motion as separate decisions: lock identity and story on approved references first, then let the video model perform the shot. It keeps quality high while the pace stays fast.</p>
    <div class="card">
      <div class="t">// shipped this quarter</div>
⋯ 5 unchanged lines
      </ul>
    </div>
    <p class="mono" style="font-size:14px;color:var(--muted);"><a href="https://thing.unravel.tech/unravel/mixxi-campaign-templates">See how campaign templates work →</a></p>
    <p>The lesson we keep proving: approve the still before you pay for the motion. It is the difference between a product that ships weekly and one that stalls in revisions.</p>
  </section>
  <!-- CAPABILITY: CO-BROWSING -->
⋯ 31 unchanged lines
  <section class="block">
    <p class="kicker">Products · try what we build</p>
    <h2 class="headline">We ship our own tools, too.</h2>
    <p>Mixxi is our flagship, but it is not the only thing we run in production. Three more, live today and free to try:</p>
    <p>We build for clients, and we run our own products alongside that work. Three you can use today, free to try:</p>
    <div class="prods">
      <div class="prod">
        <h3>Steno</h3>
⋯ 56 unchanged lines