Footer With Editorial Tagline

Pro

Studio-style editorial footer in warm paper tones with a long-form tagline, thin uppercase outline wordmark, and a soft radial glow halo that follows the cursor behind the type.

When to use Footer With Editorial Tagline

Paper coloured, thin uppercase outline type, and a tagline with room to run to several lines. This is the studio and portfolio option. Where the others give you slots for link labels, this one gives you space to say something in sentences, and if you have nothing to say in that space the whole block collapses into an oddly large empty band.

A soft halo tracks the cursor behind the outline wordmark, warm rather than luminous, closer to light through paper than to neon. It follows the site theme in both directions, but the warm palette is doing most of the character work and it reads best under a page that is already light and editorial. Bolted onto a dense product dashboard it will look like it came from a different site, because it did.

Block details

Category
Footers
Renders
JavaScript animation. Paints first, then animates
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxframer-motiontailwind-merge
Source
335 lines, 14 KB in one file
Install
wensity add footer-with-editorial-tagline --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
editorial, studio, outline, wordmark, warm, interactive
Last updated

More footers