Customize Your QR Code
Brevr gives you full control over how your QR code looks — color presets for quick setup, custom color pickers for precise branding, six dot patterns for visual variety, and two download formats for digital or print use.
What You’ll Learn
- How to use color presets and custom colors
- Which dot pattern to choose
- When to download PNG vs. SVG
Color Presets
Presets let you apply a coordinated foreground and background color pair in one click. Brevr includes six built-in presets:
| Preset | Foreground | Background |
|---|---|---|
| Classic | Black #000000 | White #FFFFFF |
| Inverted | White #FFFFFF | Black #000000 |
| Ocean | Dark navy #1E3A5F | Light blue #E8F4FD |
| Forest | Dark green #1B4332 | Light green #D8F3DC |
| Sunset | Dark brown #7C2D12 | Warm white #FFF7ED |
| Berry | Deep purple #581C87 | Soft lavender #FAF5FF |
📸 Screenshot: The color preset selector showing all six options with their color swatches
Select any preset and the live preview updates instantly. You can then fine-tune the colors further using the custom color pickers below.
Custom Colors
Set any foreground and background color using the custom color pickers. Two rules to follow for reliable scanning:
- Keep contrast high — the foreground (dots) must be clearly distinguishable from the background. Low contrast causes scan failures on some devices.
- Dark foreground, light background — QR code scanners are optimized for this direction. Inverted (light on dark) works but may fail on older readers.
📸 Screenshot: The foreground and background color pickers side by side with a live preview of the resulting QR code
Dot Patterns
Brevr supports six dot patterns that change the shape of the QR code modules:
| Pattern | Description |
|---|---|
| Square | Default rectangular modules — maximum compatibility |
| Rounded | Modules with rounded corners — softer, modern look |
| Dots | Fully circular modules — high visual contrast |
| Extra Rounded | Heavily rounded, flowing shape |
| Classy | Pointed inner corners — refined, structured appearance |
| Classy Rounded | Combines classy and rounded for a balanced style |
📸 Screenshot: The six dot pattern options in a grid, each showing a thumbnail of its module shape
All patterns use error correction level H, which means up to 30% of the QR code can be obscured or damaged and it will still scan correctly. This makes branded and stylized codes just as reliable as plain black-and-white ones.
Download Formats
| Format | Resolution | Best For |
|---|---|---|
| PNG | 2048 × 2048 px | Social media, email, web, presentations |
| SVG | Vector (infinite scale) | Print, packaging, signage, business cards |
Always use SVG for anything printed. PNG at 2048 px looks sharp on screen but degrades when scaled up for large-format print. SVG renders at the exact resolution of the output device — no blurring at any size.
Frequently Asked Questions
Does the dot pattern affect scannability?
No. All six patterns use error correction level H (the highest level), so the code is just as scannable as a standard square pattern. That said, always test the final code with multiple devices before committing to a large print run.
Can I change the style of an existing QR code?
No — visual style is set at creation time. To use a different preset, color, or pattern, create a new QR code pointing to the same short link, then replace the old one in your materials.
What contrast ratio is safe?
A contrast ratio of at least 4:1 between foreground and background is recommended for reliable scanning across all devices. Higher contrast is always better.
Next Steps
- Creating QR Codes — step-by-step creation guide
- Tracking QR Scans — understand your scan analytics