SUCCESS & ERROR ILLUSTRATIONS

For the wins.
And the whoops.

20 hand-drawn illustrations for the moments your product has something to say. Success, error, and everything in between.

Free for personal & commercial projects.

a little celebration
01 / ALL GOOD
You did it. ✓
02 / NOT QUITE
A wrong turn. ↩
a gentler wrong turn
20hand-drawn illustrations
06ready-to-use colour variables
01consistent line style
Built as Figma components

A LITTLE TEST DRIVE

Put a feeling on the screen.

Try a state. Pick a colour.
See what a little character can do.

YOUR PRODUCT, WITH A LITTLE PERSONALITY
MISSION ACCOMPLISHED

You’re all set.

That’s one more thing off your list.
Take a moment. You’ve earned it.

An example of how the illustrations could look in your UI

MEET THE WHOLE CAST

Twenty ways to say it.

One consistent line style.
A character for every kind of moment.

FROM THE FIGMA FILE

Real screens. A human touch.

A few of the example layouts
included with the illustrations.

Page not found example from the Figma file
01 / A friendlier 404
Connection lost interface example
02 / A connection worth keeping
Maintenance interface example
03 / A brief intermission

LESS SETUP. MORE MAKING.

Your colour.
Your product.
Their personality.

Made by hand. Built for the way you work in Figma.

Open the free Figma file ↗
  1. 01

    Make yourself a copy.

    Get the pack from Figma Community and duplicate it into your workspace.

  2. 02

    Drop a character into place.

    Every illustration is a component. Place an instance in your confirmation, error, or empty state.

  3. 03

    Give it your colour.

    Choose Blue, Green, Red, Orange, Purple, or Black. Edit the colour variables to match your brand.

A few good questions.

Is the pack really free?+

Yes. All 20 illustrations are free to use in your personal and commercial projects. See the InkJar licence for the full terms.

What’s inside the Figma file?+

20 hand-drawn illustrations built as components, six ready-to-use colour variables, and example boards showing them inside product UI.

Can I use my own brand colour?+

Yes. Edit the variables in the Illustration Color collection in Figma. Artwork bound to each variable follows its colour.

Where can I use these illustrations?+

Try confirmations, empty states, 404 pages, failed payments, or permission errors, wherever your product needs to explain what happened.

A SMALL PACK. PLENTY OF CHARACTER.

Make the next message
a little more human.

Get all 20 free on Figma ↗

20 illustrations · 6 colour variables · Yours to make your own

MORE GOOD THINGS, OCCASIONALLY.

Stay in the loop.