# Newsletter

Subscribe to the Density Labs newsletter for engineering and product insights.

<style>
  .news-hero {
    padding: 100px 0 80px;
    border-bottom: 1px solid var(--line);
    position: relative;
    overflow: hidden;
  }
  .news-hero::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -180px;
    width: 560px;
    height: 560px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.05) 0%, transparent 70%);
    pointer-events: none;
  }
  .news-breadcrumb {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
  }
  .news-breadcrumb a { color: var(--ink-muted); text-decoration: none; }
  .news-breadcrumb a:hover { color: var(--red); }
  .news-breadcrumb span { color: var(--ink-faint); margin: 0 12px; }
  .news-hero h1 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(44px, 5.8vw, 76px);
    line-height: 1.04;
    letter-spacing: -0.03em;
    color: var(--ink);
    margin-bottom: 28px;
    max-width: 980px;
    position: relative;
    z-index: 2;
  }
  .news-hero h1 em { font-style: italic; color: var(--red); font-weight: 800; }
  .news-hero .lede {
    font-size: clamp(18px, 1.5vw, 22px);
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 760px;
    font-weight: 300;
    position: relative;
    z-index: 2;
  }
  .news-hero .lede strong { color: var(--ink); font-weight: 600; }

  .news-section { padding: 100px 0; border-bottom: 1px solid var(--line); }
  .news-section.alt { background: var(--paper-soft); }

  .news-header { text-align: center; margin-bottom: 64px; max-width: 880px; margin-left: auto; margin-right: auto; }
  .news-header .section-eyebrow { justify-content: center; }
  .news-header .section-h2 em { color: var(--red); font-style: italic; }
  .news-header .section-sub { margin: 24px auto 0; }

  .topics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    max-width: 1100px;
    margin: 0 auto;
  }
  .topic-card {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 36px 32px;
    border-left: 4px solid var(--red);
    transition: all 0.2s;
  }
  .topic-card:hover { transform: translateY(-3px); box-shadow: 0 16px 40px -16px rgba(153, 27, 27, 0.15); }
  .topic-tag {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 14px;
  }
  .topic-card h3 {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.25;
    color: var(--ink);
    margin-bottom: 14px;
    letter-spacing: -0.015em;
  }
  .topic-card p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--ink-soft);
  }

  .signup-card {
    max-width: 720px;
    margin: 0 auto;
    background: var(--ink);
    color: var(--white);
    border-radius: 16px;
    padding: 64px 56px;
    text-align: center;
    border-top: 4px solid var(--red);
    position: relative;
    overflow: hidden;
  }
  .signup-card::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(153, 27, 27, 0.18) 0%, transparent 70%);
    pointer-events: none;
  }
  .signup-card .container-narrow { position: relative; z-index: 2; }
  .signup-eyebrow {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--red);
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
  }
  .signup-card h3 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(28px, 3.4vw, 40px);
    line-height: 1.1;
    color: var(--white);
    margin-bottom: 16px;
    letter-spacing: -0.02em;
    position: relative;
    z-index: 2;
  }
  .signup-card h3 em { color: var(--red); font-style: italic; }
  .signup-card p {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-on-dark-soft);
    margin-bottom: 32px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
  }
  .signup-form {
    display: flex;
    gap: 12px;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }
  .signup-form input[type="email"] {
    flex: 1;
    padding: 16px 18px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: var(--white);
    font-family: var(--font-body);
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
  }
  .signup-form input[type="email"]::placeholder { color: var(--text-on-dark-muted); }
  .signup-form input[type="email"]:focus { border-color: var(--red); }
  .signup-form button {
    background: var(--red);
    color: var(--white);
    padding: 16px 28px;
    border-radius: 4px;
    border: none;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
  }
  .signup-form button:hover { background: var(--red-deep); }
  .signup-microcopy {
    margin-top: 18px;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    color: var(--text-on-dark-muted);
    position: relative;
    z-index: 2;
  }

  .founder-section {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
  }
  .founder-text h3 {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin-bottom: 24px;
  }
  .founder-text h3 em { color: var(--red); font-style: italic; }
  .founder-text p {
    font-size: 17px;
    line-height: 1.7;
    color: var(--ink-soft);
    margin-bottom: 22px;
  }
  .founder-text strong { color: var(--ink); font-weight: 600; }
  .founder-links {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
  }
  .founder-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    border-bottom: 1px solid var(--line);
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
  }
  .founder-link:last-child { border-bottom: none; }
  .founder-link:hover { background: var(--paper-soft); }
  .founder-link-name {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 17px;
    color: var(--ink);
    margin-bottom: 4px;
    letter-spacing: -0.01em;
  }
  .founder-link-desc {
    font-size: 13px;
    color: var(--ink-muted);
    line-height: 1.5;
  }
  .founder-link-arrow {
    font-family: var(--font-mono);
    font-size: 18px;
    color: var(--red);
  }

  @media (max-width: 980px) {
    .container { padding: 0 24px; }
    .topics-grid { grid-template-columns: 1fr; }
    .founder-section { grid-template-columns: 1fr; gap: 36px; }
    .signup-form { flex-direction: column; }
    .signup-card { padding: 48px 32px; }
    .news-section { padding: 64px 0; }
  }
