Modular Daylight: an airy grid of blocks, circles and ruled lines in green and amber
Four kinds of module take turns on a six-column grid: a filled block with rounded corners, a circle, a set of five ruled hairlines and an outlined frame, 36 modules in all. Depth is kept low at 32, so the forest green and amber shapes stay translucent over the pale sage ground and the field feels sunlit. Rotation at 330 and Shape scale at 82 tip the grid onto a diagonal and shrink it so more of the pattern fits in view.
Make it yours
Square off the blocks
The filled blocks owe their soft, generous corners to Rhythm at 72. Take Rhythm down to 10 and the same modules turn crisp and nearly square, a better match for a technical or financial brand.
Straighten the grid
Rotation at 330 sets the grid on a slant. Return Rotation to 0 for an upright, Swiss-style sheet, then raise Element count from 18 to 24 to add a seventh column and make every module smaller.
FAQ
Does Modular Daylight cover the whole canvas evenly?
Yes. Composition is set to repeat, so no fade is laid over the artwork and the modules reach every edge at the same strength. That makes it a good all-over background for empty states, onboarding panels and section dividers. If you need room for text, switch Composition to edge, which fades the left side toward the pale sage background.
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.