AV-006 · J. Avatars and Illustrations

Open Peeps

Hand-drawn mix-and-match people library (poses, faces, hair, clothing). Also available as a CC0 DiceBear style (open-peeps).

Summary

Hand-drawn mix-and-match people library (poses, faces, hair, clothing). Also available as a CC0 DiceBear style (open-peeps).

What it is

A library of illustrations for product UI and marketing.

Who it’s for

Designers who need empty-state, onboarding or marketing illustrations with a clear license.

High-contrast Split heroHand-drawn, expressive

Open Peeps: hero image — Examples generated by us with DiceBear’s CC0 open-peeps style (remix of Open Peeps by Pablo Stanley).

Key takeaways

Captured openpeeps.com: split hero with a large title on white and a dense black-and-white crowd of peeps on the right.
Color: high-contrast theme; dominant colors #FFFFFF, #000000, #BABABA (ESTIMATED from our capture).
Layout: split hero pattern, hand-drawn, expressive mood.

Best practices to borrow

Use strong black/white contrast and a clear type hierarchy.
Put the promise on one side and proof (product, media or illustration) on the other; keep the headline short.
Keep one illustration style across the product and recolor it to your palette where allowed.

ESTIMATED

Palette preview

#FFFFFF~50%#000000~24%#BABABA~5%#E7E6E5~4%#1F1D1E~4%#898788~4%

Quick links

Source DESIGN.md Images (.zip)

How to use

Figma/Sketch: download the library and combine nested components.
Avatar API (CC0 remix): https://api.dicebear.com/10.x/open-peeps/svg?seed=Lina

Figures

Example avatars generated by us where the license allows it; see each caption for the style and its license.

Examples generated by us with DiceBear’s CC0 open-peeps style (remix of Open Peeps by Pablo Stanley).

Related entries

AV-007 · Illustration Library

ESTIMATED

Dominant palette from our captures

Measured by us from our screenshot(s) of https://www.openpeeps.com/ (median-cut quantization; share = % of pixels). Approximate and not official.

#FFFFFF~50% of pixels#000000~24% of pixels#BABABA~5% of pixels#E7E6E5~4% of pixels#1F1D1E~4% of pixels#898788~4% of pixels

Layout pattern: Split hero

Observed by us on the captured page(s). See all entries by layout.

How to apply it: Put the promise on one side and proof (product, media or illustration) on the other; keep the headline short.

Other entries with this layout: Material Design 3, Heroicons, Phosphor Icons, Linear, Stripe, Notion, DiceBear, Humaaans, Blush, Linear onboarding flow.

Our analysis

Captured openpeeps.com: split hero with a large title on white and a dense black-and-white crowd of peeps on the right.

High-contrast Split heroHand-drawn, expressive

Similar to this

Ranked by shared color theme, layout, category, type and mood tags.

AV-007 · Illustration Library

Humaaans

Vibrant gradientSplit hero

AV-010 · Illustration Library

Blush

PastelSplit hero

AV-001 · Avatar Library

DiceBear

Monochrome lightSplit hero

DS-001 · Design System

Material Design 3

PastelSplit hero

Downloads

All images (.zip) DESIGN.md

License / terms of the source: CC0 (public domain), by Pablo Stanley

DESIGN.md for AI coding agents

Copy this into your repo or agent context. OFFICIAL and ESTIMATED values are labelled.

Download .md All entries

# DESIGN.md · Open Peeps (AV-006)

> 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: High-contrast · Layout pattern: Split hero · Mood: Hand-drawn, expressive
- License / terms: CC0 (public domain), by Pablo Stanley

Hand-drawn mix-and-match people library (poses, faces, hair, clothing). Also available as a CC0 DiceBear style (open-peeps).

### Analysis (ours)
Captured openpeeps.com: split hero with a large title on white and a dense black-and-white crowd of peeps on the right.

## 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` ~50%
- `#000000` ~24%
- `#BABABA` ~5%
- `#E7E6E5` ~4%
- `#1F1D1E` ~4%
- `#898788` ~4%

## 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
```
Figma/Sketch: download the library and combine nested components.
Avatar API (CC0 remix): https://api.dicebear.com/10.x/open-peeps/svg?seed=Lina
```

## Do’s and don’ts
- Do: Use pure black/white contrasts and strong type hierarchy.
- Don’t: Don’t use mid-grays for important text.
- Do: follow the source’s license/terms listed above.
- Don’t: present ESTIMATED colors as official tokens.

## Sources
- https://www.openpeeps.com/
- Library entry: https://design-library-byt.pages.dev/entry/AV-006