Avatares

Avatares

Uma face para quem não tem foto, desenhada por um motor a partir de uma semente — um id que nunca muda, nunca o nome — e servida como uma imagem que qualquer página, componente vue ou e-mail pode mostrar. A mesma semente sempre dá a mesma face; o motor diz como ela se parece.

Motores

O sistema de design desenha iniciais em uma cor da semente. Outros motores se conectam ao lado: os wexies de 2020 vêm de 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

Uma multidão de wexies

Vinte e seis pares de olhos desenhados à mão, cada um olhando para algum lugar, em uma cor da semente: sessenta membros, tantas faces.

Tamanhos

A face é um desenho, tão nítido em qualquer tamanho: o do quadro, --avatar-size, diz quão grande.
Ada LovelaceAda LovelaceAda LovelaceAda LovelaceAda LovelaceAda LovelaceAda LovelaceAda Lovelace