Footer With Newsletter Signup

Pro

Premium light-mode enterprise footer with a soft purple aurora radial gradient, newsletter signup, 4-column link grid, editorial social icon strip with labels, and a clean bottom bar, with Satoshi font throughout.

When to use Footer With Newsletter Signup

Designed light first, with a soft purple wash rising through the upper edge and Satoshi set throughout. It is the most corporate footer here in the good sense: four tidy link columns, a labelled social strip rather than a row of bare glyphs, and a clean bottom bar for the legal line. A dark treatment exists and follows the site theme, but the light state is the one it was drawn for.

The newsletter field at the top is the part to think about. It earns its place when you actually publish on a schedule and turns into a promise you are visibly not keeping when the last issue was eight months ago. Delete it in that case; the layout closes up without it. The gradient behind everything is CSS, so none of this costs a frame.

Block details

Category
Footers
Renders
CSS only. Paints as soon as the stylesheet arrives
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxtailwind-merge
Source
371 lines, 16 KB in one file
Install
wensity add footer-with-newsletter-signup --type block
Stack
React, Next.js, TypeScript and Tailwind CSS v4
Licence
Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
Tags
light, enterprise, newsletter, multi-column, social, gradient, premium
Last updated

More footers