A footer that closes with an ask: a centered email capture band ('Stay in the loop') above compact link columns. The gradient-accented subscribe button is the last interactive element on the page.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Build a newsletter-CTA footer band.
1. CTA block: centered at the top of the footer — 24px semibold headline ("Stay in the loop"), 15px muted subline, then an inline email form.
2. Form: email input (#F8FAFC0F bg, 1px #F8FAFC1F border, 10px radius, 44px tall, 320px max) beside a subscribe button with a #1E40AF→#1E40AF gradient, white 14px semibold text.
3. Focus: input border brightens to #1E40AF with a 3px #1E40AF4D ring. Success swaps the form for a "✓ You're in" message.
4. Below the CTA: a 1px #F8FAFC14 rule, then 3-4 compact link columns (13px #94A3B8 links, hover #F8FAFC).
5. Bottom row: © line and social icons at #94A3B8.
6. Background #0F172A. The gradient button is the only saturated element in the footer.A footer that closes with an ask: a centered email capture band ('Stay in the loop') above compact link columns. The gradient-accented subscribe button is the last interactive element on the page.
Hover the links — and try the newsletter form if this footer has one.
Hover the links — and try the newsletter form if this footer has one.