Avatars

Avatars

A face for whoever has no picture, drawn by an engine from a seed — an id that never changes, never the name — and served as an image any page, vue component or mail can show. The same seed always gives the same face; the engine says how it looks.

Engines

The design system draws initials on a colour of the seed. Other engines plug in beside it: the wexies of 2020 come from symfony-design-system-effects.

initials

Ada Lovelace
Ada Lovelace
Grace Hopper
Grace Hopper
Alan Turing
Alan Turing
Margaret Hamilton
Margaret Hamilton
Édouard Lucas
Édouard Lucas
Katherine Johnson
Katherine Johnson
Linus
Linus
Hedy Lamarr
Hedy Lamarr

wexies-2020

Ada Lovelace
Ada Lovelace
Grace Hopper
Grace Hopper
Alan Turing
Alan Turing
Margaret Hamilton
Margaret Hamilton
Édouard Lucas
Édouard Lucas
Katherine Johnson
Katherine Johnson
Linus
Linus
Hedy Lamarr
Hedy Lamarr

facets

Ada Lovelace
Ada Lovelace
Grace Hopper
Grace Hopper
Alan Turing
Alan Turing
Margaret Hamilton
Margaret Hamilton
Édouard Lucas
Édouard Lucas
Katherine Johnson
Katherine Johnson
Linus
Linus
Hedy Lamarr
Hedy Lamarr

A crowd of wexies

Twenty-six pairs of eyes drawn by hand, each looking somewhere, on a colour of the seed: sixty members, as many faces.

Sizes

The face is a drawing, as sharp at every size: the frame's, --avatar-size, says how large.
Ada LovelaceAda LovelaceAda LovelaceAda LovelaceAda LovelaceAda LovelaceAda LovelaceAda Lovelace