Backdrop
The config-driven decorative section backdrop — a depth glow, a texture (grid, setout crosshairs, dots, diagonal, contours, topo), aggregate grain and a blueprint margin frame — with named presets and dark-aware ink.
bunx shadcn@latest add @nx-ui/backdropPatterns
The six texture kinds. Drop <Backdrop /> as the first child of a relative isolate overflow-hidden section; the ink is navy on light surfaces and flips to a light-brand tint on dark so the texture stays visible.
Presets
Nine named starting points — pass a key to the preset prop. Each bundles a pattern, density, glow, grain and frame into a ready-made look.
Layers: glow, grain and frame
The composed backdrop stacks up to four layers. Here each is isolated: the accent depth glow, the fractal-noise grain overlay, and the blueprint margin frame with corner registration crosshairs.
On a brand surface
With tone=brand the ink switches to accent-yellow (both themes) and the frame guide-lines turn white — the treatment for navy CTA panels and dark bands.
Accent-yellow ink and a white blueprint frame keep the texture legible on solid navy.