# DESIGN.md · Multiavatar (AV-005)

> Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens.

## Overview
- Type: Avatar Library · Category: J. Avatars and Illustrations
- Platforms: Web
- Color theme: Monochrome light · Layout pattern: Centered hero · Mood: Simple, single-purpose
- License / terms: Multiavatar License v1.0: free for non-commercial and commercial use under its conditions (read the license before use)

Generates multicultural avatars from any string; JS library and API. Link-only here: no example avatars are reproduced, so the license conditions can be read at the source first.

### Analysis (ours)
Captured multiavatar.com: a centered avatar with a few actions and a short explanation; minimal white UI.

## Color tokens
No official color tokens documented for this entry.

ESTIMATED · dominant colors measured from our screenshot(s) of the source site (median-cut quantization; share = % of pixels). Approximate, not official:

- `#FFFFFF` ~83%
- `#C0C2C1` ~3%
- `#65587D` ~3%
- `#E5E2DA` ~1%
- `#FDF9AE` ~0%
- `#B4FFB8` ~0%

## Typography
No official type scale documented for this entry; use the product’s own typography guidance.

## Spacing, radii, shadows
Not documented for this entry. Do not invent values; derive from your own design system.

## Components
No component inventory documented for this entry.

## Layout rules
- Observed layout pattern: **Centered hero** (from our captures).

## Usage
```
npm i @multiavatar/multiavatar
import multiavatar from '@multiavatar/multiavatar/esm'; const svg = multiavatar('Binx Bond');
```

## Do’s and don’ts
- Do: Keep chrome neutral and let content (images, icons, type) carry color.
- Don’t: Don’t introduce decorative color that competes with content.
- Do: follow the source’s license/terms listed above.
- Don’t: present ESTIMATED colors as official tokens.

## Sources
- https://multiavatar.com/
- Library entry: https://design-library-byt.pages.dev/entry/AV-005