</style>

<!-- HERO -->
<section class="news-hero">
  <div class="container">
    <div class="news-breadcrumb">
      <a href="/">Density Labs</a> <span>/</span> Resources <span>/</span> Newsletter
    </div>
    <h1>The Density Labs <em>newsletter</em>.</h1>
    <p class="lede"><strong>Operator level thinking on AI engineering, embedded delivery, and what actually ships in mid market production environments.</strong> Two long form posts a month. No fluff, no marketing.</p>
  </div>
</section>

<!-- WHAT WE WRITE ABOUT -->
<section class="news-section">
  <div class="container">
    <div class="news-header">
      <div class="section-eyebrow">What we write about</div>
      <h2 class="section-h2">Four things we keep <em>circling back to</em>.</h2>
      <p class="section-sub">The things our engineers wish their last team had known before the AI pilot stalled. Patterns from our own work, drawn directly from active engagements.</p>
    </div>

    <div class="topics-grid">
      <div class="topic-card">
        <div class="topic-tag">01 // RAG in Production</div>
        <h3>Architectures that survive contact with real data.</h3>
        <p>What works when the corpus is messy, the queries are weird, and the customer expects an answer in 800ms. Hybrid retrieval, reranking, eval harnesses, the unglamorous parts.</p>
      </div>
      <div class="topic-card">
        <div class="topic-tag">02 // Embedded Economics</div>
        <h3>Embedded AI engineers vs. US hires.</h3>
        <p>What a real US senior costs all in. What an embedded LATAM senior costs all in. The hidden lines on both. Why the comparison usually leaves out tenure, which is the line that matters most.</p>
      </div>
      <div class="topic-card">
        <div class="topic-tag">03 // The Density Method</div>
        <h3>What we have learned running it for a decade.</h3>
        <p>Field notes from the framework. Why the diagnostic phase is paid. Why the 30/60/90 has the shape it has. What goes wrong when teams skip the match phase.</p>
      </div>
      <div class="topic-card">
        <div class="topic-tag">04 // Mid Market AI</div>
        <h3>The plays we see working at $50M to $500M.</h3>
        <p>Not Series A speculation, not Fortune 100 procurement theater. Real AI initiatives at the size of company where the budget is real and the constraints are too.</p>
      </div>
    </div>
  </div>
</section>

<!-- SIGNUP -->
<section class="news-section alt">
  <div class="container">
    <div class="signup-card">
      <div class="signup-eyebrow">Subscribe</div>
      <h3>Two posts a month. <em>Zero filler.</em></h3>
      <p>Drop your email. Unsubscribe anytime. We will never share or sell the list.</p>
      <div class="signup-beehiiv">
        <script async src="https://subscribe-forms.beehiiv.com/v3/loader.js" data-beehiiv-form="5e108a54-c680-4e61-8b59-12a79b8e8620"></script>
      </div>
      <div class="signup-microcopy">No spam · No promos · Mid month and end of month</div>
    </div>
  </div>
</section>

<!-- FROM THE FOUNDER -->
<section class="news-section">
  <div class="container">
    <div class="founder-section">
      <div class="founder-text">
        <div class="section-eyebrow">From the founder</div>
        <h3>Long form writing lives at <em>ramallo.io</em>.</h3>
        <p>Federico Ramallo's long form writing, the <strong>PreVetted Podcast</strong>, and the upcoming book <em>The Invisible Distance</em> all live at his personal site. The personal assets live there. The company assets live here.</p>
        <p>Both compound. If you want the operator's voice rather than the company's, that is the place to start.</p>
      </div>
      <div class="founder-links">
        <a href="https://ramallo.io" class="founder-link" target="_blank" rel="noopener">
          <div>
            <div class="founder-link-name">ramallo.io</div>
            <div class="founder-link-desc">Long form essays from the founder</div>
          </div>
          <div class="founder-link-arrow">→</div>
        </a>
        <a href="https://ramallo.io" class="founder-link" target="_blank" rel="noopener">
          <div>
            <div class="founder-link-name">PreVetted Podcast</div>
            <div class="founder-link-desc">Conversations with operators &amp; founders</div>
          </div>
          <div class="founder-link-arrow">→</div>
        </a>
        <a href="https://ramallo.io" class="founder-link" target="_blank" rel="noopener">
          <div>
            <div class="founder-link-name">The Invisible Distance</div>
            <div class="founder-link-desc">Book · forthcoming</div>
          </div>
          <div class="founder-link-arrow">→</div>
        </a>
      </div>
    </div>
  </div>
</section>
