Top Band Dot Grid Background

Shadcn UI Background Pattern Block

BackgroundPattern116 is a full-height centered section built with Shadcn UI, carrying a primary-colored dot grid across the entire background. An explicit wide ellipse anchors at the top center, so the mesh reads like a shallow band of texture that relaxes toward the lower field. PatternPlaceholder occupies the centered content slot.

The mask uses multiple opacity stops, so the shift from solid dots to empty space is stretched and smooth rather than abrupt. Hue stays in the primary family with higher chroma for contrast against typical neutrals. Layout keeps the hero column visually centered with room to breathe. No animation.

This is still a lightweight pattern block: no imagery, charts, or client logic beyond optional className. The top-heavy treatment is the distinguishing note relative to centered or corner fades.

Viewport-height minimum preserves the fade on shorter viewports. Extend the section via className when you need different vertical rhythm.