Interface Lab
Back to knowledge
Resource Licensing

Deterministic Avatar Placeholder Governance

Avatar generators such as Boring Avatars and DiceBear work well for identity placeholders, but seed, style, license, private inputs, and accessible names must be recorded; generated avatars are not real likenesses or brand assets.

Design Principle

The value of a deterministic avatar is stable object recognition, not real identity. It combines visual distinction, privacy, licensing, accessible labeling, and cross-project reuse boundaries.

Large Theory

Avatar placeholders are not decorative circles. Member lists, comments, support chat, CRM contacts, and generative-product history all need quick recognition of who or which object is involved. Deterministic avatars use a name, seed, or id to generate a stable graphic, avoiding blank avatars and random changes. They also create privacy and licensing questions: email should not be exposed to external APIs, style packs can have different licenses, and avatars must not imply real likeness or official branding.

Small Points

  1. Define the avatar role first: user identity, anonymous object, team, bot, generation task, or empty placeholder. Each role needs different alt text, color, and fallback.
  2. Use internal stable ids or hashed display names for seeds; do not send raw email, phone, or customer numbers to third-party avatar services.
  3. Record generator, version, style/variant, palette, seed policy, license, source URL, and whether generation is self-hosted.
  4. DiceBear core code and individual avatar styles may not share the same license; check creator, source, license, and attribution per style.
  5. Boring Avatars can generate SVG locally. Its old API service was paused on 2024-07-31, so production UI should not depend on an uncertain remote avatar endpoint.
  6. An avatar is not the accessible name by itself. Clickable avatar buttons need visible names or aria labels; only decorative duplicate avatars should be hidden.

Design Judgment

Avatar placeholders are healthy when they help users distinguish objects in a list while text names remain visible, seeds do not leak private inputs, licenses are traceable, and identity remains understandable when images are disabled. They are risky when they become the only identity cue, change randomly after refresh, or use unverified style licenses.

Implementation Notes

Create an avatar intake record: purpose, generator, version, style, palette, seedSource, hashing, localOrRemote, licenseHref, attribution, accessibleName, fallbackInitials, darkMode, collisionRisk, and lastChecked. In React, prefer locally generated SVG or server-generated cache. Always keep names or object labels in lists. Give bots and system users different semantic treatment instead of presenting them as real people.

Counterexamples/Risks

Exposing user email directly as a DiceBear URL seed, using a CC BY style without attribution, random avatars causing reviewers to confuse objects after refresh, avatar-only buttons without aria labels, generated avatars in testimonials that look like real photos, and remote avatar API failure blanking a contact list.

Case Study

The Boring Avatars repository describes a React library that generates custom SVG avatars from usernames and palettes, with variants such as marble, beam, pixel, sunset, ring, and bauhaus. Its docs also note that the old service was paused on 2024-07-31. DiceBear's license page states that code is MIT licensed while avatar styles are licensed separately by their creators, including CC BY, CC0, and custom sources. W3C WAI informative-image guidance says text alternatives should convey the meaning presented visually. The reusable lesson is that avatar placeholders require governance for generation stability, style licensing, and accessible identity.

Source Links

Boring Avatars GitHub: https://github.com/boringdesigners/boring-avatars DiceBear Licenses: https://www.dicebear.com/licenses/ W3C WAI Informative Images: https://www.w3.org/WAI/tutorials/images/informative/ Creative Commons CC BY 4.0: https://creativecommons.org/licenses/by/4.0/

Agent Directive

Before generating avatar placeholders, record generator, style, license, and seed policy, and keep text names plus accessible names; do not send private identifiers to third-party APIs or present generated avatars as real photos.