From USOM

USOM

USOM, der Umschlag mit Gesicht. Zusammen mit dem E-Mail-Dienst nur zum Empfang „USOM Mail“ führt er dich über die Website und die App. Er entstand aus einer Bitte, ihn „niedlich wie ein Brotdieb“ zu machen. Die Illustrationen und der Umsetzungscode werden unter CC BY 4.0 veröffentlicht.

Wie er gebaut ist

Da es ein Umschlag ist, der so wie er ist vermenschlicht wurde, sind die Teile dem bestehenden flachen Illustrationsstil entlehnt. Die Basis ist fest; nur Arme, Beine und Ausdruck werden getauscht. Alle Bewegung ist CSS und stoppt bei prefers-reduced-motion.

  • Abgerundetes PanelDer Körper des Umschlags. Die Basis, die sich in keiner Pose bewegt.
  • LascheEin einzelnes dünnes V von der Oberkante nach innen. Die Falte.
  • Schild-AbzeichenEin violettes Schild mit einem Häkchen. Die Marke „Empfang bestätigt“. Unten rechts fixiert.
  • DoppelringKonzentrische durchgezogene und gestrichelte Kreise im Hintergrund. Deko, die nur Präsenz andeutet.
  • Arme, Beine, AusdruckDie einzigen veränderlichen Teile. Pose und Ausdruck werden je nach Platzierung getauscht.

Posen

Die Pose ändert sich je nach Platzierung. Jede wird so gezeigt, wie sie tatsächlich genutzt wird.

walkQuer über Hero und FußzeileGeht dahin. Der Körper schwankt und die Fußgelenke klappern.
waveLeerer PosteingangWinkt mit einer Hand auf der Stelle. Auf weißem Grund wird die Strichzeichnung dunkel.
peekNeben einer AbschnittsüberschriftKrümmt sich und späht über den Rand. Klein platziert.
lost404-SeiteHebt beide Hände, verwirrt. Das „?“ zittert auch.

Wie du ihn nutzt (Lizenz)

Creative Commons Namensnennung 4.0 International (CC BY 4.0). Nenne die Quelle, dann darfst du ihn verändern und kommerziell nutzen.

  • Du darfst ihn kopieren, verändern und weitergeben (auch kommerziell)
  • Du darfst Pose oder Farben ändern und ihn in deinem eigenen Produkt nutzen
  • Du darfst die Quellenangabe nicht weglassen
  • Du darfst ihn nicht so nutzen, dass es so wirkt, als würde USOM Mail dich unterstützen oder mit dir verbunden sein

Quellenangabe

USOM by USOM Mail — CC BY 4.0
https://creativecommons.org/licenses/by/4.0/

SVG

Das SVG der Standard-Pose (walk). Ersetze --m-* durch die Farben deiner Wahl.

usom.svg herunterladen