Designing a good-looking button is partly about technique, partly about taste. But a few simple principles make an enormous difference — especially at the small sizes buttons are printed.
Here are five tips that separate mediocre pins from ones people actually want to wear.
1. High Contrast Over Subtlety
Buttons are small. Subtle color gradients, light-grey-on-white text, and finely detailed patterns disappear at 25–58 mm. What works on screen at full size often fails in print at button scale.
Use strong contrast: Dark on light, or light on dark. If you're unsure, squint at your design — if you can still read it when squinting, it'll work at button size.
For text especially: aim for black on white, white on dark, or very high contrast combinations. Avoid medium grey, pastel text, or anything that "almost" reads.
2. Keep Text Large and Simple
The maximum readable type at 25 mm button size is roughly 7–8pt at 300 DPI. Anything smaller becomes illegible once printed.
Rules for button text:
- Fewer words is always better — one punchy phrase beats a paragraph
- Use bold or heavy weights — thin fonts disappear in print
- Avoid elaborate script fonts at small sizes — they become unreadable quickly
- Add plenty of breathing room around text (don't crowd the edges)
3. Bold, Flat Colors Beat Complex Gradients
Complex gradients and subtle shading can look beautiful at screen resolution but muddy up at print. Flat, bold colors reproduce consistently and look clean at any size.
If you want texture or visual interest, use solid color shapes, strong outlines, or high-contrast patterns rather than subtle gradients.
This is especially true for small buttons (20–25 mm). At 58 mm, you have more room to include photographic detail.
4. Use a Circle as Your Canvas from the Start
The most common layout mistake is designing a square or rectangle, then cropping it to a circle. You end up with key elements cut off, or too much dead space in the center.
Design for the circle from the beginning:
- Make your canvas circular in your design software
- Place the most important element in the center
- Think about the edge — anything near the trim line should be background, not content
Button Print Maker shows you the circle boundaries as you work, so you can see exactly what will be visible.
5. Test at Actual Size
Print a test page before your full run. In your browser or design software, print at 100% scale on regular paper and cut out a circle to hold next to a button shell.
This five-minute step catches:
- Text that's too small to read at real size
- Colors that shift between screen and print
- Design elements that are too close to the edge
- Compositions that feel wrong in hand vs. on screen
A quick paper test can save you from reprinting an entire sheet.
Bonus: Match the Button to Its Context
Think about where the button will be worn or displayed. A button on a band's merch table needs to grab attention from a distance — bold, high contrast, few words. A commemorative badge for a school event can afford to be more detailed and personal.
The best button design serves its purpose. Keep that in mind when you're making decisions about scale, color, and typography.
Want to try your designs? Open the free designer and upload your artwork — the layout, bleed, and trim lines are all handled automatically.