Loom Bands: woven rows of spruce and rust stripes on an oat ground
Loom Bands reads like a close-up of woven cloth. The canvas is cut into 20 horizontal rows, and each row is filled with vertical stripes of one color separated by equal gaps of the oat background. Stripe width cycles through five sizes from row to row, with Rhythm at 78 making the widest almost three times the narrowest, and spruce teal rows outnumber rust ones two to one.
Make it yours
Make the weave finer
Rhythm scales every stripe width. At 78 the stripes vary a lot between rows; lower Rhythm to 20 and they shrink and even out, which looks like a tighter thread count.
Use fewer, taller rows
Element count equals the number of rows. It is 20 here; at 8 the rows become tall panels and the design shifts from fabric to signage. Rotation at 90 turns the rows into vertical strips.
FAQ
What happens to Loom Bands when it is animated?
Alternate rows slide sideways in opposite directions, like shuttles passing on a loom, while row heights and colors stay fixed. It is a steady motion across the whole canvas, so it draws more attention than the gentle sway of most other families. Keep it for hero areas and turn Speed down to 0 behind long text.
How it works
Pick a visual system
Choose one of 20 families such as Echo Rings, Halo Grid, Particle Coast, Glyph Terrain or Ribbon Stack.
Compose it
Choose a balanced, focal, edge or repeat composition, move the focal point and set density, scale, rotation, rhythm, tension, depth and grain.
Judge it in context and use it
Preview it in product, landing, AI and mobile layouts, then sign in with a free UX Pilot account to use it on the canvas or export it.