# DESIGN.md · Blush (AV-010)

> 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: Illustration Library · Category: J. Avatars and Illustrations
- Platforms: Web
- Color theme: Bold color accent · Layout pattern: Split hero · Mood: Playful, illustrative
- License / terms: Blush license: free for commercial and non-commercial use; no resale/redistribution, no merchandising, no competing service; artists keep ownership; credit appreciated, not required
- Industry: Design tools
- Patterns: Mix-and-match builder, Split hero with artwork, In-context product preview

Illustration builder with collections from many artists (including Open Peeps and Humaaans); customize and export.

### Analysis (ours)
blush.design (our capture) demonstrates customization in the hero itself: a large flat-color character (bold pink, blue and yellow) on white with a floating picker of alternative heads, a dashed selection box and a cursor mid-click, beside a bold geometric sans headline (‘Tell your story with illustrations’), a one-line subline, a black ‘Create Random’ button with a shuffle icon and an outlined ‘Install Plugin’ dropdown with design-tool icons. The header holds the illustration and artist menus, a wide search field, a blue ‘Try Pro Free’ button and ‘Sign In’. Lesson: showing the editing interaction in the hero explains the product faster than any sentence. Pitfall: some export features are Pro-only, and the license forbids resale, redistribution, merchandising and competing services, so check what your plan allows.

### Best practices (ours)
- Use Blush collections from one artist per product so line weight and color treatment match.
- Customize characters to reflect your users, then save the variants as reusable components.
- Show the core interaction in your own hero when the product is a tool.
- Credit the artist when you can (appreciated, not required) and never resell the exports.

### Usage terms at a glance (our summary, not legal advice)
- Commercial use: Yes
- Attribution: Appreciated, not required
- Redistribution: Not allowed (no resale, merch or competing service)
- How you get it: Web editor, Figma/Sketch plugin; some features Pro

### Mockups
No Blush mockups. Blush’s license forbids redistribution and competing services, and exports go through the Blush app. Two of its CC0 collections are covered instead: see the Humaaans (AV-007) and Open Peeps (AV-006) mockups, built from those sets’ own official downloads.

## 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` ~77%
- `#000000` ~5%
- `#B07F6B` ~4%
- `#B5B0A3` ~3%
- `#EFEFE0` ~2%
- `#F2B1BD` ~2%

## 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: **Split hero** (from our captures).

## Usage
```
Customize on blush.design, export SVG/PNG (some features are Pro).
```

## Do’s and don’ts
- Do: Let one strong brand color dominate key surfaces.
- Don’t: Don’t dilute it with competing accent colors.
- Do: follow the source’s license/terms listed above.
- Don’t: present ESTIMATED colors as official tokens.

## Sources
- https://blush.design/
- Library entry: https://design-library-byt.pages.dev/entry/AV-010
