Badge Design Best Practices for Wearable Displays

The Format Constraints of a Badge Screen

A badge screen is not a phone screen, a poster, or a website. It is small—typically 2 to 4 inches diagonally—viewed at arm's length, often in motion, frequently in variable lighting, and worn on the body where it moves with the wearer. Designing for this format requires different priorities than designing for any other medium. The most common design mistake is treating a badge like a miniature poster: cramming too much content, using type that is too small, and including visual complexity that reads well on paper but dissolves into noise on a small e-ink screen.

Hierarchy: One Primary Message

A badge viewed in passing—at a glance across a crowded room—communicates one thing. The designer's job is to identify what that one thing is and make it impossible to miss. For a professional conference, it is typically the wearer's name and organization. For a festival, it is typically the wearer's ticket tier or group affiliation. For a brand activation, it is the sponsor's visual identity. Everything else is secondary.

Designers who are used to working with poster or screen layouts instinctively want to add context: a tagline, a social handle, a secondary message. On a badge, this clutter destroys legibility. A badge with three levels of visual hierarchy is readable. A badge with seven levels of visual information is a mess at three feet.

Typography for Small E-Ink Screens

E-ink displays have lower effective resolution than print, and the anti-aliased rendering of type is less refined than on modern LCDs. Typefaces that work beautifully in print or on phone screens can become muddy or illegible on e-ink at small sizes. The practical implications:

Use bold weights generously. Medium and light weights that look elegant in print often disappear on e-ink. Bold and heavy weights hold up better at small sizes and in variable lighting conditions. Sans-serif typefaces generally perform better on e-ink than serif faces because they have cleaner strokes at small sizes. High x-height improves legibility. Generous spacing between letters prevents e-ink's limited grayscale from causing letterforms to bleed together.

Minimum Readable Type Size

For body text on a typical 3-inch badge screen viewed at reading distance (12-18 inches), 14-16pt is the practical minimum. For primary identification text—the wearer's name—24pt or larger is appropriate. These are guidelines, not rules; the specific optimal size depends on screen resolution, viewing distance, and the typical visual acuity of the event audience. For older audiences or events with accessibility priorities, size up.

Logo and Brand Design for E-Ink

Complex logos with fine lines, gradients, or large amounts of negative space often render poorly on e-ink. The limitations to keep in mind: gradients that look smooth in print or on screen become visible banding steps on e-ink. Thin lines disappear. Text embedded in logos becomes illegible. Negative space that looks elegant in print can look like a mistake on e-ink.

The practical design guideline is to simplify logos for e-ink reproduction: bold marks, strong contrast between logo elements, minimal fine detail. A logo that looks striking on a badge in a mockup but turns into a gray smudge on the actual device is not a badge-appropriate design. Test on actual hardware, not just screen simulations.

QR Codes on Small Screens

QR codes on badge screens are one of the genuinely useful interactive features, but they come with specific design requirements. The minimum QR code module size for reliable scanning is critical: on a small badge screen, the QR code needs to be large enough and high-contrast enough to be readable by a phone camera. A general guideline is that the QR code should occupy at least 1 square inch of visual space on the badge and should have a quiet zone (white margin) of at least 4 modules around its perimeter.

Error correction level matters for badge QR codes. Use High (H) error correction, which allows up to 30 percent of the QR code to be damaged or unreadable, because e-ink displays can have small imperfections and because QR codes on curved or angled badge surfaces may have perspective distortion.

Content Updates and Time-Based Design

One advantage of digital badges is that the display can change throughout an event. Designers should think about the badge not as a static artifact but as a communication surface that evolves. A conference badge that shows the wearer's name and organization during sessions might update to show a social handle or a session-specific signal during networking periods. A festival badge might change its visual theme across multiple days of a multi-day event.

The design system should be developed with this variability in mind: what elements change, what stays constant, and how the badge looks at each transition. A badge that makes jarring visual shifts at each update feels disruptive; a badge that smoothly transitions between coherent states feels intentional.

Conclusion

Good badge design is constrained design. The limitations of the format—small size, e-ink rendering, body-worn context—are not obstacles; they are the design brief. Designers who embrace the constraints and focus on one primary message, appropriate typography, simplified logos, and properly specified QR codes will produce badges that are genuinely legible and useful at an event.