Blog

March 25, 2026 6 min read

How to Use the Brat Generator

BRATGEN.SITE is a free brat generator that turns short text into bold, export-ready graphics. Type a word, pick a theme, adjust the look, and download — the whole process takes seconds. This guide covers everything from a five-step quick start to platform-specific recipes and export tips.

Quick start: the classic brat look in five steps

If you just want the original brat style, here is the fastest path:

Type your text — keep it short, one to three words
Select the Classic theme — this sets the signature green background and high-contrast type
Set the blur to around 5–15% — the soft haze is the signature of the brat aesthetic
Pick your ratio — 1:1 for a square post, 9:16 for a story
Export as PNG — click the export button and you are done

Everything below builds on this foundation.

How the brat generator works

Every design follows four steps, regardless of complexity:

Type your text — the canvas preview updates live as you type
Set the canvas — choose a theme, aspect ratio, and quality level
Style the text — adjust font size, weight, spacing, blur, and effects
Export — download as PNG, JPG, WebP, SVG, or GIF

You can work in any order, but setting the canvas dimensions first avoids reworking your layout later.

Choose a theme for your brat image

Themes set the visual foundation — background color, text color, font defaults, and a starting effect. They do not lock anything; every setting stays editable after you pick one.

Theme	Best for
Classic	The original brat album aesthetic
Midnight	Dark backgrounds with neon contrast
Velvet	Moody, saturated tones
Gold Rush	Metallic, poster-style type
Matrix	Digital, terminal-inspired looks
Void	Minimal, high-contrast designs

If none of the themes feel right, pick the closest one and adjust the background color and text color manually. The brat generator treats themes as starting points, not constraints.

Set the aspect ratio before anything else

The same text can look balanced in one ratio and broken in another. Always set the ratio based on where the brat image will be used — before you fine-tune typography.

Platform	Best ratio	Suggested quality
Instagram feed	`1:1` or `4:5`	HD
Stories, Reels, TikTok	`9:16`	Standard or HD
Twitter/X header	`16:9` or `2:1`	HD
YouTube thumbnail	`16:9`	HD
Pinterest	`3:4`	HD
Desktop banner, email header	`2:1`	Standard
Print poster	`A4` or `3:4`	Print

A font size that works at 1:1 will probably overflow at 9:16. Lock the ratio first, then adjust.

Typography: the four controls that matter most

These settings have the biggest impact on how your brat-style design looks and feels:

Font weight

Heavier weights feel aggressive and bold — the default for most brat designs. Lighter weights create a more refined, editorial look when paired with wide letter spacing.

Letter spacing

Letter spacing changes the personality of the text:

Tight spacing makes the text feel dense, aggressive, and punk
Wide spacing gives the design a high-fashion, editorial feel

Blur

Blur is the signature brat effect. A slight Gaussian blur makes the text feel like it is vibrating or captured in a low-fi photo.

0% blur — clean and sharp, great for posters and print
5–15% blur — the sweet spot for the authentic brat look
20%+ blur — experimental and moody, best used with very large font sizes

Too much blur destroys readability. If the text becomes unreadable, you have gone too far.

Add effects to your brat design

Effects add visual treatments or motion to your text. They fall into two categories:

Static effects — applied instantly, exported as a normal image
Animated effects — produce motion (glitch, neon pulse, typewriter, rainbow, and more) and can be exported as GIF

Things to know about effects in the brat generator:

Animated effects only produce motion in the GIF export. Static formats like PNG and JPG capture a single frame.
SVG export is only available for effects that are SVG-safe. When it is not available, the export falls back to PNG automatically.
GIF exports use a capped resolution to keep browser-based encoding fast. For the sharpest result, export a static PNG frame alongside the GIF.

Export your brat image

Choose the right format

Format	When to use it
PNG	General purpose — lossless quality, works everywhere
JPG	Smaller file size, good for web and email
WebP	Modern web format, smaller than PNG at comparable quality
SVG	Scalable vector output for simple text-only designs
GIF	Animated effects only

Set the output quality

For static images (PNG, JPG, WebP, SVG):

Standard — 1200 px on the long edge, good for social media and web
HD — 2400 px, sharper output for digital displays and presentations
Print — 3600 px, use when the image will be printed or displayed at large scale

GIF exports use lower resolutions to keep browser-based encoding practical: Standard caps at 600 px, HD at 800 px, and Print at 1200 px on the long edge.

For most social and web use, Standard or HD is enough.

Copy to clipboard

If your browser supports it, the Copy Image button places the brat image directly on your clipboard. This is useful for pasting into chat apps, design tools, or social media without saving a file first.

Use background images for layered designs

You can upload a local image as the canvas background and layer brat-style text on top. This is useful for posters, title cards, memes, and layered social graphics.

Background images are processed entirely in your browser — nothing is uploaded to a server. The image persists only for your current session.

When designing over a background image:

Increase text contrast or add blur so the text stays legible
Use heavier font weights — thin text disappears against busy backgrounds
Consider pairing a dark theme with light text, or vice versa

Platform recipes

Instagram or Twitter/X post

Type a short phrase — one to four words work best
Select the Classic theme
Set ratio to 1:1 or 4:5
Keep blur at 5–15% for the authentic brat look
Export as PNG or WebP

Animated story or reel

Type your text
Choose an animated effect like glitch, neon pulse, or rainbow
Set ratio to 9:16
Export as GIF
Optionally export a static PNG as a fallback thumbnail

Set ratio to 16:9 or 2:1
Use a theme with strong horizontal contrast like Midnight or Void
Reduce font size and increase letter spacing for a wide, editorial spread
Export as PNG or WebP

Poster for print

Set ratio to A4 or 3:4
Set quality to Print
Use heavier font weight and generous letter spacing
Upload a background image if the layout needs one
Export as PNG at print quality

Tips for better brat designs

Capitalization changes the mood — “brat” in lowercase feels casual and authentic; “BRAT” in all caps feels louder and more confrontational. Try both.
Short text wins — one to four words usually looks strongest. The brat aesthetic relies on the tension between text and empty space.
Contrast is non-negotiable — if you use a custom background, make sure the text color has enough contrast. Increase font weight and reduce blur if the text gets lost.
Copy, do not save — on desktop, use Copy Image to paste directly into Discord, Slack, or Telegram without filling up your downloads folder.
Export a static frame alongside every GIF — the PNG version will always be sharper and works as a fallback for platforms that do not support animated images.

Common mistakes to avoid

Too much text — brat-style graphics work best when the message is short and punchy
Over-blurring — blur adds mood but kills readability past the 15–20% range
Ignoring aspect ratio — a design that works in square format may break completely in vertical
Wrong export format — do not use GIF for static designs, and do not expect SVG to handle complex effects
Skipping quality settings — Standard is fine for social media, but anything printed needs Print quality

Start creating

BRATGEN.SITE is built for speed. Type your text, pick a theme, set the right ratio for your platform, make a few typography adjustments, and export. Most designs come together in under a minute.

The best brat-style designs tend to be the simplest — a short phrase, the right amount of blur, and a clean export. Start with that, and experiment from there.