Halftone Footer
ProInstallation
ProRequires a Planes Pro license.
npx shadcn add @useplanes/halftone-footer
Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.
Unlock with Planes Pro
$129 once · 159 Pro components · lifetime updates.
import { HalftoneFooter } from "@/components/ui/HalftoneFooter";
<HalftoneFooter
brand={{ name: "Nimbrel", href: "/", logo: <AppIcon /> }}
tagline="A quieter screen for late nights."
accent="#f59e0b"
socials={[{ label: "X", href: "https://x.com/lumenapp", external: true }]}
links={[{ label: "Privacy", href: "/privacy" }]}
/>Use cases
App landing page
A compact footer that ends the page with the app name in your brand colour.
Launch or waitlist page
One link row and a glowing wordmark is enough chrome for a single-page site.
Light and dark sites
The surface, text and glow follow the theme, so the footer closes either page without a seam.
