AV-009 · J. Avatars and Illustrations

Storyset

Customizable and animatable illustrations in several styles, editable in the browser. Link-only here.

Summary

Customizable and animatable illustrations in several styles, editable in the browser. Link-only here.

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.

Storyset: hero image — Rendered by us from the ESTIMATED palette of our capture; no third-party artwork reproduced.

Key takeaways

Captured storyset.com: a deep-blue hero band with search, then a grid of illustration cards and style filters.
Color: bold color accent theme; dominant colors #FFFFFF, #064183, #0B315B (ESTIMATED from our capture).
Layout: card grid pattern, corporate, illustrative mood.

Best practices to borrow

Let one strong brand color own key surfaces.
Use a uniform card grid with consistent thumbnails and minimal text per card; put filters above.
Keep one illustration style across the product and recolor it to your palette where allowed.

ESTIMATED

Palette preview

#FFFFFF~23%#064183~13%#0B315B~9%#E0E2DB~6%#57647D~4%

Quick links

Source DESIGN.md

How to use

Credit line: “Illustrations by Storyset” linking to https://storyset.com

Link-only entry: no third-party images are reproduced; the hero above is our own palette render. Open the source for visuals.

Related entries

AV-004 · Avatar Library

ESTIMATED

Dominant palette from our captures

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

#FFFFFF~23% of pixels#064183~13% of pixels#0B315B~9% of pixels#E0E2DB~6% of pixels#57647D~4% of pixels

Layout pattern: Card grid

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

How to apply it: Use a uniform card grid with consistent thumbnails and minimal text per card; put filters above.

Other entries with this layout: Fontshare, Logobook, Dribbble · logo tag, Behance · logo projects, Simple Icons, Airbnb, Boring Avatars.

Our analysis

Captured storyset.com: a deep-blue hero band with search, then a grid of illustration cards and style filters.

Bold color accent Card gridCorporate, illustrative

Similar to this

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

AV-004 · Avatar Library

Boring Avatars

PastelCard grid

AV-007 · Illustration Library

Humaaans

Vibrant gradientSplit hero

AV-010 · Illustration Library

Blush

PastelSplit hero

AV-006 · Illustration Library

Open Peeps

High-contrastSplit hero

Downloads

DESIGN.md

License / terms of the source: Storyset (Freepik) terms: free use requires visible attribution to Storyset with a link; no attribution with a Flaticon Premium subscription; no redistribution

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 · Storyset (AV-009)

> 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: Card grid · Mood: Corporate, illustrative
- License / terms: Storyset (Freepik) terms: free use requires visible attribution to Storyset with a link; no attribution with a Flaticon Premium subscription; no redistribution

Customizable and animatable illustrations in several styles, editable in the browser. Link-only here.

### Analysis (ours)
Captured storyset.com: a deep-blue hero band with search, then a grid of illustration cards and style filters.

## 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` ~23%
- `#064183` ~13%
- `#0B315B` ~9%
- `#E0E2DB` ~6%
- `#57647D` ~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: **Card grid** (from our captures).

## Usage
```
Credit line: “Illustrations by Storyset” linking to https://storyset.com
```

## 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://storyset.com/
- Library entry: https://design-library-byt.pages.dev/entry/AV-009