Hero Background Swatches
All 10 animated hero background patterns. Each swatch shows the pattern at full size with a sample title overlay.
Bars
heroStyle: "bars"
Vertical bars pulsing height
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Scatter Plot
heroStyle: "scatter"
Floating dots with gentle drift
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Wave Lines
heroStyle: "waves"
Sine wave polylines with phase animation
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Grid Pulse
heroStyle: "grid-pulse"
Grid cells pulsing like radar ping
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
ELO Trend
heroStyle: "elo-lines"
ELO line chart with draw-on animation
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Bracket Lines
heroStyle: "bracket"
Tournament bracket connectors with glow
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Distribution
heroStyle: "distribution"
Bell curve with breathing fill
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Heatmap Cells
heroStyle: "heatmap"
Colored grid with shimmer
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Contour Lines
heroStyle: "contour"
Nested ellipses with scale/opacity pulse
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026
Dot Matrix
heroStyle: "dot-matrix"
Dot grid with diagonal wave sweep
ncaab
Sample Blog Post Title Goes Here
A tagline that describes the post in one or two sentences.
Greg Lamp · Mar 7, 2026