Blueprint Grid: square hairline tiles turning over a technical grid
Blueprint Grid gives a partner section the precision of a developer tool: 24 symbols at a Logo size of 92 sit on black square tiles, with Tile on Blueprint and Corner at 0 for sharp edges. Behind them a 24 px grid with small crosshairs on every fourth line fades out toward the edges of the #000000 ground. One tile at a time is outlined and lit in the #E9F056 wasabi Accent, so the eye has a single place to land.
Make it yours
Round the tiles if your UI is rounded
Corner is 0 for a strictly technical feel. If the buttons and cards on your page have rounded corners, raise Corner to 8 or 12 so the tiles match the rest of the interface.
Swap wasabi for your brand color
The yellow-green highlight is the Accent. Set Accent to your primary brand color and leave Ink at #EDEDED, so only one tile carries color while the hairlines and grid stay neutral.
FAQ
Can I keep the blueprint grid but change the background color?
Yes. The grid lines and crosshairs are mixed from Light color and Ink, so they follow whatever ground you pick. On a pale ground they turn into fine grey lines; keep clear contrast between the two colors or the grid fades away.
How it works
Pick a look and add logos
Start from one of 9 looks such as Halo Hub, Daylight, Keycap or Ceramic, keep the placeholder marks, or add up to 16 PNG, JPG or WebP logos of up to 20 MB each.
Arrange the marks
Choose a Fibonacci, Rings, Grid, Marquee band or Hub orbits distribution, then set Count, Radius, Logo size, Mark style and a Tile such as Blueprint, Keycap, Frosted glass or Ceramic.
Set depth and use it
Tune Depth, Perspective, Rear depth, Speed and Axis, keep each logo as an ink silhouette or in its original colors, drag to turn the scene, then sign in with a free UX Pilot account to use it on the canvas or export it.