How to Mix and Match Humaaans Illustrations

Humaaans is a free, CC0-licensed vector illustration library by Pablo Stanley for building custom people illustrations. You mix and match hairdos, tops, pants, and body parts, then rotate and position them like vector Lego. It works with InVision Studio and Sketch, and the site also notes you can use it with Blush. Because the license is CC0 Public Domain, you can use the results for commercial or personal projects.

What you need before starting

• A vector editing tool that can open the Humaaans source files. The site specifically names InVision Studio and Sketch, and mentions Blush as another way to use the library.
• The Humaaans library files themselves. The site offers a download and describes the assets as free for commercial or personal use under CC0.
• A rough idea of the scene you want: a single character, a group, or a full illustration for a landing page, onboarding screen, or empty/error/success state.

Step-by-step: build a character

1. Start from a template or a base body

The site suggests starting with a template. Templates are aimed at onboardings, grids, and empty/error/success states, so they give you a pre-arranged scene you can edit rather than a blank canvas. If you only need one person, start from a base human body instead.

2. Design the human body

The library lets you "design the humaaan body." This means choosing the base body shape and proportions before layering clothing on top. Treat the body as the foundation: get the pose and proportions right first, because swapping clothes later is easier than re-posing a finished figure.

3. Change the hairdos, tops, and pants

This is the core of the mix-and-match workflow. The site lists three swappable categories:

• Hairdos — change the hairstyle to change the character's look.
• Tops — swap shirts, jackets, and similar upper-body pieces.
• Pants — swap lower-body clothing.

Because these are separate vector elements, you can combine any hair with any top and any pants. That is what makes the same base body produce many different characters.

4. Rotate and position the elements

The site describes the elements as "like legos made out of flesh... and vectors." You can rotate and position them however you like. In practice this means:

• Rotating an arm or leg to create a new pose.
• Moving elements to adjust posture or spacing.
• Repositioning parts to fit a scene rather than a single standing figure.

5. Make a scene

Once a character is assembled, you can "make a sceeene" by adding ambience to your content. The site lists example uses:

• Adding life to empty, error, or success states.
• Making landing pages look better.
• Designing invitations (the site jokes about "your family's beerday invitations").
• Onboardings, grids, and template-based layouts.

What you can realistically produce

Common sticking points

• Treating it as a single flat image. The value comes from editing separate parts. If you flatten too early, you lose the ability to swap hair or clothing.
• Skipping the body step. Changing the body after dressing the figure means re-fitting the clothing. Set the body first.
• Forgetting the license is permissive. CC0 Public Domain means commercial and personal use are both allowed, so you do not need to negotiate rights for a client project. Attribution is not required by the license as described, though crediting Pablo Stanley is a reasonable courtesy.
• Assuming it is a web app. The library is described as a design library for InVision Studio and Sketch, with Blush as another option. Plan to work inside a vector tool, not a browser-based character builder.

Quick answer on reuse

If your question is whether you can use Humaaans in commercial work: yes. The site states the illustrations are free for commercial or personal use under a CC0 Public Domain license, made by Pablo Stanley. The same mix-and-match files that let you build a character are the files you are licensed to use.