Lab
Sticker 2.0 — voll generativ
Keine Grafiken mehr: Die Verläufe sind echte Mesh-Verläufe (3×3-Farbraster aus der Brand Library, per Canvas interpoliert, Display-P3 wenn das Display es kann). Das Korn sind prozedurale Partikel, die wie Sterne sanft aufleuchten.
Vergleich: Figma-Export vs. generativer Rebuild
Links der 1:1-PNG-Export aus Figma, daneben der Rebuild: Mesh-Canvas + Partikel, Auge aus Sclera, Iris, Overlay-Tint und Pupille. Die Linsen-Form ist der exakte Vektor-Pfad aus Figma.
Original (PNG, 1,1 MB)
Rebuild (generativ, 0 KB Assets)
Rebuild skaliert (440px)
Vereinfachte Form: Fläche + Icon
Der generische Baustein für beliebige Sticker: Mesh-Verlauf plus Partikel plus kontrastierendes Glyph/Icon. Drei Zutaten, frei kombinierbar über Familie, Form und Icon.
Discovery-Palette, Kreis
Blue, eckig
Yellow, Radius 48
Zweite Familie: Systems (Bausteine, Green)
Gleiches System, andere Zutaten: Green-Raster aus dem Original-Verlaufsbild, eckige Form (220×207, Radius 0), Bausteine-Icon 1:1 aus den Figma-Vektoren als Inline-SVG. Null neue Assets.
Original (Figma-Render)
Rebuild (generativ)
Rebuild skaliert (440px)
Verlaufs-Familien — generativ, aus den Originalen gesampelt
Alle Familien aus der Brand Library als Mesh + Sterne + Grain in Display-P3: Standard Rot, Violett, Blau, Grün, Gelb, Weiß, Schwarz plus je drei Varianten (außer Schwarz). Mit * markierte Varianten sind abgeleitet, weil es sie in Figma noch nicht gibt.
red
red-dark
red-berry *
violet
violet-glow
violet-blue
blue
blue-violet
blue-sea
green
green-lemon
green-blue
yellow
yellow-peach
yellow-lemon
white
white-lavender *
white-rose *
black
Alle Icon-Sticker: Figma-Original vs. generativer Rebuild
Je Paar links der Figma-Render, rechts der Rebuild aus generierten Ebenen (Mesh, Conic, Partikel, Grain, Vektor-Icons). Nur die Workshops-Hand ist als hochauflösendes PNG eingebunden, alles andere ist Code.
Workshops — Original
Rebuild
Prototyping — Original
Rebuild
Design — Original
Rebuild
North Star — Original
Rebuild
Quicker to Market — Original
Rebuild
Pitfalls — Original
Rebuild
Northstar Experience — Original
Rebuild
Bonding — Original
Rebuild
UX-Prozesse 01 — Original
Rebuild
UX-Prozesse 02 — Original
Rebuild
Befund: Gut — Original
Rebuild
Befund: Leicht — Original
Rebuild
Befund: Mittel — Original
Rebuild
Befund: Schwer — Original
Rebuild
Partikel: statisch vs. Sterne-Aufleuchten
Jeder Stern hat eine eigene Periode und Phase; die Spitzen sind selten und sanft, kein flächiges Schimmern. Bei prefers-reduced-motion bleiben die Partikel statisch.
Statisch
Mit Aufleuchten (live)