Humaaans

Produktübersicht

Offene Lizenz: Veröffentlicht unter der CC0 1.0 Universal Public Domain Dedication, die unbeschränktes Kopieren, Modifizieren und kommerzielle Nutzung ohne Namensnennung erlaubt. Design-System: Basiert auf modernem Flat-Design mit sechs Kern-Komponenten-Kategorien: Frisuren: 20+ Optionen, darunter Kopftücher und Hüte Gesichtsausdrücke: 30+ Emotionen (Freude/Verwirrung/Fokus) Körper-Posen: Steh-/Sitz-/Brust-Grundpositionen Kleidung: 40+ Stile (Casual/Business/Athleisure) Accessoires: 15+ Items wie Brillen und Rucksäcke Szenen: Hintergrund-Requisiten (Schreibtische/Pflanzen) Alle Elemente sind auf einem 24×24px-Raster aufgebaut und unterstützen Rotation, Skalierung und Farbanpassung über CSS-Variablen für dynamische Effekte (z. B. Hover-Animationen). Technologie & Anwendungen Figma-Plugin: Drag-and-drop-Komponenten-Montage mit Echtzeit-Farbanpassung Sketch-Bibliothek: Symbolbasiertes Styling für schnelles Wechseln von Frisur/Outfit Adobe-XD-Dateien: Geschichtete Quelldateien für fortgeschrittenes Bearbeiten CSS-Peeps: Dynamisches Web-Rendering über Variablen wie --peep-skin-color Anwendungsfälle: Produktdesign: Nutzerfluss-Diagramme, Leer-Zustände, Onboarding-Illustrationen Marketing: Social-Media-Grafiken, E-Mail-Header Bildung: E-Learning-Materialien, Kinderbuch-Charaktere Dateiformate: Verfügbar in SVG (skalierbarer Vektor), PNG (transparenter Hintergrund), EPS (druckfertig) und nativen Design-Dateien, kompatibel mit IconJar-Bibliotheksverwaltung. Kommerzielle & Erweiterungsfähigkeiten Markenanpassung: Unterstützt 12 vordefinierte Hautfarben und vollständige HSL-Farbanpassung für Kleidung über das Figma-Plugin, passend zu visuellen Unternehmenssystemen. React-Komponenten: npm-Paket react-humaaans mit über 200 vorgefertigten Charakteren API-Zugang: Drittanbieter-Dienste für dynamische Avatar-Generierung (z. B. Nutzerregistrierungs-Flows) Open Source: GitHub-Repository, das Community-eingereichte Komponenten akzeptiert Bekannte Beispiele: Airbnb nutzt Humaans für Team-Profil-Illustrationen, Slack integriert es in Emoji-Panels und Spotify setzt es für Podcast-Cover-Art ein.

label.best_for

API zugreifen: Third-party services für dynamic avatar generation (e.g., Benutzer registration flows) öffnen Source: GitHub repository accepting Community-submitted Komponenten Notable Examples: Airbnb nutzt Humaaans für Team profile Illustrationen, Slack integriert es in emoji panels, und Spotify employs es für podcast cover art.

Hauptfunktionen

• fertig UI-Komponenten
• Figma/Sketch/XD formats
• responsiv layouts
• anpassbar gestalten-Tokens