Halftone Wordmark Footer

Halftone wordmark footer: an enormous brand word cropped by the bottom edge and printed in halftone dots that part around the pointer on springs and warm in colour as they move; click to send a shock ring through the letters. Studio line, tracked link columns, back-to-top and print grain. React only, no assets.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Halftone Wordmark Footer to your project and fits it to your theme.

"use client"

import HalftoneWordmarkFooter from "@/components/ui/halftone-wordmark-footer"

export default function Demo() {
  // w-full matters: 21st centres demos in a flex wrapper, and a flex item
  // left at width:auto shrinks the canvas to 0px wide.
  return (
    <div className="w-full">
      <HalftoneWordmarkFooter />
    </div>
  )
}