Callouts

Inline alerts and pull-quote callouts used in long-form copy.

Heads up. Form submissions are rate-limited to 10 requests per 15 minutes per IP.

Saved. Your changes are live on production.

Heads up. Scheduled maintenance window starts Saturday 2 AM ET.

Couldn't send. Network blocked the request — check your connection and try again.

"The point isn't that Cloudflare is better than Netlify — it's that our infrastructure should survive a vendor outage, a pricing change, or a routine platform pivot without rewriting the app."

HTML

<div class="lp-callout lp-callout--info">
  <strong>Heads up.</strong> Informational message.
</div>
<!-- Variants: lp-callout--info / --success / --warn / --error -->

<blockquote class="lp-pullquote">
  "Pull quote used in long-form copy."
</blockquote>

<!-- Styles: .lp-callout / .lp-pullquote in src/styles/components.css -->