Brat wall generator

What makes a pattern hold together

A repeating word only works as a background when the repetition has rhythm. Three things control that: the number of columns, the offset applied to alternate rows, and the slight rotation on each instance. The tool fixes the rotation and the half-step offset because those two are what stop a grid looking like a table — the rest is yours to set.

The density sliders interact in a way worth understanding before you fiddle: more columns means smaller type, and more rows means less space between lines. A wall that looks cramped is almost always too many rows for the canvas, not too much text.

The three finishes

• Solid — every instance filled, alternating rows slightly lighter. The most readable and the loudest; good for a phone lock screen where you actually want the word.
• Faded mix — three opacity levels cycling through the grid. Reads as texture rather than as text, which is what you want behind an app icon or a profile picture.
• Outline only — stroked letters, no fill. The quietest option, and the one that survives being used as a desktop background without fighting your open windows.

Choosing a canvas, knowing how it will be cropped

Phone wallpapers get cropped by the launcher and partially covered by icons and the clock, so the top and bottom fifths of a 9:16 wall are effectively lost. That is fine for a pattern — the whole point of a repeating grid is that any crop still looks like the same object — which is not true of a single-line cover. If you are making one for a phone, put the word in the middle band and accept that the visible area is roughly the centre 60 per cent.

Desktop backgrounds are the opposite problem: the dock or taskbar eats the bottom strip, and monitors are wider than 16:9 more often than not. The 1920×1080 export is a safe middle ground; if your screen is ultrawide, choose the desktop canvas and let the pattern tile rather than trying to stretch one image across it.

Where these get used

• Phone and desktop backgrounds — the obvious job, and the reason the three canvas presets exist.
• Zoom and meeting backgrounds — a faded pattern at low contrast reads as a set rather than as a wallpaper.
• Story and post backgrounds — drop a square wall behind a single line and the composition has depth without needing a photo.
• Print and packaging proofing — repeat a brand name and you can see whether it survives being covered in itself. It often does not, which is useful to learn before the run.

What it will not do

One word only — a phrase repeated in a grid becomes unreadable noise at anything above about fifteen characters, so the field is capped. There is no image import here; the pattern is drawn, not overlaid, and putting a photo behind it changes what the tool is. And there is no custom colour picker: the five colourways are the family the aesthetic actually uses, and the palette tool is where custom colours live.

FAQ

Why is my word tiny on the phone canvas?

Because columns are counted across the width, and a 1080-pixel-wide canvas divided by eight columns leaves little room per instance. Reduce the columns before you expect the type to grow.

Can I use it as a profile picture?

Yes, with the faded finish — solid patterns lose their edges at 100 pixels and read as a smear. Export the square canvas.

Does the pattern export at full resolution?

Yes. The preview is scaled by CSS; the file is 1080 or 1920 pixels as chosen.

Is my text uploaded anywhere?

No. The grid is drawn in your browser and the PNG is assembled locally. There is no upload path in this page at all.