Halftone Footer

Halftone Wordmark Footer

Give your website a bold typographic finish with Halftone Wordmark Footer, an interactive canvas-based component that transforms text into a dynamic field of halftone dots.

Customize your wordmark, experiment with four visual color presets, and create expressive layouts with adjustable dot spacing, pointer interaction, print grain, and alignment controls.

The particle system responds to pointer movement, creating fluid motion and a distinctive spring-like effect while preserving the shape of your original typography.

Features

• Canvas-based halftone typography

• Customizable wordmark text

• Four built-in color presets: Night, Paper, Ember, and Cobalt

• Custom background, dot, and accent colors

• Interactive pointer-based particle movement

• Spring-inspired particle physics

• Adjustable pointer interaction radius

• Customizable dot spacing and size

• Adjustable print grain texture

• Three alignment options: Centered, Bottom Cropped, and Bottom Flush

• Adjustable bottom cropping

• Custom font family

• Adjustable font weight

• Responsive canvas rendering

• Automatic resizing with ResizeObserver

• Optimized device pixel ratio

• Reduced-motion preference support

• Visibility-aware animation rendering

• Lightweight design with no external dependencies

Perfect for

• Creative agency websites

• Designer portfolios

• Studio landing pages

• Personal brand websites

• Experimental typography sections

• Minimalist website footers

• Creative developer portfolios

Add a distinctive typographic signature to your website with interactive halftone visuals.