Hey Everyone! We built Personas as a side project from building Draftbit. We started down this path after looking around for a set of colorful avatar icons to use on a project, and couldn't find a set that didn't force us to make some unfortunate choices around gender, race, and age. So we built our own set, and here it is!
The site uses ReasonML to stack SVG's on top of each other, provide unique combinations of attributes. Our current set supports more than 2.5 billion possible permutations!
You can use Personas to create a new icon for slack, social media, product hunt, etc. Or use the (free) Sketch file to build a set for your products or apps, or dig into the source code on GitHub to help us improve and expand Personas for everyone. Cheers!
I'd consider changing the random balance on the facial hair -- with six types of facial hair and one without, and (I presume) equal weighting to those seven categories, 6 out of 7 faces come out as people able to grow beards...
Our randomize just selects between all the layers and throws them together, so everything has the same weight. We'll take a look and see if there is a straightforward way to change this.
I suggest always rendering the little shape preview above each color palette in greyscale. That way the user can still browse shapes even though they have a color selected that's hard to see on a white background.
Hey, coder here. There's a bit of a learning curve and there were moments where I wanted to throw it out the window, but now I can't imagine life without it.
Aka, just like learning any other new language, except better.
19 comments
[ 2.8 ms ] story [ 50.7 ms ] threadThe site uses ReasonML to stack SVG's on top of each other, provide unique combinations of attributes. Our current set supports more than 2.5 billion possible permutations!
You can use Personas to create a new icon for slack, social media, product hunt, etc. Or use the (free) Sketch file to build a set for your products or apps, or dig into the source code on GitHub to help us improve and expand Personas for everyone. Cheers!
Would love to see you implement something more real-world. Thanks!
I suggest always rendering the little shape preview above each color palette in greyscale. That way the user can still browse shapes even though they have a color selected that's hard to see on a white background.
Aka, just like learning any other new language, except better.
Still Loving it, though!