Media Card

Image-led content cards: media area on top, text below; grid or compact list row.

Image + text

Blog

Building mrkdwn

Why we're building a local-first markdown editor with AI writing assistance.

Blog

Introducing buena mono

A variable monospaced font with coding ligatures, small caps, and 3 axes.

<a class="block overflow-hidden bg-bg-surface" style="border-radius: var(--radius-card);">
  <div class="aspect-[4/3]"><!-- media --></div>
  <div class="p-6">
    <span>Blog</span>
    <h3>Building mrkdwn</h3>
    <p>Why we're building a local-first markdown editor.</p>
  </div>
</a>

Compact — list row

Feb 15, 2026 app

Building mrkdwn

Why we're building a local-first markdown editor with AI writing assistance.

Feb 10, 2026 typeface

Introducing buena mono

A variable monospaced font with coding ligatures, small caps, and 3 axes.

Markdown for agents: /design/media-card.md · spec: /design.md