Interactive dot field
Use for product architecture, solutions, and editorial sections.
26px field · pointer repelComponent
Backgrounds
Reusable dot fields, palette gradients, and ambient motion surfaces for connecting sections without hard visual seams.
Surface patterns
Section backgrounds
Layer content above these surfaces. Ambient blobs remain below dot fields, fades, and readable content.
Palette gradient
Use as a restrained section atmosphere or transition layer.
Ember referenceAmbient blob
Follow the pointer, then drift automatically after idle.
transform-only motionLayer order
Readable by construction
ContentSection fadeInteractive dotsAmbient gradientBase surface