Hero Card

A full-width statement card: eyebrow, display headline, one call to action.

Default

mrkdwn

A markdown editor that works everywhere. Local-first storage. AI-native writing. Encrypted publishing.

<a class="block overflow-hidden bg-bg-surface" style="border-radius: var(--radius-card-lg);">
  <span>App</span>
  <h2 class="gradient-cool">mrkdwn</h2>
  <p>A markdown editor that works everywhere.</p>
  <span class="rounded-full bg-accent …">Learn more</span>
</a>

Gradient background

Typeface

Aa

buena mono

Variable monospace. 8 weights. Coding ligatures. Small caps. Open source.

Explore typeface

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